@oslokommune/punkt-elements 16.18.0 → 16.21.0

package/CHANGELOG.md

@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.21.0](https://github.com/oslokommune/punkt/compare/16.20.0...16.21.0) (2026-05-29)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [16.19.0](https://github.com/oslokommune/punkt/compare/16.18.0...16.19.0) (2026-05-28)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.18.0](https://github.com/oslokommune/punkt/compare/16.17.4...16.18.0) (2026-05-28)
 
 ### ⚠ BREAKING CHANGES

package/dist/{accordion-CU2tJ5vn.js → accordion-BjYsEbSM.js}

@@ -1,8 +1,8 @@
-import { a as e, c as t, d as n, r, s as i } from "./element-cZ85T_aa.js";
-import { t as a } from "./class-map-C8HuhNzZ.js";
-import { n as o, t as s } from "./element-with-slot-4J2o3SeU.js";
-import { t as c } from "./if-defined-Cjj8qN-Z.js";
-import { n as l, t as u } from "./ref-RS8Uv6uC.js";
+import { i as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
+import { t as a } from "./class-map-DH9hlJny.js";
+import { n as o, t as s } from "./element-with-slot-BVj9MXzi.js";
+import { t as c } from "./if-defined-VShASPdu.js";
+import { n as l, t as u } from "./ref-BgoHEsEt.js";
 //#region src/components/accordion/accordion.ts
 var d = class extends e {
 	constructor(...e) {
@@ -26,7 +26,7 @@ var d = class extends e {
 		});
 	}
 	render() {
-		return n`
+		return r`
       <div
         part="container"
         class=${a({
@@ -42,25 +42,25 @@ var d = class extends e {
     `;
 	}
 };
-r([i({
+t([n({
 	type: String,
 	reflect: !0,
 	attribute: "aria-labelledby"
-})], d.prototype, "ariaLabelledBy", void 0), r([i({
+})], d.prototype, "ariaLabelledBy", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "compact"
-})], d.prototype, "compact", void 0), r([i({
+})], d.prototype, "compact", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "skin"
-})], d.prototype, "skin", void 0), r([i({
+})], d.prototype, "skin", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "name"
 })], d.prototype, "name", void 0);
 try {
-	t("pkt-accordion")(d);
+	i("pkt-accordion")(d);
 } catch {
 	console.warn("Forsøker å definere <pkt-accordion>, men den er allerede definert");
 }
@@ -79,7 +79,7 @@ var f = class extends s {
 			"pkt-accordion-item--compact": this.compact,
 			[`pkt-accordion-item--${this.skin}`]: !!this.skin
 		}, t = this.skin === "plus-minus";
-		return n`
+		return r`
       <details
         class=${a(e)}
         id=${this.id}
@@ -89,7 +89,7 @@ var f = class extends s {
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
-          ${t ? n`
+          ${t ? r`
                 <pkt-icon
                   name="plus-sign"
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--plus"
@@ -100,7 +100,7 @@ var f = class extends s {
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--minus"
                   aria-hidden="true"
                 ></pkt-icon>
-              ` : n`
+              ` : r`
                 <pkt-icon
                   name="chevron-thin-down"
                   class="pkt-accordion-item__icon"
@@ -119,21 +119,21 @@ var f = class extends s {
     `;
 	}
 };
-r([i({ type: Boolean })], f.prototype, "defaultOpen", void 0), r([i({ type: String })], f.prototype, "title", void 0), r([i({
+t([n({ type: Boolean })], f.prototype, "defaultOpen", void 0), t([n({ type: String })], f.prototype, "title", void 0), t([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "skin", void 0), r([i({
+})], f.prototype, "skin", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], f.prototype, "compact", void 0), r([i({
+})], f.prototype, "compact", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], f.prototype, "isOpen", void 0), r([i({
+})], f.prototype, "isOpen", void 0), t([n({
 	type: String,
 	reflect: !0
 })], f.prototype, "name", void 0);
 try {
-	t("pkt-accordion-item")(f);
+	i("pkt-accordion-item")(f);
 } catch {
 	console.warn("Forsøker å definere <pkt-accordion-item>, men den er allerede definert");
 }

package/dist/{accordion-DDZkjXFb.cjs → accordion-DaeWPWod.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(`./if-defined-XKOD_t_V.cjs`),i=require(`./ref-BaJ0mBT_.cjs`);var a=class extends e.a{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``}updated(e){e.has(`skin`)&&this.requestUpdate(),e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){return e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`),r=require(`./if-defined-LTjAScFG.cjs`),i=require(`./ref-CBdWMlde.cjs`);var a=class extends e.i{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``}updated(e){e.has(`skin`)&&this.requestUpdate(),e.has(`name`)&&this.updateAccordionItemNames()}updateAccordionItemNames(){if(this.name){let e=this.renderRoot?.querySelector(`slot`);e&&e.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`pkt-accordion-item`&&(e.hasAttribute(`name`)||e.setAttribute(`name`,this.name))})}}firstUpdated(){let e=this.renderRoot?.querySelector(`slot`);e&&e.addEventListener(`slotchange`,()=>{this.updateAccordionItemNames()})}render(){return e.p`
       <div
         part="container"
         class=${t.t({"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin})}
@@ -7,7 +7,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
       >
         <slot></slot>
       </div>
-    `}};e.r([e.s({type:String,reflect:!0,attribute:`aria-labelledby`})],a.prototype,`ariaLabelledBy`,void 0),e.r([e.s({type:Boolean,reflect:!0,attribute:`compact`})],a.prototype,`compact`,void 0),e.r([e.s({type:String,reflect:!0,attribute:`skin`})],a.prototype,`skin`,void 0),e.r([e.s({type:String,reflect:!0,attribute:`name`})],a.prototype,`name`,void 0);try{e.c(`pkt-accordion`)(a)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var o=class extends n.t{constructor(){super(),this.defaultOpen=!1,this.title=``,this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=i.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let a={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},o=this.skin===`plus-minus`;return e.d`
+    `}};e.n([e.o({type:String,reflect:!0,attribute:`aria-labelledby`})],a.prototype,`ariaLabelledBy`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`compact`})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`skin`})],a.prototype,`skin`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`name`})],a.prototype,`name`,void 0);try{e.s(`pkt-accordion`)(a)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var o=class extends n.t{constructor(){super(),this.defaultOpen=!1,this.title=``,this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=i.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let a={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},o=this.skin===`plus-minus`;return e.p`
       <details
         class=${t.t(a)}
         id=${this.id}
@@ -17,7 +17,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
-          ${o?e.d`
+          ${o?e.p`
                 <pkt-icon
                   name="plus-sign"
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--plus"
@@ -28,7 +28,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
                   class="pkt-accordion-item__icon pkt-accordion-item__icon--minus"
                   aria-hidden="true"
                 ></pkt-icon>
-              `:e.d`
+              `:e.p`
                 <pkt-icon
                   name="chevron-thin-down"
                   class="pkt-accordion-item__icon"
@@ -44,4 +44,4 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
           <div class="pkt-accordion-item__content-inner">${n.n(this)}</div>
         </div>
       </details>
-    `}};e.r([e.s({type:Boolean})],o.prototype,`defaultOpen`,void 0),e.r([e.s({type:String})],o.prototype,`title`,void 0),e.r([e.s({type:String,reflect:!0})],o.prototype,`skin`,void 0),e.r([e.s({type:Boolean,reflect:!0})],o.prototype,`compact`,void 0),e.r([e.s({type:Boolean,reflect:!0})],o.prototype,`isOpen`,void 0),e.r([e.s({type:String,reflect:!0})],o.prototype,`name`,void 0);try{e.c(`pkt-accordion-item`)(o)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var s=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+    `}};e.n([e.o({type:Boolean})],o.prototype,`defaultOpen`,void 0),e.n([e.o({type:String})],o.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],o.prototype,`skin`,void 0),e.n([e.o({type:Boolean,reflect:!0})],o.prototype,`compact`,void 0),e.n([e.o({type:Boolean,reflect:!0})],o.prototype,`isOpen`,void 0),e.n([e.o({type:String,reflect:!0})],o.prototype,`name`,void 0);try{e.s(`pkt-accordion-item`)(o)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var s=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/{alert-D_eXGOez.js → alert-BkzC5mVu.js}

@@ -1,9 +1,9 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a } from "./element-cZ85T_aa.js";
-import { t as o } from "./class-map-C8HuhNzZ.js";
-import { n as s, t as c } from "./element-with-slot-4J2o3SeU.js";
-import { t as l } from "./classutils-DEL164Ur.js";
-import "./icon-CZQkrK6B.js";
-import "./button-ZYlrRRfu.js";
+import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
+import { t as o } from "./class-map-DH9hlJny.js";
+import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
+import { t as l } from "./classutils-lVbGcvjN.js";
+import "./icon-LaKyBKON.js";
+import "./button-CR-KWhTT.js";
 var u = {
 	name: "pkt-alert",
 	react: "PktAlert",
@@ -96,21 +96,21 @@ var u = {
 			"pkt-alert--compact": this.compact,
 			[`pkt-alert--${this.skin}`]: this.skin,
 			"pkt-hide": this._isClosed
-		}, r = {
+		}, n = {
 			"pkt-alert__grid": !0,
 			"pkt-alert__noTitle": !this.title,
 			"pkt-alert__noDate": !this.date
 		};
-		return t`
+		return i`
       <div class=${o(e)} aria-live=${this.ariaLiveAttr}>
-        <div class=${o(r)}>
+        <div class=${o(n)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
             name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert ? t`
+          ${this.closeAlert ? i`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
@@ -125,42 +125,42 @@ var u = {
                     <span class="sr-only">Lukk</span>
                   </pkt-button>
                 </div>
-              ` : n}
-          ${this.title ? t`<div class="pkt-alert__title">${this.title}</div>` : n}
+              ` : t}
+          ${this.title ? i`<div class="pkt-alert__title">${this.title}</div>` : t}
 
           <div class="pkt-alert__text">${s(this)}</div>
 
-          ${this.date ? t`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : n}
+          ${this.date ? i`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : t}
         </div>
       </div>
     `;
 	}
 };
-i([a({
+n([r({
 	type: Boolean,
 	reflect: !1
-})], d.prototype, "compact", void 0), i([a({
+})], d.prototype, "compact", void 0), n([r({
 	type: String,
 	reflect: !0
-})], d.prototype, "title", void 0), i([a({
+})], d.prototype, "title", void 0), n([r({
 	type: String,
 	reflect: !0
-})], d.prototype, "skin", void 0), i([a({ type: String })], d.prototype, "ariaLive", void 0), i([a({
+})], d.prototype, "skin", void 0), n([r({ type: String })], d.prototype, "ariaLive", void 0), n([r({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], d.prototype, "ariaLiveAttr", void 0), i([a({
+})], d.prototype, "ariaLiveAttr", void 0), n([r({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "closeAlert", void 0), i([a({
+})], d.prototype, "closeAlert", void 0), n([r({
 	type: String,
 	reflect: !0
-})], d.prototype, "date", void 0), i([a({
+})], d.prototype, "date", void 0), n([r({
 	type: String,
 	reflect: !0
-})], d.prototype, "role", void 0), i([r()], d.prototype, "_isClosed", void 0);
+})], d.prototype, "role", void 0), n([e()], d.prototype, "_isClosed", void 0);
 try {
-	e("pkt-alert")(d);
+	a("pkt-alert")(d);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }

package/dist/{alert-NyLr62jZ.cjs → alert-D_45dWPn.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(`./classutils-z8YsPlOf.cjs`);require(`./icon-PbaC9uUg.cjs`),require(`./button-DsGvcLIn.cjs`);var i={name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Klikk-event for 'Lukk'-knappen`},close:{description:`Vue: Klikk-event for 'Lukk'-knappen`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[`info`,`success`,`warning`,`error`],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[`off`,`polite`,`assertive`],default:`polite`,category:`accessibility`},compact:{name:`Kompakt`,description:`Gjør meldingen mindre`,type:`boolean`,category:`ui`,default:!1},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`}},slots:{default:{description:`Innholdet i meldingen`}}},a=class extends n.t{constructor(){super(),this.compact=i.props.compact.default,this.title=``,this.skin=i.props.skin.default,this.ariaLive=i.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=i.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},i={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`),r=require(`./classutils-CVTzKF0J.cjs`);require(`./icon-Dw6I0HDV.cjs`),require(`./button-Dwv11n6R.cjs`);var i={name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Klikk-event for 'Lukk'-knappen`},close:{description:`Vue: Klikk-event for 'Lukk'-knappen`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[`info`,`success`,`warning`,`error`],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[`off`,`polite`,`assertive`],default:`polite`,category:`accessibility`},compact:{name:`Kompakt`,description:`Gjør meldingen mindre`,type:`boolean`,category:`ui`,default:!1},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`}},slots:{default:{description:`Innholdet i meldingen`}}},a=class extends n.t{constructor(){super(),this.compact=i.props.compact.default,this.title=``,this.skin=i.props.skin.default,this.ariaLive=i.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=i.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},i={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.p`
       <div class=${t.t(r)} aria-live=${this.ariaLiveAttr}>
         <div class=${t.t(i)}>
           <pkt-icon
@@ -7,7 +7,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert?e.d`
+          ${this.closeAlert?e.p`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
@@ -22,12 +22,12 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
                     <span class="sr-only">Lukk</span>
                   </pkt-button>
                 </div>
-              `:e.l}
-          ${this.title?e.d`<div class="pkt-alert__title">${this.title}</div>`:e.l}
+              `:e.d}
+          ${this.title?e.p`<div class="pkt-alert__title">${this.title}</div>`:e.d}
 
           <div class="pkt-alert__text">${n.n(this)}</div>
 
-          ${this.date?e.d`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.l}
+          ${this.date?e.p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.d}
         </div>
       </div>
-    `}};e.r([e.s({type:Boolean,reflect:!1})],a.prototype,`compact`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`title`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.r([e.s({type:String})],a.prototype,`ariaLive`,void 0),e.r([e.s({type:String,reflect:!0,attribute:`aria-live`})],a.prototype,`ariaLiveAttr`,void 0),e.r([e.s({type:Boolean,reflect:!0})],a.prototype,`closeAlert`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`date`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`role`,void 0),e.r([e.o()],a.prototype,`_isClosed`,void 0);try{e.c(`pkt-alert`)(a)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+    `}};e.n([e.o({type:Boolean,reflect:!1})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.o({type:String})],a.prototype,`ariaLive`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`aria-live`})],a.prototype,`ariaLiveAttr`,void 0),e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closeAlert`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`date`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`role`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0);try{e.s(`pkt-alert`)(a)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/{async-directive-CaQiqjyV.js → async-directive-Cz6tcqge.js}

@@ -1,5 +1,5 @@
-import { n as e, r as t } from "./directive-3THFsVew.js";
-import { i as n } from "./directive-helpers-Dkv2gKgs.js";
+import { l as e, u as t } from "./element-CduG0XyF.js";
+import { i as n } from "./directive-helpers-Cep_4cpj.js";
 //#region ../../node_modules/lit-html/async-directive.js
 var r = (e, t) => {
 	let n = e._$AN;

package/dist/async-directive-DO1QtVmf.cjs

@@ -0,0 +1 @@
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./directive-helpers-f36YZFOG.cjs`);var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a));else n(this,e)}var s=t=>{t.type==e.u.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.l{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/dist/{backlink-CTu44BHn.js → backlink-BXAdgAte.js}

@@ -1,6 +1,6 @@
-import { c as e, d as t, r as n, s as r, t as i } from "./element-cZ85T_aa.js";
-import "./icon-CZQkrK6B.js";
-import { t as a } from "./if-defined-Cjj8qN-Z.js";
+import { n as e, o as t, p as n, s as r, t as i } from "./element-CduG0XyF.js";
+import "./icon-LaKyBKON.js";
+import { t as a } from "./if-defined-VShASPdu.js";
 //#region src/components/backlink/backlink.ts
 var o = class extends i {
 	constructor(...e) {
@@ -10,7 +10,7 @@ var o = class extends i {
 		e === "arialabel" && this.removeAttribute("arialabel"), e === "href" && this.removeAttribute("href"), e === "text" && this.removeAttribute("text"), super.attributeChangedCallback(e, t, n);
 	}
 	render() {
-		return t`<nav
+		return n`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
     >
@@ -25,9 +25,9 @@ var o = class extends i {
     </nav>`;
 	}
 };
-n([r({ type: String })], o.prototype, "href", void 0), n([r({ type: String })], o.prototype, "text", void 0), n([r({ type: String })], o.prototype, "ariaLabel", void 0);
+e([t({ type: String })], o.prototype, "href", void 0), e([t({ type: String })], o.prototype, "text", void 0), e([t({ type: String })], o.prototype, "ariaLabel", void 0);
 try {
-	e("pkt-backlink")(o);
+	r("pkt-backlink")(o);
 } catch {
 	console.warn("Forsøker å definere <pkt-backlink>, men den er allerede definert");
 }

package/dist/{backlink-BsQ0Rmxj.cjs → backlink-C42-3OG3.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-PbaC9uUg.cjs`);const t=require(`./if-defined-XKOD_t_V.cjs`);var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=``}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e.d`<nav
+const e=require(`./element-CXAtr6Gu.cjs`);require(`./icon-Dw6I0HDV.cjs`);const t=require(`./if-defined-LTjAScFG.cjs`);var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=``}attributeChangedCallback(e,t,n){e===`arialabel`&&this.removeAttribute(`arialabel`),e===`href`&&this.removeAttribute(`href`),e===`text`&&this.removeAttribute(`text`),super.attributeChangedCallback(e,t,n)}render(){return e.p`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel||`Gå tilbake til forrige side`}
     >
@@ -10,4 +10,4 @@ const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-PbaC9uUg.cjs`);const t
         ></pkt-icon
         ><span class="pkt-back-link__text">${this.text}</span></a
       >
-    </nav>`}};e.r([e.s({type:String})],n.prototype,`href`,void 0),e.r([e.s({type:String})],n.prototype,`text`,void 0),e.r([e.s({type:String})],n.prototype,`ariaLabel`,void 0);try{e.c(`pkt-backlink`)(n)}catch{console.warn(`Forsøker å definere <pkt-backlink>, men den er allerede definert`)}var r=n;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+    </nav>`}};e.n([e.o({type:String})],n.prototype,`href`,void 0),e.n([e.o({type:String})],n.prototype,`text`,void 0),e.n([e.o({type:String})],n.prototype,`ariaLabel`,void 0);try{e.s(`pkt-backlink`)(n)}catch{console.warn(`Forsøker å definere <pkt-backlink>, men den er allerede definert`)}var r=n;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/{breadcrumbs-BNZ1L-0q.cjs → breadcrumbs-CkjeLh3U.cjs}

@@ -1,13 +1,13 @@
-const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-PbaC9uUg.cjs`);var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.l;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e.d`
+const e=require(`./element-CXAtr6Gu.cjs`);require(`./icon-Dw6I0HDV.cjs`);var t=class extends e.t{constructor(...e){super(...e),this.breadcrumbs=[]}handleLinkClick(e,t,n){let r=new CustomEvent(`navigate`,{detail:{item:t,index:n,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return e.d;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e.p`
       <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
-          ${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e.d`
+          ${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e.p`
                   <li class="pkt-breadcrumbs__item">
                     <span class="pkt-breadcrumbs__label" aria-current="true">
                       <span class="pkt-breadcrumbs__text">${t.text}</span>
                     </span>
                   </li>
-                `:e.d`
+                `:e.p`
                   <li class="pkt-breadcrumbs__item">
                     <a
                       class="pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
@@ -25,7 +25,7 @@ const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-PbaC9uUg.cjs`);var t=c
                 `)}
         </ol>
 
-        ${t?e.d`
+        ${t?e.p`
               <a
                 class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
                 href=${t.href}
@@ -38,6 +38,6 @@ const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-PbaC9uUg.cjs`);var t=c
                 ></pkt-icon>
                 <span class="pkt-breadcrumbs__text">${t.text}</span>
               </a>
-            `:e.l}
+            `:e.d}
       </nav>
-    `}};e.r([e.s({type:Array})],t.prototype,`breadcrumbs`,void 0);try{e.c(`pkt-breadcrumbs`)(t)}catch{console.warn(`Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert`)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+    `}};e.n([e.o({type:Array})],t.prototype,`breadcrumbs`,void 0);try{e.s(`pkt-breadcrumbs`)(t)}catch{console.warn(`Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert`)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/{breadcrumbs-DPnoURvl.js → breadcrumbs-Dkb9TxMp.js}

@@ -1,5 +1,5 @@
-import { c as e, d as t, l as n, r, s as i, t as a } from "./element-cZ85T_aa.js";
-import "./icon-CZQkrK6B.js";
+import { d as e, n as t, o as n, p as r, s as i, t as a } from "./element-CduG0XyF.js";
+import "./icon-LaKyBKON.js";
 //#region src/components/breadcrumbs/breadcrumbs.ts
 var o = class extends a {
 	constructor(...e) {
@@ -19,23 +19,23 @@ var o = class extends a {
 		this.dispatchEvent(r) || e.preventDefault();
 	}
 	render() {
-		if (!this.breadcrumbs || this.breadcrumbs.length === 0) return n;
-		let e = this.breadcrumbs[this.breadcrumbs.length - 2];
-		return t`
+		if (!this.breadcrumbs || this.breadcrumbs.length === 0) return e;
+		let t = this.breadcrumbs[this.breadcrumbs.length - 2];
+		return r`
       <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
-          ${this.breadcrumbs.map((e, n) => n === this.breadcrumbs.length - 1 ? t`
+          ${this.breadcrumbs.map((e, t) => t === this.breadcrumbs.length - 1 ? r`
                   <li class="pkt-breadcrumbs__item">
                     <span class="pkt-breadcrumbs__label" aria-current="true">
                       <span class="pkt-breadcrumbs__text">${e.text}</span>
                     </span>
                   </li>
-                ` : t`
+                ` : r`
                   <li class="pkt-breadcrumbs__item">
                     <a
                       class="pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
                       href=${e.href}
-                      @click=${(t) => this.handleLinkClick(t, e, n)}
+                      @click=${(n) => this.handleLinkClick(n, e, t)}
                     >
                       <pkt-icon
                         class="pkt-icon pkt-breadcrumbs__icon pkt-link__icon"
@@ -48,27 +48,27 @@ var o = class extends a {
                 `)}
         </ol>
 
-        ${e ? t`
+        ${t ? r`
               <a
                 class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
-                href=${e.href}
-                @click=${(t) => this.handleLinkClick(t, e, this.breadcrumbs.length - 2)}
+                href=${t.href}
+                @click=${(e) => this.handleLinkClick(e, t, this.breadcrumbs.length - 2)}
               >
                 <pkt-icon
                   class="pkt-back-link__icon pkt-icon pkt-link__icon"
                   name="chevron-thin-left"
                   aria-hidden="true"
                 ></pkt-icon>
-                <span class="pkt-breadcrumbs__text">${e.text}</span>
+                <span class="pkt-breadcrumbs__text">${t.text}</span>
               </a>
-            ` : n}
+            ` : e}
       </nav>
     `;
 	}
 };
-r([i({ type: Array })], o.prototype, "breadcrumbs", void 0);
+t([n({ type: Array })], o.prototype, "breadcrumbs", void 0);
 try {
-	e("pkt-breadcrumbs")(o);
+	i("pkt-breadcrumbs")(o);
 } catch {
 	console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert");
 }

package/dist/{button-ZYlrRRfu.js → button-CR-KWhTT.js}

@@ -1,8 +1,8 @@
-import { c as e, d as t, l as n, r, s as i } from "./element-cZ85T_aa.js";
-import { t as a } from "./class-map-C8HuhNzZ.js";
-import { n as o, t as s } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-CZQkrK6B.js";
-import { t as c } from "./if-defined-Cjj8qN-Z.js";
+import { d as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
+import { t as a } from "./class-map-DH9hlJny.js";
+import { n as o, t as s } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
+import { t as c } from "./if-defined-VShASPdu.js";
 //#region src/components/button/button.ts
 window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 var l = class extends s {
@@ -23,8 +23,8 @@ var l = class extends s {
 		super.firstUpdated(e), this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1);
 	}
 	render() {
-		let e = this.form ?? this.getAttribute("form") ?? void 0;
-		return t`
+		let t = this.form ?? this.getAttribute("form") ?? void 0;
+		return r`
       <button
         class=${a({
 			"pkt-btn": !0,
@@ -42,49 +42,49 @@ var l = class extends s {
         ?disabled=${!!this.disabled}
         aria-busy=${c(this.isLoading ? "true" : void 0)}
         aria-disabled=${c(this.disabled || this.isLoading ? "true" : void 0)}
-        form=${c(e)}
+        form=${c(t)}
       >
-        ${this.isLoading ? t`<pkt-icon
+        ${this.isLoading ? r`<pkt-icon
               class="pkt-btn__icon pkt-btn__spinner"
               name="spinner-blue"
               path=${c(this.loadingAnimationPath)}
-            ></pkt-icon>` : n}
-        ${this.variant === "label-only" ? n : t`<pkt-icon
+            ></pkt-icon>` : e}
+        ${this.variant === "label-only" ? e : r`<pkt-icon
               class="pkt-btn__icon pkt-icon"
               name=${this.iconName}
               path=${c(this.iconPath)}
             ></pkt-icon>`}
         <span class="pkt-btn__text">${o(this)}</span>
-        ${this.variant === "icons-right-and-left" ? t`<pkt-icon
+        ${this.variant === "icons-right-and-left" ? r`<pkt-icon
               class="pkt-btn__icon"
               name=${this.secondIconName}
               path=${c(this.secondIconPath)}
-            ></pkt-icon>` : n}
+            ></pkt-icon>` : e}
       </button>
     `;
 	}
 };
-r([i({ type: String })], l.prototype, "iconName", void 0), r([i({ type: String })], l.prototype, "secondIconName", void 0), r([i({ type: String })], l.prototype, "iconPath", void 0), r([i({ type: String })], l.prototype, "secondIconPath", void 0), r([i({ type: String })], l.prototype, "mode", void 0), r([i({ type: String })], l.prototype, "size", void 0), r([i({
+t([n({ type: String })], l.prototype, "iconName", void 0), t([n({ type: String })], l.prototype, "secondIconName", void 0), t([n({ type: String })], l.prototype, "iconPath", void 0), t([n({ type: String })], l.prototype, "secondIconPath", void 0), t([n({ type: String })], l.prototype, "mode", void 0), t([n({ type: String })], l.prototype, "size", void 0), t([n({
 	type: Boolean,
 	attribute: "full-width"
-})], l.prototype, "fullWidth", void 0), r([i({
+})], l.prototype, "fullWidth", void 0), t([n({
 	type: Boolean,
 	attribute: "full-width-on-mobile"
-})], l.prototype, "fullWidthOnMobile", void 0), r([i({ type: String })], l.prototype, "color", void 0), r([i({ type: String })], l.prototype, "skin", void 0), r([i({ type: String })], l.prototype, "variant", void 0), r([i({
+})], l.prototype, "fullWidthOnMobile", void 0), t([n({ type: String })], l.prototype, "color", void 0), t([n({ type: String })], l.prototype, "skin", void 0), t([n({ type: String })], l.prototype, "variant", void 0), t([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "state", void 0), r([i({
+})], l.prototype, "state", void 0), t([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "type", void 0), r([i({ type: String })], l.prototype, "form", void 0), r([i({
+})], l.prototype, "type", void 0), t([n({ type: String })], l.prototype, "form", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "isLoading", void 0), r([i({
+})], l.prototype, "isLoading", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "disabled", void 0), r([i({ type: String })], l.prototype, "loadingAnimationPath", void 0);
+})], l.prototype, "disabled", void 0), t([n({ type: String })], l.prototype, "loadingAnimationPath", void 0);
 try {
-	e("pkt-button")(l);
+	i("pkt-button")(l);
 } catch {
 	console.warn("Forsøker å definere <pkt-button>, men den er allerede definert");
 }