@oslokommune/punkt-elements 18.3.1 → 18.5.0

package/dist/{footer-BpuYmm5V.cjs → footer-BGC5PkLa.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-DRc10X2R.cjs");require("./consent-Cqetmc5Q.cjs"),require("./icon-DBFTFd-J.cjs");const t=require("./if-defined-BeVQnl3C.cjs"),n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");var i=`oslo.kommune.no`,a=/\.(?:co|com|org|net|gov|edu|ac|kommune)\.[a-z]{2}$/i;function o(e){let t=e.toLowerCase().replace(/\.$/,``),n=t.split(`.`);return n.length<=2?t:n.slice(a.test(t)?-3:-2).join(`.`)}function s(e){if(!e)return;let t;try{t=new URL(e)}catch{return}if(t.protocol===`http:`||t.protocol===`https:`)return o(t.hostname.toLowerCase().replace(/\.$/,``))}function c(e,t=i){if(!e)return;let n;try{n=new URL(e)}catch{return}if(n.protocol!==`http:`&&n.protocol!==`https:`)return;let r=n.hostname.toLowerCase().replace(/\.$/,``),a=t.toLowerCase();if(!(r===a||r.endsWith(`.${a}`)))return o(r)}var l=`#cb-trigger`,u=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.skipGlobal=!1,this.openLinksInNewTab=!1,this.includeConsent=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.devMode=!1,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null}connectedCallback(){super.connectedCallback(),!this.data&&!this.skipGlobal&&this.loadData()}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort()}updated(e){super.updated(e),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData()}async loadData(){this.abortController?.abort(),this.abortController=new AbortController;try{this.fetchedData=await r.t(this.dataUrl,this.abortController.signal)}catch(e){if(e.name===`AbortError`)return;console.warn(`Failed to fetch header/footer data:`,e),this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get globalFooterData(){return r.n(this.data??this.fetchedData,this.locale)?.footer}linkTarget(e){return e.openInNewTab||this.openLinksInNewTab?{target:`_blank`,rel:`noopener noreferrer`}:{target:`_self`}}renderLinkDomain(t,n=`pkt-footer__link-domain`){if(!t.external)return e.h;let r=s(t.href);return r?e._` <span class=${n}>(${r})</span>`:e.h}renderCustomLink(n){let{target:r,rel:i}=this.linkTarget(n);return e._`
+const e=require("./element-DRc10X2R.cjs"),t=require("./if-defined-BeVQnl3C.cjs");require("./consent-DaOFbopy.cjs"),require("./icon-DBFTFd-J.cjs");const n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");var i=`oslo.kommune.no`,a=/\.(?:co|com|org|net|gov|edu|ac|kommune)\.[a-z]{2}$/i;function o(e){let t=e.toLowerCase().replace(/\.$/,``),n=t.split(`.`);return n.length<=2?t:n.slice(a.test(t)?-3:-2).join(`.`)}function s(e){if(!e)return;let t;try{t=new URL(e)}catch{return}if(t.protocol===`http:`||t.protocol===`https:`)return o(t.hostname.toLowerCase().replace(/\.$/,``))}function c(e,t=i){if(!e)return;let n;try{n=new URL(e)}catch{return}if(n.protocol!==`http:`&&n.protocol!==`https:`)return;let r=n.hostname.toLowerCase().replace(/\.$/,``),a=t.toLowerCase();if(!(r===a||r.endsWith(`.${a}`)))return o(r)}var l=`#cb-trigger`,u=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.skipGlobal=!1,this.openLinksInNewTab=!1,this.includeConsent=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.devMode=!1,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null}connectedCallback(){super.connectedCallback(),!this.data&&!this.skipGlobal&&this.loadData()}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort()}updated(e){super.updated(e),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData()}async loadData(){this.abortController?.abort(),this.abortController=new AbortController;try{this.fetchedData=await r.t(this.dataUrl,this.abortController.signal)}catch(e){if(e.name===`AbortError`)return;console.warn(`Failed to fetch header/footer data:`,e),this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get globalFooterData(){return r.n(this.data??this.fetchedData,this.locale)?.footer}linkTarget(e){return e.openInNewTab||this.openLinksInNewTab?{target:`_blank`,rel:`noopener noreferrer`}:{target:`_self`}}renderLinkDomain(t,n=`pkt-footer__link-domain`){if(!t.external)return e.h;let r=s(t.href);return r?e._` <span class=${n}>(${r})</span>`:e.h}renderCustomLink(n){let{target:r,rel:i}=this.linkTarget(n);return e._`
       <a href=${n.href} target=${r} rel=${t.t(i)}
         >${n.text}${this.renderLinkDomain(n)}</a
       >

package/dist/{footer-BXmN43ol.js → footer-BPxKLaut.js}

@@ -1,7 +1,7 @@
 import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-e2MAMNEP.js";
-import "./consent-Dkyp-UbI.js";
-import "./icon-jEFbKTB_.js";
 import { t as s } from "./if-defined-r8tKY4tG.js";
+import "./consent-Yvw7gZI_.js";
+import "./icon-jEFbKTB_.js";
 import { t as c } from "./booleanish-OQJTYSrw.js";
 import { n as l, r as u, t as d } from "./fetch-header-footer-data-Pc32etrk.js";
 //#region ../../shared-utils/header-footer/external-domain.ts

package/dist/{header-BPQHiw4v.js → header-BPzlBRhY.js}

@@ -1,18 +1,18 @@
 import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-e2MAMNEP.js";
 import { t as s } from "./class-map-BL_YL_Ed.js";
-import { n as c, t as l } from "./element-with-slot-COOwQUxM.js";
+import { t as c } from "./if-defined-r8tKY4tG.js";
+import { n as l, t as u } from "./element-with-slot-COOwQUxM.js";
 import "./icon-jEFbKTB_.js";
-import { t as u } from "./if-defined-r8tKY4tG.js";
-import "./button-Dqolsuwj.js";
+import "./button-Drwt7Qe5.js";
 import { n as d, t as f } from "./ref-lE1mGUOL.js";
 import { t as p } from "./booleanish-OQJTYSrw.js";
 import { n as m, o as h, t as g } from "./fetch-header-footer-data-Pc32etrk.js";
 import { n as _, t as v } from "./focus-trap-DG3pEuyJ.js";
 import { n as y, t as b } from "./scroll-lock-DAbNKAUy.js";
-import "./link-C9xAIILf.js";
-import "./textinput-DKl04Y3e.js";
-import "./searchinput-D7Dd2W2z.js";
-import "./header-menu-Dgem4HO9.js";
+import "./link-DkO7a3Fs.js";
+import "./textinput-CrJYDOHb.js";
+import "./searchinput-DrUcPajl.js";
+import "./header-menu-DWiPoQ58.js";
 //#region ../../shared-types/header.ts
 var x = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -223,7 +223,7 @@ try {
 //#region src/components/header/header-service.ts
 var E = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || E);
-var D = class extends l {
+var D = class extends u {
 	constructor(...e) {
 		super(...e), this.logoLink = h, this.logoPath = typeof window < "u" ? window.pktLogoPath : E, 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.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = f(), this.userContainerRef = f(), this.slotContainerRef = f(), this.searchContainerRef = f(), this.slotContentRef = f(), this.searchMenuRef = f(), this.chrome = new w(this, () => ({
 			mobileBreakpoint: this.mobileBreakpoint,
@@ -430,7 +430,7 @@ var D = class extends l {
           @click=${this.handleSlotContentClick}
           ${d(this.slotContentRef)}
         >
-          ${c(this)}
+          ${l(this)}
         </div>
       </div>
     `;
@@ -852,7 +852,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 	}
 	renderLogo() {
 		let t = e`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${u(this.logoPath)}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${c(this.logoPath)}></pkt-icon>
     `;
 		return e`
       <span class="pkt-header-global__logo">
@@ -874,9 +874,9 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
           input-size=${this.isTablet ? "small" : "medium"}
           fullwidth
           id=${r.input.id || "pkt-header-global-search"}
-          name=${u(r.input.name)}
-          placeholder=${u(i)}
-          aria-label=${u(t.i18n?.search)}
+          name=${c(r.input.name)}
+          placeholder=${c(i)}
+          aria-label=${c(t.i18n?.search)}
           action=${r.endpoint}
           method="get"
           @pkt-search=${(e) => this.handleSearch(e.detail.value)}
@@ -931,7 +931,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
         id=${M}
         class="pkt-header-global__search-toggle"
         skin="primary"
-        color=${u(r ? void 0 : "yellow")}
+        color=${c(r ? void 0 : "yellow")}
         variant="icon-only"
         iconName=${r ? "close" : "magnifying-glass-big"}
         size=${this.isMobile ? "small" : "medium"}
@@ -958,9 +958,9 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
             appearance="global"
             fullwidth
             id=${r.input.id || "pkt-header-global-search"}
-            name=${u(r.input.name)}
-            placeholder=${u(i)}
-            aria-label=${u(t.i18n?.search || this.pktStrings.get("header").search)}
+            name=${c(r.input.name)}
+            placeholder=${c(i)}
+            aria-label=${c(t.i18n?.search || this.pktStrings.get("header").search)}
             action=${r.endpoint}
             method="get"
             @pkt-search=${(e) => this.handleSearch(e.detail.value)}
@@ -1140,7 +1140,7 @@ try {
 }
 //#endregion
 //#region src/components/header/header.ts
-var P = class extends l {
+var P = 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;
 	}
@@ -1161,13 +1161,13 @@ var P = class extends l {
 	renderGlobal() {
 		return e`
       <pkt-header-global
-        data-url=${u(this.dataUrl)}
-        locale=${u(this.locale)}
-        logo-link=${u(this.logoLink)}
-        logo-path=${u(this.logoPath)}
-        search-placeholder=${u(this.hasAttribute("search-placeholder") ? this.searchPlaceholder : void 0)}
-        mobile-breakpoint=${u(this.hasAttribute("mobile-breakpoint") ? this.mobileBreakpoint : void 0)}
-        tablet-breakpoint=${u(this.hasAttribute("tablet-breakpoint") ? this.tabletBreakpoint : void 0)}
+        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)}
         log-out-button-placement=${this.logOutButtonPlacement}
         position=${this.position}
         scroll-behavior=${this.scrollBehavior}
@@ -1185,10 +1185,10 @@ var P = class extends l {
 	render() {
 		return this.type === "global" ? this.renderGlobal() : e`
       <pkt-header-service
-        service-name=${u(this.serviceName)}
-        service-link=${u(this.serviceLink)}
-        logo-link=${u(this.logoLink)}
-        logo-path=${u(this.logoPath)}
+        service-name=${c(this.serviceName)}
+        service-link=${c(this.serviceLink)}
+        logo-link=${c(this.logoLink)}
+        logo-path=${c(this.logoPath)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}
@@ -1208,7 +1208,7 @@ var P = class extends l {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent() ? e`<div class="pkt-contents">${c(this)}</div>` : n}
+        ${this.hasSlotContent() ? e`<div class="pkt-contents">${l(this)}</div>` : n}
       </pkt-header-service>
     `;
 	}

package/dist/{header-BQ32MqUl.cjs → header-CAqegPzW.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),n=require("./element-with-slot-MkibfzHp.cjs");require("./icon-DBFTFd-J.cjs");const r=require("./if-defined-BeVQnl3C.cjs");require("./button-CVMhQT3X.cjs");const i=require("./ref-BkV4Cd8U.cjs"),a=require("./booleanish-BF8l4scU.cjs"),o=require("./fetch-header-footer-data-CUKV0biS.cjs"),s=require("./focus-trap-DSv4Ifqm.cjs"),c=require("./scroll-lock-BN8lOhV5.cjs");require("./link-CpwR3BLX.cjs"),require("./textinput-D0QasOZ9.cjs"),require("./searchinput-Dm3T0tGS.cjs"),require("./header-menu-DpQbRKcm.cjs");var l=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},u=e=>l(e),d=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`})},f=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=c.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),c.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){c.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}},p=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-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),n=require("./if-defined-BeVQnl3C.cjs"),r=require("./element-with-slot-MkibfzHp.cjs");require("./icon-DBFTFd-J.cjs"),require("./button-jJfzE9C7.cjs");const i=require("./ref-BkV4Cd8U.cjs"),a=require("./booleanish-BF8l4scU.cjs"),o=require("./fetch-header-footer-data-CUKV0biS.cjs"),s=require("./focus-trap-DSv4Ifqm.cjs"),c=require("./scroll-lock-BN8lOhV5.cjs");require("./link-DXnoMJIo.cjs"),require("./textinput-CIxMtaIo.cjs"),require("./searchinput-CiPB8xvh.cjs"),require("./header-menu-DBy7Yrd_.cjs");var l=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},u=e=>l(e),d=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`})},f=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=c.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),c.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){c.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}},p=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
           icon-name=${n.iconName||e.h}
           href=${n.href}
@@ -79,7 +79,7 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
               `:e.h}
         </ul>
       </nav>
-    `}};e.n([e.u({type:Object})],p.prototype,`user`,void 0),e.n([e.u({type:String,attribute:`formatted-last-logged-in`})],p.prototype,`formattedLastLoggedIn`,void 0),e.n([e.u({type:Object})],p.prototype,`representing`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],p.prototype,`userMenu`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],p.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`logout-on-click`,converter:a.t})],p.prototype,`logoutOnClick`,void 0);try{e.d(`pkt-header-user-menu`)(p)}catch{console.warn(`Forsøker å definere <pkt-header-user-menu>, men den er allerede definert`)}var m=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||m);var h=class extends n.t{constructor(...e){super(...e),this.logoLink=o.o,this.logoPath=typeof window<`u`?window.pktLogoPath:m,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.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.openMenu=`none`,this.alignSlotRight=!1,this.alignSearchRight=!1,this.headerRef=i.t(),this.userContainerRef=i.t(),this.slotContainerRef=i.t(),this.searchContainerRef=i.t(),this.slotContentRef=i.t(),this.searchMenuRef=i.t(),this.chrome=new f(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 d(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})],p.prototype,`user`,void 0),e.n([e.u({type:String,attribute:`formatted-last-logged-in`})],p.prototype,`formattedLastLoggedIn`,void 0),e.n([e.u({type:Object})],p.prototype,`representing`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],p.prototype,`userMenu`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],p.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`logout-on-click`,converter:a.t})],p.prototype,`logoutOnClick`,void 0);try{e.d(`pkt-header-user-menu`)(p)}catch{console.warn(`Forsøker å definere <pkt-header-user-menu>, men den er allerede definert`)}var m=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||m);var h=class extends r.t{constructor(...e){super(...e),this.logoLink=o.o,this.logoPath=typeof window<`u`?window.pktLogoPath:m,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.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.openMenu=`none`,this.alignSlotRight=!1,this.alignSearchRight=!1,this.headerRef=i.t(),this.userContainerRef=i.t(),this.slotContainerRef=i.t(),this.searchContainerRef=i.t(),this.slotContentRef=i.t(),this.searchMenuRef=i.t(),this.chrome=new f(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 d(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 e._`
       <span class="pkt-header-service__logo">
@@ -114,9 +114,9 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
       >
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    `:e.h}renderSlotContainer(){if(!this.hasSlotContent())return e.h;let r=t.t({"pkt-header-service__slot-container":!0,"is-open":this.openMenu===`slot`}),a=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`}),a=t.t({"pkt-header-service__slot-content":!0,"align-right":this.alignSlotRight});return e._`
       <div
-        class=${r}
+        class=${n}
         @focusout=${e=>this.handleFocusOut(e,`slot`)}
         ${i.n(this.slotContainerRef)}
       >
@@ -143,7 +143,7 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
           @click=${this.handleSlotContentClick}
           ${i.n(this.slotContentRef)}
         >
-          ${n.n(this)}
+          ${r.n(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._`
@@ -268,24 +268,24 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
           <div class=${r}></div>
         </div>
       `}return n}};e.n([e.u({type:String,attribute:`service-name`})],h.prototype,`serviceName`,void 0),e.n([e.u({type:String,attribute:`service-link`})],h.prototype,`serviceLink`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],h.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],h.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],h.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],h.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],h.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],h.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`opened-menu`})],h.prototype,`openedMenu`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],h.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:String})],h.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],h.prototype,`scrollBehavior`,void 0),e.n([e.u({type:String,attribute:`slot-menu-variant`})],h.prototype,`slotMenuVariant`,void 0),e.n([e.u({type:String,attribute:`slot-menu-text`})],h.prototype,`slotMenuText`,void 0),e.n([e.u({type:Boolean,attribute:`hide-logo`,converter:a.t})],h.prototype,`hideLogo`,void 0),e.n([e.u({type:Boolean,converter:a.t})],h.prototype,`compact`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:a.t})],h.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],h.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:a.t})],h.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],h.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],h.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],h.prototype,`representing`,void 0),e.n([e.l()],h.prototype,`openMenu`,void 0),e.n([e.l()],h.prototype,`alignSlotRight`,void 0),e.n([e.l()],h.prototype,`alignSearchRight`,void 0);try{e.d(`pkt-header-service`)(h)}catch{console.warn(`Forsøker å definere <pkt-header-service>, men den er allerede definert`)}var g=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||g);var _=`pkt-header-global-menu`,v=`pkt-header-global-menu-toggle`,y=`pkt-header-global-search-panel`,b=`pkt-header-global-search-toggle`,x=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.logoLink=o.o,this.logoPath=typeof window<`u`?window.pktLogoPath:g,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=i.t(),this.menuContainerRef=i.t(),this.userContainerRef=i.t(),this.chrome=new f(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(`#${v}`)&&(this.openMenu=`none`),this.openMenu===`search`&&!t.closest(`.pkt-header-global__search-panel-inner`)&&!t.closest(`#${b}`)&&(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=s.n(n),a=s.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],c=i[i.length-1],l=!e.shiftKey&&a===c,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(`#${y} 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(`#${v}`)}:this.openMenu===`search`?{panel:this.querySelector(`#${y}`),toggle:this.querySelector(`#${b}`)}: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 d(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=e._`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${r.t(this.logoPath)}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${n.t(this.logoPath)}></pkt-icon>
     `;return e._`
       <span class="pkt-header-global__logo">
         <a href=${this.logoLink} aria-label="Til hovedsiden" @click=${this.handleLogoClick}>
           ${t}
         </a>
       </span>
-    `}renderSearch(t){if(!this.showSearch)return e.h;let n=t.search;if(!n)return e.h;let i=this.searchPlaceholder??n.input.placeholder;return e._`
+    `}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._`
       <div class="pkt-header-global__search">
         <pkt-searchinput
           appearance="global"
           input-size=${this.isTablet?`small`:`medium`}
           fullwidth
-          id=${n.input.id||`pkt-header-global-search`}
-          name=${r.t(n.input.name)}
-          placeholder=${r.t(i)}
-          aria-label=${r.t(t.i18n?.search)}
-          action=${n.endpoint}
+          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}
           method="get"
           @pkt-search=${e=>this.handleSearch(e.detail.value)}
         ></pkt-searchinput>
@@ -310,32 +310,32 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
       >
         ${n}
       </pkt-button>
-    `}renderSearchToggle(t){if(!this.showSearch||!t.search)return e.h;let n=this.openMenu===`search`;return e._`
+    `}renderSearchToggle(t){if(!this.showSearch||!t.search)return e.h;let r=this.openMenu===`search`;return e._`
       <pkt-button
         id=${b}
         class="pkt-header-global__search-toggle"
         skin="primary"
-        color=${r.t(n?void 0:`yellow`)}
+        color=${n.t(r?void 0:`yellow`)}
         variant="icon-only"
-        iconName=${n?`close`:`magnifying-glass-big`}
+        iconName=${r?`close`:`magnifying-glass-big`}
         size=${this.isMobile?`small`:`medium`}
-        state=${n?`active`:`normal`}
-        aria-expanded=${n}
+        state=${r?`active`:`normal`}
+        aria-expanded=${r}
         aria-controls=${y}
         @click=${()=>this.toggleMenu(`search`)}
       >
         ${t.i18n?.search||this.pktStrings.get(`header`).search}
       </pkt-button>
-    `}renderSearchPanel(n){let i=n.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._`
+    `}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=${y} 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=${r.t(i.input.name)}
-            placeholder=${r.t(a)}
-            aria-label=${r.t(n.i18n?.search||this.pktStrings.get(`header`).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}
             method="get"
             @pkt-search=${e=>this.handleSearch(e.detail.value)}
@@ -414,15 +414,15 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
           <div class=${r}></div>
           ${a}${i}
         </div>
-      `}return e._`${n}${a}${i}`}};e.n([e.u({type:String,attribute:`data-url`})],x.prototype,`dataUrl`,void 0),e.n([e.u({type:Object,attribute:!1})],x.prototype,`data`,void 0),e.n([e.u({type:String})],x.prototype,`locale`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],x.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],x.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],x.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String})],x.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],x.prototype,`scrollBehavior`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],x.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],x.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],x.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:a.t})],x.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`show-contact`,converter:a.t})],x.prototype,`showContact`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],x.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:a.t})],x.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],x.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],x.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],x.prototype,`representing`,void 0),e.n([e.l()],x.prototype,`openMenu`,void 0),e.n([e.l()],x.prototype,`fetchedData`,void 0),e.n([e.l()],x.prototype,`loadError`,void 0),e.n([e.l()],x.prototype,`headerAnchor`,void 0);try{e.d(`pkt-header-global`)(x)}catch{console.warn(`Forsøker å definere <pkt-header-global>, men den er allerede definert`)}var S=class extends n.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`})],x.prototype,`dataUrl`,void 0),e.n([e.u({type:Object,attribute:!1})],x.prototype,`data`,void 0),e.n([e.u({type:String})],x.prototype,`locale`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],x.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],x.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],x.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String})],x.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],x.prototype,`scrollBehavior`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],x.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],x.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],x.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:a.t})],x.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`show-contact`,converter:a.t})],x.prototype,`showContact`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],x.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:a.t})],x.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],x.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],x.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],x.prototype,`representing`,void 0),e.n([e.l()],x.prototype,`openMenu`,void 0),e.n([e.l()],x.prototype,`fetchedData`,void 0),e.n([e.l()],x.prototype,`loadError`,void 0),e.n([e.l()],x.prototype,`headerAnchor`,void 0);try{e.d(`pkt-header-global`)(x)}catch{console.warn(`Forsøker å definere <pkt-header-global>, men den er allerede definert`)}var S=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=${r.t(this.dataUrl)}
-        locale=${r.t(this.locale)}
-        logo-link=${r.t(this.logoLink)}
-        logo-path=${r.t(this.logoPath)}
-        search-placeholder=${r.t(this.hasAttribute(`search-placeholder`)?this.searchPlaceholder:void 0)}
-        mobile-breakpoint=${r.t(this.hasAttribute(`mobile-breakpoint`)?this.mobileBreakpoint:void 0)}
-        tablet-breakpoint=${r.t(this.hasAttribute(`tablet-breakpoint`)?this.tabletBreakpoint:void 0)}
+        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)}
         log-out-button-placement=${this.logOutButtonPlacement}
         position=${this.position}
         scroll-behavior=${this.scrollBehavior}
@@ -437,10 +437,10 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
       ></pkt-header-global>
     `}render(){return this.type===`global`?this.renderGlobal():e._`
       <pkt-header-service
-        service-name=${r.t(this.serviceName)}
-        service-link=${r.t(this.serviceLink)}
-        logo-link=${r.t(this.logoLink)}
-        logo-path=${r.t(this.logoPath)}
+        service-name=${n.t(this.serviceName)}
+        service-link=${n.t(this.serviceLink)}
+        logo-link=${n.t(this.logoLink)}
+        logo-path=${n.t(this.logoPath)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}
@@ -460,6 +460,6 @@ const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent()?e._`<div class="pkt-contents">${n.n(this)}</div>`:e.h}
+        ${this.hasSlotContent()?e._`<div class="pkt-contents">${r.n(this)}</div>`:e.h}
       </pkt-header-service>
     `}};e.n([e.u({type:String})],S.prototype,`type`,void 0),e.n([e.u({type:String,attribute:`service-name`})],S.prototype,`serviceName`,void 0),e.n([e.u({type:String,attribute:`service-link`})],S.prototype,`serviceLink`,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,attribute:`search-value`})],S.prototype,`searchValue`,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:`opened-menu`})],S.prototype,`openedMenu`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],S.prototype,`logOutButtonPlacement`,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:String,attribute:`slot-menu-variant`})],S.prototype,`slotMenuVariant`,void 0),e.n([e.u({type:String,attribute:`slot-menu-text`})],S.prototype,`slotMenuText`,void 0),e.n([e.u({type:Boolean,attribute:`hide-logo`,converter:a.t})],S.prototype,`hideLogo`,void 0),e.n([e.u({type:Boolean,converter:a.t})],S.prototype,`compact`,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:`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.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:Boolean,attribute:`show-contact`,converter:a.t})],S.prototype,`showContact`,void 0),e.n([e.u({type:Array,attribute:`user-menu-footer`})],S.prototype,`userMenuFooter`,void 0),e.n([e.u({type:Array,attribute:`user-options`})],S.prototype,`userOptions`,void 0);try{e.d(`pkt-header`)(S)}catch{console.warn(`Forsøker å definere <pkt-header>, men den er allerede definert`)}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});

package/dist/{header-menu-DpQbRKcm.cjs → header-menu-DBy7Yrd_.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs");require("./icon-DBFTFd-J.cjs"),require("./accordion-DOa5vubf.cjs");const n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");var i=class extends e.t{constructor(...e){super(...e),this.dataUrl=r.a,this.locale=`nb-NO`,this.open=!1,this.mobileBreakpoint=768,this.loadState=`idle`,this.isMobile=!1,this.menuWidth=0}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-menu`),this.updateOpenClass(),this.observeWidth(),this.data?(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0}))):this.loadData()}updateOpenClass(){this.classList.toggle(`pkt-header-menu--open`,!!this.open)}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}updated(e){super.updated(e),e.has(`open`)&&this.updateOpenClass(),e.has(`mobileBreakpoint`)&&e.get(`mobileBreakpoint`)!==void 0&&this.refreshIsMobile(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&e.get(`data`)!==void 0&&this.data&&(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0})))}observeWidth(){typeof ResizeObserver>`u`||(this.menuWidth=this.offsetWidth,this.refreshIsMobile(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.menuWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshIsMobile()}),this.resizeObserver.observe(this))}refreshIsMobile(){this.isMobile=this.menuWidth<this.mobileBreakpoint}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadState=`loading`;try{let e=await r.t(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}catch(e){if(e.name===`AbortError`)return;this.loadState=`error`,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get effectiveData(){return this.data??this.fetchedData}get localeData(){return r.n(this.effectiveData,this.locale)}render(){if(this.loadState===`loading`)return e._`
+const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs");require("./icon-DBFTFd-J.cjs"),require("./accordion-E0-pLzBq.cjs");const n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");var i=class extends e.t{constructor(...e){super(...e),this.dataUrl=r.a,this.locale=`nb-NO`,this.open=!1,this.mobileBreakpoint=768,this.loadState=`idle`,this.isMobile=!1,this.menuWidth=0}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-menu`),this.updateOpenClass(),this.observeWidth(),this.data?(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0}))):this.loadData()}updateOpenClass(){this.classList.toggle(`pkt-header-menu--open`,!!this.open)}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}updated(e){super.updated(e),e.has(`open`)&&this.updateOpenClass(),e.has(`mobileBreakpoint`)&&e.get(`mobileBreakpoint`)!==void 0&&this.refreshIsMobile(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&e.get(`data`)!==void 0&&this.data&&(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0})))}observeWidth(){typeof ResizeObserver>`u`||(this.menuWidth=this.offsetWidth,this.refreshIsMobile(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.menuWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshIsMobile()}),this.resizeObserver.observe(this))}refreshIsMobile(){this.isMobile=this.menuWidth<this.mobileBreakpoint}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadState=`loading`;try{let e=await r.t(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}catch(e){if(e.name===`AbortError`)return;this.loadState=`error`,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get effectiveData(){return this.data??this.fetchedData}get localeData(){return r.n(this.effectiveData,this.locale)}render(){if(this.loadState===`loading`)return e._`
         <nav aria-busy="true">
           <p class="pkt-header-menu__loading">Laster meny…</p>
         </nav>

package/dist/{header-menu-Dgem4HO9.js → header-menu-DWiPoQ58.js}

@@ -1,7 +1,7 @@
 import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-e2MAMNEP.js";
 import { t as s } from "./class-map-BL_YL_Ed.js";
 import "./icon-jEFbKTB_.js";
-import "./accordion-4eAsO-Sr.js";
+import "./accordion-D814csFx.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";
 //#region src/components/header-menu/header-menu.ts

package/dist/{helptext-Ds8Q9IGV.cjs → helptext-BwDhf6VB.cjs}

@@ -1,7 +1,7 @@
 const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),n=require("./element-with-slot-MkibfzHp.cjs"),r=require("./icon-DBFTFd-J.cjs"),i=require("./utils-63cRpWut.cjs");var a=class extends n.t{constructor(...e){super(...e),this.forId=i.n(),this.helptext=``,this.helptextDropdown=``,this.isHelpTextOpen=!1}render(){let i=()=>{let e=!this.isHelpTextOpen;this.isHelpTextOpen=e,this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!0,detail:{isOpen:e}}))},a=t.t({"pkt-inputwrapper__helptext-container":!0,"pkt-inputwrapper__has-helptext":this.helptext||this.helptextDropdown||this.hasSlotContent()});return e._`${e._`<div class="${a}">
         <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" name="helptext">${n.n(this)}</div>
-          ${this.helptext&&r.r(this.helptext)}
+          <div class="pkt-contents">${n.n(this)}</div>
+          ${this.helptext?e._`<span>${r.r(this.helptext)}</span>`:e.h}
         </div>
         ${this.helptextDropdown?e._`<div class="pkt-inputwrapper__helptext-expandable">
           <button

package/dist/{helptext-BzLJKMMO.js → helptext-mf-67-fv.js}

@@ -21,8 +21,8 @@ var d = class extends c {
 		});
 		return e`${e`<div class="${r}">
         <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" name="helptext">${s(this)}</div>
-          ${this.helptext && l(this.helptext)}
+          <div class="pkt-contents">${s(this)}</div>
+          ${this.helptext ? e`<span>${l(this.helptext)}</span>` : n}
         </div>
         ${this.helptextDropdown ? e`<div class="pkt-inputwrapper__helptext-expandable">
           <button

package/dist/{input-wrapper-DzEgz7nZ.js → input-wrapper-BetB7OLQ.js}

@@ -1,12 +1,12 @@
 import { _ as e, d as t, h as n, n as r, u as i } from "./element-e2MAMNEP.js";
-import { t as a } from "./format-BTeSVkED.js";
-import { n as o, t as s } from "./element-with-slot-COOwQUxM.js";
-import "./alert-DKNJTlMQ.js";
-import { r as c } from "./icon-jEFbKTB_.js";
-import { t as l } from "./if-defined-r8tKY4tG.js";
+import { t as a } from "./if-defined-r8tKY4tG.js";
+import { t as o } from "./format-BTeSVkED.js";
+import { n as s, t as c } from "./element-with-slot-COOwQUxM.js";
+import "./alert-DNZtr3gd.js";
+import { r as l } from "./icon-jEFbKTB_.js";
 import { n as u } from "./utils-BwF4QSrq.js";
 import { t as d } from "./booleanish-OQJTYSrw.js";
-import "./helptext-BzLJKMMO.js";
+import "./helptext-mf-67-fv.js";
 import { t as f } from "./focus-modality-controller-Dc2S-KqR.js";
 //#region ../../shared-utils/forms/described-by.ts
 var p = (e) => {
@@ -185,7 +185,7 @@ var p = (e) => {
 			category: "ui"
 		}
 	}
-}, _ = class extends s {
+}, _ = class extends c {
 	constructor(...e) {
 		super(...e), this.forId = u(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = g.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = g.props.optionalTag.default, this.requiredTag = g.props.requiredTag.default, this.tagText = null, this.hasError = g.props.hasError.default, this.errorMessage = "", this.disabled = g.props.disabled.default, this.inline = g.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = g.props.hasFieldset.default, this.role = null, this.useWrapper = g.props.useWrapper.default, this.size = "medium", this.focusModality = new f(this);
 	}
@@ -193,7 +193,7 @@ var p = (e) => {
 		super.updated(e), this.classList.add("pkt-inputwrapper"), this.classList.toggle("pkt-inputwrapper--error", this.hasError), this.classList.toggle("pkt-inputwrapper--disabled", this.disabled), this.classList.toggle("pkt-inputwrapper--inline", this.inline), this.classList.toggle("pkt-inputwrapper--medium", this.size === "medium"), this.classList.toggle("pkt-inputwrapper--small", this.size === "small"), this.classList.toggle("pkt-inputwrapper--xsmall", this.size === "xsmall"), this.role ? this.setAttribute("aria-labelledby", `${this.forId}-label`) : this.removeAttribute("aria-labelledby");
 	}
 	render() {
-		let t = "pkt-tag pkt-tag--small pkt-tag--thin-text", r = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : n, i = this.pktStrings.get("forms"), s = () => e`
+		let t = "pkt-tag pkt-tag--small pkt-tag--thin-text", r = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : n, i = this.pktStrings.get("forms"), c = () => e`
         ${this.tagText ? e`<span class=${t + " pkt-tag--gray"}>${this.tagText}</span>` : n}
         ${this.optionalTag ? e`<span class=${t + " pkt-tag--blue-light"}
               >${this.optionalText ?? i.optional}</span
@@ -206,18 +206,18 @@ var p = (e) => {
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
-            ${this.label} ${s()}
+            ${this.label} ${c()}
           </legend>` : e`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
-            >${this.label}${s()}</label
+            >${this.label}${c()}</label
           >` : e`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
           ${this.label}
         </label>`, d = () => e`
         <pkt-helptext
-          class="${l(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${a(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
@@ -225,7 +225,7 @@ var p = (e) => {
           @toggleHelpText=${(e) => {
 			this.toggleDropdown(e);
 		}}
-          >${o(this, "helptext")}</pkt-helptext
+          >${s(this, "helptext")}</pkt-helptext
         >
       `, f = () => {
 			if (!this.counter) return n;
@@ -235,7 +235,7 @@ var p = (e) => {
           ${this.counterMaxLength ? `/${this.counterMaxLength}` : n}
         </div>
         <div class="pkt-sr-only" id=${m(this.forId)} aria-live="polite">
-          ${t ? a(this.pktStrings.get("validation").counterExceeded, {
+          ${t ? o(this.pktStrings.get("validation").counterExceeded, {
 				current: this.counterCurrent ?? 0,
 				max: this.counterMaxLength
 			}) : ""}
@@ -247,11 +247,12 @@ var p = (e) => {
           <pkt-alert
             skin="error"
             .size=${t}
+            .role=${"alert"}
             id=${`${this.forId}-error`}
             aria-live="assertive"
             aria-atomic="true"
           >
-            ${c(this.errorMessage)}
+            ${l(this.errorMessage)}
           </pkt-alert>
         </div>`;
 			}
@@ -260,7 +261,7 @@ var p = (e) => {
         ${u()} 
         ${d()}
         ${this.counterPosition === "top" ? f() : n}
-        <div class="pkt-contents">${o(this)}</div>
+        <div class="pkt-contents">${s(this)}</div>
         ${this.counterPosition === "bottom" ? f() : n} 
         ${p()}
       `;