@oslokommune/punkt-elements 16.16.1 → 16.17.2

package/dist/focus-modality-controller-pzSZkDkH.js

@@ -0,0 +1,29 @@
+//#region src/controllers/focus-modality-controller.ts
+var e = class {
+	constructor(e, t = null) {
+		this.pointerJustUsed = !1, this.handlePointerDown = () => {
+			this.pointerJustUsed = !0, this.pointerTimeoutId !== void 0 && clearTimeout(this.pointerTimeoutId), this.pointerTimeoutId = window.setTimeout(() => {
+				this.pointerJustUsed = !1, this.pointerTimeoutId = void 0;
+			}, 0);
+		}, this.handleFocusIn = () => {
+			this.setNavtype(this.pointerJustUsed ? "pointer" : void 0);
+		}, this.handleFocusOut = (e) => {
+			this.host.contains(e.relatedTarget) || this.setNavtype(void 0);
+		}, this.host = e, this.targetSelector = t, e.addController(this);
+	}
+	hostConnected() {
+		this.host.addEventListener("pointerdown", this.handlePointerDown, !0), this.host.addEventListener("focusin", this.handleFocusIn), this.host.addEventListener("focusout", this.handleFocusOut);
+	}
+	hostDisconnected() {
+		this.host.removeEventListener("pointerdown", this.handlePointerDown, !0), this.host.removeEventListener("focusin", this.handleFocusIn), this.host.removeEventListener("focusout", this.handleFocusOut), this.pointerTimeoutId !== void 0 && (clearTimeout(this.pointerTimeoutId), this.pointerTimeoutId = void 0);
+	}
+	getTarget() {
+		return this.targetSelector === null ? this.host : this.host.querySelector(this.targetSelector);
+	}
+	setNavtype(e) {
+		let t = this.getTarget();
+		t && (e === void 0 ? delete t.dataset.navtype : t.dataset.navtype = e);
+	}
+};
+//#endregion
+export { e as t };

package/dist/{header-Dps8o-ZY.cjs → header-DZranHLm.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-Dr8sfT2X.cjs`);const r=require(`./if-defined-XKOD_t_V.cjs`);require(`./button-D-TOBaJB.cjs`);const i=require(`./ref-BaJ0mBT_.cjs`),a=require(`./booleanish-B5EFqFpJ.cjs`);require(`./link-B8zYc5WK.cjs`),require(`./textinput-B0VWmVIF.cjs`);var o=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},s=e=>o(e),c=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`})},l=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.d`
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-Dr8sfT2X.cjs`);const r=require(`./if-defined-XKOD_t_V.cjs`);require(`./button-D-TOBaJB.cjs`);const i=require(`./ref-BaJ0mBT_.cjs`),a=require(`./booleanish-B5EFqFpJ.cjs`);require(`./link-DMKjKawh.cjs`),require(`./textinput-Dsc-8-BB.cjs`);var o=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},s=e=>o(e),c=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`})},l=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.d`
         <pkt-link
           icon-name=${n.iconName||e.l}
           href=${n.href}
@@ -273,7 +273,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
     `}render(){let n=this.renderHeader();return this.isFixed?e.d`
         <div class="pkt-header-service-wrapper">
           ${n}
-          <div class=${t.t({"pkt-header-service-spacer":!0,"pkt-header-service-spacer--compact":this.compact,"pkt-header-service-spacer--has-user":!!this.user,"pkt-header-service-spacer--mobile":this.isMobile})}></div>
+          <div class=${t.t({"pkt-header-service-spacer":!0,"pkt-header-service-spacer--compact":this.compact,"pkt-header-service-spacer--has-user":!!this.user,"pkt-header-service-spacer--mobile":this.isMobile,"pkt-header-service-spacer--tablet":this.isTablet})}></div>
         </div>
       `:n}};e.r([e.s({type:String,attribute:`service-name`})],d.prototype,`serviceName`,void 0),e.r([e.s({type:String,attribute:`service-link`})],d.prototype,`serviceLink`,void 0),e.r([e.s({type:String,attribute:`logo-link`})],d.prototype,`logoLink`,void 0),e.r([e.s({type:String,attribute:`search-placeholder`})],d.prototype,`searchPlaceholder`,void 0),e.r([e.s({type:String,attribute:`search-value`})],d.prototype,`searchValue`,void 0),e.r([e.s({type:Number,attribute:`mobile-breakpoint`})],d.prototype,`mobileBreakpoint`,void 0),e.r([e.s({type:Number,attribute:`tablet-breakpoint`})],d.prototype,`tabletBreakpoint`,void 0),e.r([e.s({type:String,attribute:`opened-menu`})],d.prototype,`openedMenu`,void 0),e.r([e.s({type:String,attribute:`log-out-button-placement`})],d.prototype,`logOutButtonPlacement`,void 0),e.r([e.s({type:String})],d.prototype,`position`,void 0),e.r([e.s({type:String,attribute:`scroll-behavior`})],d.prototype,`scrollBehavior`,void 0),e.r([e.s({type:String,attribute:`slot-menu-variant`})],d.prototype,`slotMenuVariant`,void 0),e.r([e.s({type:String,attribute:`slot-menu-text`})],d.prototype,`slotMenuText`,void 0),e.r([e.s({type:Boolean,attribute:`hide-logo`,converter:a.t})],d.prototype,`hideLogo`,void 0),e.r([e.s({type:Boolean,converter:a.t})],d.prototype,`compact`,void 0),e.r([e.s({type:Boolean,attribute:`show-search`,converter:a.t})],d.prototype,`showSearch`,void 0),e.r([e.s({type:Boolean,attribute:`can-change-representation`,converter:a.t})],d.prototype,`canChangeRepresentation`,void 0),e.r([e.s({type:Boolean,attribute:`has-log-out`,converter:a.t})],d.prototype,`hasLogOut`,void 0),e.r([e.s({type:Object})],d.prototype,`user`,void 0),e.r([e.s({type:Array,attribute:`user-menu`})],d.prototype,`userMenu`,void 0),e.r([e.s({type:Object})],d.prototype,`representing`,void 0),e.r([e.o()],d.prototype,`isMobile`,void 0),e.r([e.o()],d.prototype,`isTablet`,void 0),e.r([e.o()],d.prototype,`openMenu`,void 0),e.r([e.o()],d.prototype,`isHidden`,void 0),e.r([e.o()],d.prototype,`componentWidth`,void 0),e.r([e.o()],d.prototype,`alignSlotRight`,void 0),e.r([e.o()],d.prototype,`alignSearchRight`,void 0);try{e.c(`pkt-header-service`)(d)}catch{console.warn(`Forsøker å definere <pkt-header-service>, men den er allerede definert`)}var f=class extends n.t{constructor(...e){super(...e),this.searchPlaceholder=`Søk`,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}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}render(){return e.d`
       <pkt-header-service

package/dist/{header-T5O6sfCN.js → header-j0SSHF4C.js}

@@ -6,8 +6,8 @@ import { t as u } from "./if-defined-Cjj8qN-Z.js";
 import "./button-BIpd1xJh.js";
 import { n as d, t as f } from "./ref-RS8Uv6uC.js";
 import { t as p } from "./booleanish-CRaKZ75t.js";
-import "./link-CjJcwcxR.js";
-import "./textinput-CxzAxM8E.js";
+import "./link-F51Ho7CV.js";
+import "./textinput-BZZnFDk3.js";
 //#region ../../shared-types/header.ts
 var m = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -588,7 +588,8 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
 			"pkt-header-service-spacer": !0,
 			"pkt-header-service-spacer--compact": this.compact,
 			"pkt-header-service-spacer--has-user": !!this.user,
-			"pkt-header-service-spacer--mobile": this.isMobile
+			"pkt-header-service-spacer--mobile": this.isMobile,
+			"pkt-header-service-spacer--tablet": this.isTablet
 		})}></div>
         </div>
       ` : e;

package/dist/header-menu-CPI1_5oZ.cjs

@@ -0,0 +1,126 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`);require(`./icon-Dr8sfT2X.cjs`),require(`./accordion-DDZkjXFb.cjs`);const n=require(`./booleanish-B5EFqFpJ.cjs`);var r=`https://cdn.web.oslo.kommune.no/header-footer/header-footer.json`,i={automat:`parking-meter`,bike:`bicycle`,corona:`virus`,directions:`arrow-directions`,document:`document-plain`,"download-document":`document-download`,elcar:`electric-car`,"error-hexa":`alert-error`,"fire-emblem":`shield-fire`,"link-arrow":`arrow-link`,"linked-in":`linkedin`,"map-layer":`map-layers`,mobile:`mobile-phone`,neutral:`smiley-neutral`,placeholder:`placeholder-icon`,sad:`smiley-sad`,signing:`signature`,sky:`cloud`,smile:`smiley-smile`,"success-square":`alert-success`,trash:`trash-can`,treatment:`processing`,"warning-triangle":`alert-warning`};function a(e){return e&&(i[e]??e)}var o={"facebook.com":`facebook`,"fb.com":`facebook`,"instagram.com":`instagram`,"linkedin.com":`linkedin`,"x.com":`x`,"github.com":`github`};function s(e){return e.toLowerCase().replace(/^(?:www|m)\./,``)}function c(e,t){if(e)try{let t=o[s(new URL(e).hostname)];if(t)return t}catch{}if(t){let e=t.trim().toLowerCase().replace(/\s+/g,`-`);if(e){let t=a(e);if(t)return t}}}var l=`nb-NO`;function u(e,t=l){if(e)return e[t]??e[l]}async function d(e=r,t){let n=await fetch(e,{signal:t});if(!n.ok)throw Error(`pkt-header-menu: failed to fetch ${e} (HTTP ${n.status})`);let i=await n.json();if(!i||typeof i!=`object`)throw Error(`pkt-header-menu: ${e} returned a non-object payload`);return i}var f=class extends e.t{constructor(...e){super(...e),this.dataUrl=r,this.locale=`nb-NO`,this.open=!1,this.ariaLabelledBy=``,this.mobileBreakpoint=768,this.loadState=`idle`,this.isMobile=!1,this.handleMediaChange=e=>{this.isMobile=e.matches}}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-menu`),this.updateOpenClass(),this.setupMediaQuery(),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.teardownMediaQuery()}updated(e){super.updated(e),e.has(`open`)&&this.updateOpenClass(),e.has(`mobileBreakpoint`)&&e.get(`mobileBreakpoint`)!==void 0&&this.setupMediaQuery(),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})))}setupMediaQuery(){this.teardownMediaQuery(),!(typeof window>`u`||typeof window.matchMedia!=`function`)&&(this.mediaQuery=window.matchMedia(`(max-width: ${this.mobileBreakpoint-1}px)`),this.isMobile=this.mediaQuery.matches,this.mediaQuery.addEventListener(`change`,this.handleMediaChange))}teardownMediaQuery(){this.mediaQuery?.removeEventListener(`change`,this.handleMediaChange),this.mediaQuery=void 0}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadState=`loading`;try{let e=await d(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 u(this.effectiveData,this.locale)}render(){if(this.loadState===`loading`)return e.d`
+        <nav aria-busy="true">
+          <p class="pkt-header-menu__loading">Laster meny…</p>
+        </nav>
+      `;if(this.loadState===`error`||!this.localeData)return e.d`
+        <nav aria-hidden=${!this.open}>
+          <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
+        </nav>
+      `;let{megamenu:t,i18n:n}=this.localeData,r=n?.navAriaLabel||`Hovedmeny`;return this.isMobile?e.d`
+        <nav aria-label=${r}>
+          ${this.renderMobileAccordion(t.services,t.sections)}
+          ${this.renderButtons(t.buttons,!0)}
+          ${this.renderFooter(t.links,t.some)}
+        </nav>
+      `:e.d`
+      <nav aria-label=${r}>
+        ${this.renderServices(t.services)} ${this.renderButtons(t.buttons,!1)}
+        ${this.renderSections(t.sections)}
+        ${this.renderFooter(t.links,t.some)}
+      </nav>
+    `}renderMobileAccordion(t,n){return e.d`
+      <div class="pkt-header-menu__sections">
+        <pkt-accordion
+          class="pkt-header-menu__sections-inner"
+          skin="plus-minus"
+          name="header-menu-accordion"
+        >
+          <pkt-accordion-item
+            class="pkt-header-menu__section"
+            skin="plus-minus"
+            id="pkt-header-menu-services"
+            title=${t.title}
+          >
+            ${this.renderServicesList(t)}
+          </pkt-accordion-item>
+          ${n.map((t,n)=>e.d`
+              <pkt-accordion-item
+                class="pkt-header-menu__section"
+                skin="plus-minus"
+                id=${`pkt-header-menu-section-${n}`}
+                title=${t.title}
+              >
+                ${this.renderSectionList(t.links)}
+              </pkt-accordion-item>
+            `)}
+        </pkt-accordion>
+      </div>
+    `}renderServicesList(t){return e.d`
+      <ul class="pkt-header-menu__services-list">
+        ${t.links.map(t=>e.d`
+            <li class="pkt-header-menu__service">
+              <a class="pkt-header-menu__service-link" href=${t.url}>
+                <pkt-icon
+                  class="pkt-header-menu__service-icon"
+                  name=${a(t.icon)}
+                  aria-hidden="true"
+                ></pkt-icon>
+                <span class="pkt-header-menu__service-text">${t.text}</span>
+              </a>
+            </li>
+          `)}
+      </ul>
+    `}renderServices(t){return e.d`
+      <div class="pkt-header-menu__services">
+        <h2 class="pkt-header-menu__services-title">${t.title}</h2>
+        ${this.renderServicesList(t)}
+      </div>
+    `}renderButtons(n,r){return!n||n.length===0?e.l:e.d`
+      <div class=${t.t({"pkt-header-menu__buttons":!0,"pkt-header-menu__buttons--mobile":r})}>
+        ${n.map(t=>e.d`
+            <a
+              class="pkt-btn pkt-btn--secondary pkt-btn--icon-right pkt-btn--small"
+              href=${t.url}
+            >
+              <pkt-icon
+                class="pkt-btn__icon"
+                name=${t.iconName?a(t.iconName):`user`}
+                aria-hidden="true"
+              ></pkt-icon>
+              <span class="pkt-btn__text">${t.text}</span>
+            </a>
+          `)}
+      </div>
+    `}renderSections(t){return!t||t.length===0?e.l:e.d`
+      <div class="pkt-header-menu__sections">
+        <div class="pkt-header-menu__sections-inner">
+          ${t.map(t=>e.d`
+              <div class="pkt-header-menu__section">
+                <h2 class="pkt-header-menu__section-title">${t.title}</h2>
+                ${this.renderSectionList(t.links)}
+              </div>
+            `)}
+        </div>
+      </div>
+    `}renderSectionList(t){return e.d`
+      <ul class="pkt-header-menu__section-list">
+        ${t.map(t=>e.d`
+            <li>
+              <a class="pkt-header-menu__section-link" href=${t.url}>${t.text}</a>
+            </li>
+          `)}
+      </ul>
+    `}renderFooter(t,n){return(!t||t.length===0)&&(!n||n.length===0)?e.l:e.d`
+      <div class="pkt-header-menu__footer">
+        ${t&&t.length>0?e.d`
+              <ul class="pkt-header-menu__footer-list">
+                ${t.map(t=>e.d`
+                    <li>
+                      <a class="pkt-header-menu__footer-link" href=${t.url}>${t.text}</a>
+                    </li>
+                  `)}
+              </ul>
+            `:e.l}
+        ${n&&n.length>0?e.d`
+              <ul class="pkt-header-menu__footer-list pkt-header-menu__footer-list--social">
+                ${n.map(e=>this.renderSocialLink(e))}
+              </ul>
+            `:e.l}
+      </div>
+    `}renderSocialLink(t){let n=c(t.url,t.text);return e.d`
+      <li>
+        <a class="pkt-header-menu__social-link" href=${t.url} aria-label=${t.text}>
+          ${n?e.d`<pkt-icon name=${n} aria-hidden="true"></pkt-icon>`:e.d`<span>${t.text}</span>`}
+        </a>
+      </li>
+    `}};e.r([e.s({type:String,attribute:`data-url`})],f.prototype,`dataUrl`,void 0),e.r([e.s({type:Object,attribute:!1})],f.prototype,`data`,void 0),e.r([e.s({type:String})],f.prototype,`locale`,void 0),e.r([e.s({type:Boolean,reflect:!0,converter:n.t})],f.prototype,`open`,void 0),e.r([e.s({type:String,attribute:`aria-labelledby`,reflect:!0})],f.prototype,`ariaLabelledBy`,void 0),e.r([e.s({type:Number,attribute:`mobile-breakpoint`})],f.prototype,`mobileBreakpoint`,void 0),e.r([e.o()],f.prototype,`loadState`,void 0),e.r([e.o()],f.prototype,`fetchedData`,void 0),e.r([e.o()],f.prototype,`isMobile`,void 0);try{e.c(`pkt-header-menu`)(f)}catch{console.warn(`Forsøker å definere <pkt-header-menu>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/dist/header-menu-zhGYdnvz.js

@@ -0,0 +1,319 @@
+import { c as e, d as t, l as n, o as r, r as i, s as a, t as o } from "./element-cZ85T_aa.js";
+import { t as s } from "./class-map-C8HuhNzZ.js";
+import "./icon-Co72KtgF.js";
+import "./accordion-CU2tJ5vn.js";
+import { t as c } from "./booleanish-CRaKZ75t.js";
+//#region ../../shared-types/header-menu.ts
+var l = "https://cdn.web.oslo.kommune.no/header-footer/header-footer.json", u = {
+	automat: "parking-meter",
+	bike: "bicycle",
+	corona: "virus",
+	directions: "arrow-directions",
+	document: "document-plain",
+	"download-document": "document-download",
+	elcar: "electric-car",
+	"error-hexa": "alert-error",
+	"fire-emblem": "shield-fire",
+	"link-arrow": "arrow-link",
+	"linked-in": "linkedin",
+	"map-layer": "map-layers",
+	mobile: "mobile-phone",
+	neutral: "smiley-neutral",
+	placeholder: "placeholder-icon",
+	sad: "smiley-sad",
+	signing: "signature",
+	sky: "cloud",
+	smile: "smiley-smile",
+	"success-square": "alert-success",
+	trash: "trash-can",
+	treatment: "processing",
+	"warning-triangle": "alert-warning"
+};
+function d(e) {
+	return e && (u[e] ?? e);
+}
+var f = {
+	"facebook.com": "facebook",
+	"fb.com": "facebook",
+	"instagram.com": "instagram",
+	"linkedin.com": "linkedin",
+	"x.com": "x",
+	"github.com": "github"
+};
+function p(e) {
+	return e.toLowerCase().replace(/^(?:www|m)\./, "");
+}
+function m(e, t) {
+	if (e) try {
+		let t = f[p(new URL(e).hostname)];
+		if (t) return t;
+	} catch {}
+	if (t) {
+		let e = t.trim().toLowerCase().replace(/\s+/g, "-");
+		if (e) {
+			let t = d(e);
+			if (t) return t;
+		}
+	}
+}
+//#endregion
+//#region ../../shared-utils/header-menu/select-megamenu.ts
+var h = "nb-NO";
+function g(e, t = h) {
+	if (e) return e[t] ?? e[h];
+}
+//#endregion
+//#region ../../shared-utils/header-menu/fetch-header-footer-data.ts
+async function _(e = l, t) {
+	let n = await fetch(e, { signal: t });
+	if (!n.ok) throw Error(`pkt-header-menu: failed to fetch ${e} (HTTP ${n.status})`);
+	let r = await n.json();
+	if (!r || typeof r != "object") throw Error(`pkt-header-menu: ${e} returned a non-object payload`);
+	return r;
+}
+//#endregion
+//#region src/components/header-menu/header-menu.ts
+var v = class extends o {
+	constructor(...e) {
+		super(...e), this.dataUrl = l, this.locale = "nb-NO", this.open = !1, this.ariaLabelledBy = "", this.mobileBreakpoint = 768, this.loadState = "idle", this.isMobile = !1, this.handleMediaChange = (e) => {
+			this.isMobile = e.matches;
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.classList.add("pkt-header-menu"), this.updateOpenClass(), this.setupMediaQuery(), 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.teardownMediaQuery();
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && this.updateOpenClass(), e.has("mobileBreakpoint") && e.get("mobileBreakpoint") !== void 0 && this.setupMediaQuery(), 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
+		})));
+	}
+	setupMediaQuery() {
+		this.teardownMediaQuery(), !(typeof window > "u" || typeof window.matchMedia != "function") && (this.mediaQuery = window.matchMedia(`(max-width: ${this.mobileBreakpoint - 1}px)`), this.isMobile = this.mediaQuery.matches, this.mediaQuery.addEventListener("change", this.handleMediaChange));
+	}
+	teardownMediaQuery() {
+		this.mediaQuery?.removeEventListener("change", this.handleMediaChange), this.mediaQuery = void 0;
+	}
+	async loadData() {
+		this.abortController?.abort(), this.abortController = new AbortController(), this.loadState = "loading";
+		try {
+			let e = await _(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 g(this.effectiveData, this.locale);
+	}
+	render() {
+		if (this.loadState === "loading") return t`
+        <nav aria-busy="true">
+          <p class="pkt-header-menu__loading">Laster meny…</p>
+        </nav>
+      `;
+		if (this.loadState === "error" || !this.localeData) return t`
+        <nav aria-hidden=${!this.open}>
+          <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
+        </nav>
+      `;
+		let { megamenu: e, i18n: n } = this.localeData, r = n?.navAriaLabel || "Hovedmeny";
+		return this.isMobile ? t`
+        <nav aria-label=${r}>
+          ${this.renderMobileAccordion(e.services, e.sections)}
+          ${this.renderButtons(e.buttons, !0)}
+          ${this.renderFooter(e.links, e.some)}
+        </nav>
+      ` : t`
+      <nav aria-label=${r}>
+        ${this.renderServices(e.services)} ${this.renderButtons(e.buttons, !1)}
+        ${this.renderSections(e.sections)}
+        ${this.renderFooter(e.links, e.some)}
+      </nav>
+    `;
+	}
+	renderMobileAccordion(e, n) {
+		return t`
+      <div class="pkt-header-menu__sections">
+        <pkt-accordion
+          class="pkt-header-menu__sections-inner"
+          skin="plus-minus"
+          name="header-menu-accordion"
+        >
+          <pkt-accordion-item
+            class="pkt-header-menu__section"
+            skin="plus-minus"
+            id="pkt-header-menu-services"
+            title=${e.title}
+          >
+            ${this.renderServicesList(e)}
+          </pkt-accordion-item>
+          ${n.map((e, n) => t`
+              <pkt-accordion-item
+                class="pkt-header-menu__section"
+                skin="plus-minus"
+                id=${`pkt-header-menu-section-${n}`}
+                title=${e.title}
+              >
+                ${this.renderSectionList(e.links)}
+              </pkt-accordion-item>
+            `)}
+        </pkt-accordion>
+      </div>
+    `;
+	}
+	renderServicesList(e) {
+		return t`
+      <ul class="pkt-header-menu__services-list">
+        ${e.links.map((e) => t`
+            <li class="pkt-header-menu__service">
+              <a class="pkt-header-menu__service-link" href=${e.url}>
+                <pkt-icon
+                  class="pkt-header-menu__service-icon"
+                  name=${d(e.icon)}
+                  aria-hidden="true"
+                ></pkt-icon>
+                <span class="pkt-header-menu__service-text">${e.text}</span>
+              </a>
+            </li>
+          `)}
+      </ul>
+    `;
+	}
+	renderServices(e) {
+		return t`
+      <div class="pkt-header-menu__services">
+        <h2 class="pkt-header-menu__services-title">${e.title}</h2>
+        ${this.renderServicesList(e)}
+      </div>
+    `;
+	}
+	renderButtons(e, r) {
+		return !e || e.length === 0 ? n : t`
+      <div class=${s({
+			"pkt-header-menu__buttons": !0,
+			"pkt-header-menu__buttons--mobile": r
+		})}>
+        ${e.map((e) => t`
+            <a
+              class="pkt-btn pkt-btn--secondary pkt-btn--icon-right pkt-btn--small"
+              href=${e.url}
+            >
+              <pkt-icon
+                class="pkt-btn__icon"
+                name=${e.iconName ? d(e.iconName) : "user"}
+                aria-hidden="true"
+              ></pkt-icon>
+              <span class="pkt-btn__text">${e.text}</span>
+            </a>
+          `)}
+      </div>
+    `;
+	}
+	renderSections(e) {
+		return !e || e.length === 0 ? n : t`
+      <div class="pkt-header-menu__sections">
+        <div class="pkt-header-menu__sections-inner">
+          ${e.map((e) => t`
+              <div class="pkt-header-menu__section">
+                <h2 class="pkt-header-menu__section-title">${e.title}</h2>
+                ${this.renderSectionList(e.links)}
+              </div>
+            `)}
+        </div>
+      </div>
+    `;
+	}
+	renderSectionList(e) {
+		return t`
+      <ul class="pkt-header-menu__section-list">
+        ${e.map((e) => t`
+            <li>
+              <a class="pkt-header-menu__section-link" href=${e.url}>${e.text}</a>
+            </li>
+          `)}
+      </ul>
+    `;
+	}
+	renderFooter(e, r) {
+		return (!e || e.length === 0) && (!r || r.length === 0) ? n : t`
+      <div class="pkt-header-menu__footer">
+        ${e && e.length > 0 ? t`
+              <ul class="pkt-header-menu__footer-list">
+                ${e.map((e) => t`
+                    <li>
+                      <a class="pkt-header-menu__footer-link" href=${e.url}>${e.text}</a>
+                    </li>
+                  `)}
+              </ul>
+            ` : n}
+        ${r && r.length > 0 ? t`
+              <ul class="pkt-header-menu__footer-list pkt-header-menu__footer-list--social">
+                ${r.map((e) => this.renderSocialLink(e))}
+              </ul>
+            ` : n}
+      </div>
+    `;
+	}
+	renderSocialLink(e) {
+		let n = m(e.url, e.text);
+		return t`
+      <li>
+        <a class="pkt-header-menu__social-link" href=${e.url} aria-label=${e.text}>
+          ${n ? t`<pkt-icon name=${n} aria-hidden="true"></pkt-icon>` : t`<span>${e.text}</span>`}
+        </a>
+      </li>
+    `;
+	}
+};
+i([a({
+	type: String,
+	attribute: "data-url"
+})], v.prototype, "dataUrl", void 0), i([a({
+	type: Object,
+	attribute: !1
+})], v.prototype, "data", void 0), i([a({ type: String })], v.prototype, "locale", void 0), i([a({
+	type: Boolean,
+	reflect: !0,
+	converter: c
+})], v.prototype, "open", void 0), i([a({
+	type: String,
+	attribute: "aria-labelledby",
+	reflect: !0
+})], v.prototype, "ariaLabelledBy", void 0), i([a({
+	type: Number,
+	attribute: "mobile-breakpoint"
+})], v.prototype, "mobileBreakpoint", void 0), i([r()], v.prototype, "loadState", void 0), i([r()], v.prototype, "fetchedData", void 0), i([r()], v.prototype, "isMobile", void 0);
+try {
+	e("pkt-header-menu")(v);
+} catch {
+	console.warn("Forsøker å definere <pkt-header-menu>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/header-menu/index.ts
+var y = v;
+//#endregion
+export { v as n, y as t };

package/dist/header-menu.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/{helptext-C5rG4VkA.js → helptext-BdqoW19r.js}

@@ -3,7 +3,7 @@ import { t as o } from "./class-map-C8HuhNzZ.js";
 import { n as s, t as c } from "./element-with-slot-4J2o3SeU.js";
 import { r as l } from "./icon-Co72KtgF.js";
 import { n as u } from "./utils-BOOZ0ppt.js";
-import { t as d } from "./input-wrapper-kw2y6Jp_.js";
+import { t as d } from "./input-wrapper-DwSsP39J.js";
 //#region src/components/helptext/helptext.ts
 var f = class extends c {
 	constructor(...e) {

package/dist/{helptext-DQgStO4D.cjs → helptext-KWXjKljV.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`),r=require(`./icon-Dr8sfT2X.cjs`),i=require(`./utils-CM67Oudc.cjs`),a=require(`./input-wrapper-CYCCx8MP.cjs`);var o=class extends n.t{constructor(...e){super(...e),this.forId=i.n(),this.helptext=``,this.helptextDropdown=``,this.helptextDropdownButton=a.t.props.helptextDropdownButton.default,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.d`${e.d`<div class="${a}">
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`),r=require(`./icon-Dr8sfT2X.cjs`),i=require(`./utils-CM67Oudc.cjs`),a=require(`./input-wrapper-CQGoyLdZ.cjs`);var o=class extends n.t{constructor(...e){super(...e),this.forId=i.n(),this.helptext=``,this.helptextDropdown=``,this.helptextDropdownButton=a.t.props.helptextDropdownButton.default,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.d`${e.d`<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)}

package/dist/{input-element-CjebcQd1.js → input-element-B1ciW1N2.js}

@@ -2,7 +2,7 @@ import { i as e, r as t, s as n } from "./element-cZ85T_aa.js";
 import { t as r } from "./element-with-slot-4J2o3SeU.js";
 import { n as i } from "./utils-BOOZ0ppt.js";
 import { t as a } from "./booleanish-CRaKZ75t.js";
-import { t as o } from "./input-wrapper-kw2y6Jp_.js";
+import { t as o } from "./input-wrapper-DwSsP39J.js";
 //#region ../../node_modules/element-internals-polyfill/dist/index.js
 (function(e) {
 	let t = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), g = {