@oslokommune/punkt-elements 19.4.0 → 19.5.1

package/CHANGELOG.md

@@ -5,6 +5,19 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [19.5.1](https://github.com/oslokommune/punkt/compare/19.5.0...19.5.1) (2026-09-30)
+
+### Bug Fixes
+* forwardSlots, ny metode for å sende slotinnhold innover (#3685). 
+
+---
+
+
+## [19.5.0](https://github.com/oslokommune/punkt/compare/19.4.0...19.5.0) (2026-09-30)
+
+---
+
+
 ## [19.4.0](https://github.com/oslokommune/punkt/compare/19.3.1...19.4.0) (2026-09-29)
 
 ---

package/dist/{accordion-CZ0O4c0_.cjs → accordion-5lSFQToJ.cjs}

@@ -1,19 +1,19 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./element-with-slot-2PHu2w7O.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-Emu5PNxk.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){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(){let r={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs"),r=require("./if-defined-2mkIDgOm.cjs"),i=require("./consume-Le4HztPo.cjs"),a=require("./ref-Emu5PNxk.cjs");var o=i.r(Symbol(`pkt-accordion-context`)),s=class extends e.c{constructor(...e){super(...e),this.ariaLabelledBy=``,this.compact=!1,this.skin=`borderless`,this.name=``,this.context={skin:this.skin}}willUpdate(e){e.has(`skin`)&&(this.context={...this.context,skin:this.skin})}updated(e){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(){let n={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return e._`
       <div
         part="container"
-        class=${t.t(r)}
+        class=${t.t(n)}
         data-testid="pkt-accordion"
-        aria-labelledby=${n.t(this.ariaLabelledBy||void 0)}
+        aria-labelledby=${r.t(this.ariaLabelledBy||void 0)}
       >
         <slot></slot>
       </div>
-    `}};e.n([e.u({type:String,reflect:!0,attribute:`aria-labelledby`})],s.prototype,`ariaLabelledBy`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`compact`})],s.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`skin`})],s.prototype,`skin`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`name`})],s.prototype,`name`,void 0),e.n([i.n({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-accordion`)(s)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var c=class extends r.t{constructor(){super(),this.defaultOpen=!1,this.title=``,this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=a.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let i={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},o=(this.skin??this.context?.skin)===`plus-minus`;return e._`
+    `}};e.n([e.u({type:String,reflect:!0,attribute:`aria-labelledby`})],s.prototype,`ariaLabelledBy`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`compact`})],s.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`skin`})],s.prototype,`skin`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`name`})],s.prototype,`name`,void 0),e.n([i.n({context:o}),e.l()],s.prototype,`context`,void 0);try{e.d(`pkt-accordion`)(s)}catch{console.warn(`Forsøker å definere <pkt-accordion>, men den er allerede definert`)}var c=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=a.t()}firstUpdated(e){this.defaultOpen&&(this.isOpen=!0)}render(){let i={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin},o=(this.skin??this.context?.skin)===`plus-minus`;return e._`
       <details
         class=${t.t(i)}
         id=${this.id}
         ?open=${this.isOpen}
         ${a.n(this.accordionItemRef)}
-        name=${n.t(this.name)}
+        name=${r.t(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -41,7 +41,7 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
           id="pkt-accordion-item__content-${this.id}"
           role="region"
         >
-          <div class="pkt-accordion-item__content-inner">${r.r(this)}</div>
+          <div class="pkt-accordion-item__content-inner">${n.i(this)}</div>
         </div>
       </details>
     `}};e.n([e.u({type:Boolean})],c.prototype,`defaultOpen`,void 0),e.n([e.u({type:String})],c.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`skin`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`compact`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`isOpen`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`name`,void 0),e.n([i.t({context:o,subscribe:!0}),e.u({attribute:!1})],c.prototype,`context`,void 0);try{e.d(`pkt-accordion-item`)(c)}catch{console.warn(`Forsøker å definere <pkt-accordion-item>, men den er allerede definert`)}var l=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{accordion-DFcdonl-.js → accordion-BJh6X1Ek.js}

@@ -1,7 +1,7 @@
 import { _ as e, c as t, d as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { t as s } from "./if-defined-Bebu3LXY.js";
-import { r as c, t as l } from "./element-with-slot-FD826ooP.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
 import { n as u, r as d, t as f } from "./consume-BDnMAp2g.js";
 import { n as p, t as m } from "./ref-CCSGk4MP.js";
 //#region src/components/accordion/accordion-context.ts
@@ -43,7 +43,7 @@ var h = d(Symbol("pkt-accordion-context")), g = class extends t {
         part="container"
         class=${o(t)}
         data-testid="pkt-accordion"
-        aria-labelledby=${s(this.ariaLabelledBy || void 0)}
+        aria-labelledby=${l(this.ariaLabelledBy || void 0)}
       >
         <slot></slot>
       </div>
@@ -74,7 +74,7 @@ try {
 }
 //#endregion
 //#region src/components/accordion/accordionitem.ts
-var _ = class extends l {
+var _ = class extends c {
 	constructor() {
 		super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = m();
 	}
@@ -93,7 +93,7 @@ var _ = class extends l {
         id=${this.id}
         ?open=${this.isOpen}
         ${p(this.accordionItemRef)}
-        name=${s(this.name)}
+        name=${l(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
           ${this.title}
@@ -121,7 +121,7 @@ var _ = class extends l {
           id="pkt-accordion-item__content-${this.id}"
           role="region"
         >
-          <div class="pkt-accordion-item__content-inner">${c(this)}</div>
+          <div class="pkt-accordion-item__content-inner">${s(this)}</div>
         </div>
       </details>
     `;

package/dist/{alert-BhvjSA5X.js → alert-C0PiYnot.js}

@@ -1,27 +1,26 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { t as s } from "./if-defined-Bebu3LXY.js";
-import { t as c } from "./format-BTeSVkED.js";
-import { r as l, t as u } from "./element-with-slot-FD826ooP.js";
-import { t as d } from "./classutils-DcYnSgfc.js";
-import { t as f } from "./define-component-spec-BYOSeplU.js";
-import "./icon-DmRyYNlY.js";
-import "./button-B5rWxfei.js";
+import { t as s } from "./format-BTeSVkED.js";
+import { i as c, t as l } from "./element-with-slot-DQv0cbbD.js";
+import "./icon-JigbxxF7.js";
+import { t as u } from "./classutils-DcYnSgfc.js";
+import { t as d } from "./define-component-spec-BYOSeplU.js";
+import "./button-B78im4wB.js";
 //#region ../../shared-types/aria.ts
-var p = [
+var f = [
 	"off",
 	"polite",
 	"assertive"
-], m = [
+], p = [
 	"info",
 	"success",
 	"warning",
 	"error"
-], h = [
+], m = [
 	"medium",
 	"small",
 	"xsmall"
-], g = { compact: !1 }, _ = f({
+], h = { compact: !1 }, g = d({
 	name: "pkt-alert",
 	react: "PktAlert",
 	"css-class": "pkt-alert",
@@ -48,7 +47,7 @@ var p = [
 		skin: {
 			name: "Utseende",
 			description: "Hvordan type melding er dette?",
-			type: [...m],
+			type: [...p],
 			default: "info",
 			category: "ui"
 		},
@@ -61,14 +60,14 @@ var p = [
 		ariaLive: {
 			name: "aria-live",
 			description: "Hvordan skal skjermleseren lese opp meldingen?",
-			type: [...p],
+			type: [...f],
 			default: "polite",
 			category: "accessibility"
 		},
 		size: {
 			name: "Størrelse",
 			description: "Endrer størrelsen på ulike elementer i alerten.",
-			type: [...h],
+			type: [...m],
 			default: "medium",
 			category: "ui"
 		},
@@ -85,13 +84,13 @@ var p = [
 			deprecated: "Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",
 			type: "boolean",
 			category: "ui",
-			default: g.compact
+			default: h.compact
 		}
 	},
 	slots: { default: { description: "Innholdet i meldingen" } }
-}), v = class extends u {
+}), _ = class extends l {
 	constructor() {
-		super(), this.compact = g.compact, this.title = "", this.skin = _.props.skin.default, this.ariaLive = _.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = _.props.closeAlert.default, this.date = null, this.role = "status", this._hostId = null, this._isClosed = !1, this.close = (e) => {
+		super(), this.compact = h.compact, this.title = "", this.skin = g.props.skin.default, this.ariaLive = g.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = g.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,
@@ -106,16 +105,11 @@ var p = [
 	connectedCallback() {
 		super.connectedCallback(), this.ariaLiveAttr = this.getAttribute("aria-live") || this.ariaLive;
 	}
-	willUpdate(e) {
-		super.willUpdate(e);
-		let t = this.getAttribute("id");
-		t && (this._hostId = t, this.removeAttribute("id"));
-	}
 	attributeChangedCallback(e, t, n) {
 		e === "ariaLive" && (this.ariaLiveAttr = n), super.attributeChangedCallback(e, t, n);
 	}
 	updated(e) {
-		super.updated(e), e.has("ariaLive") && e.get("ariaLive") !== void 0 && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && d(this, "pkt-hide", this._isClosed);
+		super.updated(e), e.has("ariaLive") && e.get("ariaLive") !== void 0 && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && u(this, "pkt-hide", this._isClosed);
 	}
 	render() {
 		let t = this.size ?? (this.compact ? "small" : "medium"), r = {
@@ -131,7 +125,6 @@ var p = [
 		return e`
       <div
         class=${o(r)}
-        id=${s(this._hostId || void 0)}
         aria-live=${this.ariaLiveAttr}
         role=${this.role}
       >
@@ -160,10 +153,10 @@ var p = [
               ` : n}
           ${this.title ? e`<div class="pkt-alert__title">${this.title}</div>` : n}
 
-          <div class="pkt-alert__text">${l(this)}</div>
+          <div class="pkt-alert__text">${c(this)}</div>
 
           ${this.date ? e`<div class="pkt-alert__date">
-                ${c(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
+                ${s(this.pktStrings.get("alert").lastUpdated, { date: this.date })}
               </div>` : n}
         </div>
       </div>
@@ -173,33 +166,33 @@ var p = [
 i([a({
 	type: Boolean,
 	reflect: !1
-})], v.prototype, "compact", void 0), i([a({
+})], _.prototype, "compact", void 0), i([a({
 	type: String,
 	reflect: !0
-})], v.prototype, "title", void 0), i([a({
+})], _.prototype, "title", void 0), i([a({
 	type: String,
 	reflect: !0
-})], v.prototype, "skin", void 0), i([a({ type: String })], v.prototype, "ariaLive", void 0), i([a({
+})], _.prototype, "skin", void 0), i([a({ type: String })], _.prototype, "ariaLive", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], v.prototype, "ariaLiveAttr", void 0), i([a({
+})], _.prototype, "ariaLiveAttr", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "closeAlert", void 0), i([a({
+})], _.prototype, "closeAlert", void 0), i([a({
 	type: String,
 	reflect: !0
-})], v.prototype, "date", void 0), i([a({ type: String })], v.prototype, "role", void 0), i([r()], v.prototype, "_hostId", void 0), i([a({
+})], _.prototype, "date", void 0), i([a({ type: String })], _.prototype, "role", void 0), i([a({
 	type: String,
 	attribute: "size"
-})], v.prototype, "size", void 0), i([r()], v.prototype, "_isClosed", void 0);
+})], _.prototype, "size", void 0), i([r()], _.prototype, "_isClosed", void 0);
 try {
-	t("pkt-alert")(v);
+	t("pkt-alert")(_);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/alert/index.ts
-var y = v;
+var v = _;
 //#endregion
-export { v as n, y as t };
+export { _ as n, v as t };

package/dist/alert-IaZzEgyI.cjs

@@ -0,0 +1,39 @@
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-BNVTj7nB.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: 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:[...s],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:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.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`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
+      <div
+        class=${t.t(a)}
+        aria-live=${this.ariaLiveAttr}
+        role=${this.role}
+      >
+        <div class=${t.t(o)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?e._`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label=${this.pktStrings.get(`generic`).close}
+                    size=${i}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                    <span class="sr-only">${this.pktStrings.get(`generic`).close}</span>
+                  </pkt-button>
+                </div>
+              `:e.h}
+          ${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
+
+          <div class="pkt-alert__text">${r.i(this)}</div>
+
+          ${this.date?e._`<div class="pkt-alert__date">
+                ${n.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
+              </div>`:e.h}
+        </div>
+      </div>
+    `}};e.n([e.u({type:Boolean,reflect:!1})],d.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`skin`,void 0),e.n([e.u({type:String})],d.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],d.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],d.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`date`,void 0),e.n([e.u({type:String})],d.prototype,`role`,void 0),e.n([e.u({type:String,attribute:`size`})],d.prototype,`size`,void 0),e.n([e.l()],d.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(d)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var f=d;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/{backlink-Bw6IcRIo.cjs → backlink-BRqhwUr2.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./if-defined-2mkIDgOm.cjs");require("./icon-CoBsgGUR.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}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._`<nav
+const e=require("./element-BOmr9YLv.cjs");require("./icon-Dnv6LtPC.cjs");const t=require("./if-defined-2mkIDgOm.cjs");var n=class extends e.t{constructor(...e){super(...e),this.href=``,this.text=`Forsiden`,this.ariaLabel=null}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._`<nav
       class="pkt-back-link"
       aria-label=${this.ariaLabel||this.pktStrings.get(`backlink`).label}
     >

package/dist/{backlink-DIdgvE2j.js → backlink-BslFewn-.js}

@@ -1,6 +1,6 @@
 import { _ as e, d as t, n, t as r, u as i } from "./element-mwwC2Rra.js";
+import "./icon-JigbxxF7.js";
 import { t as a } from "./if-defined-Bebu3LXY.js";
-import "./icon-DmRyYNlY.js";
 //#region src/components/backlink/backlink.ts
 var o = class extends r {
 	constructor(...e) {

package/dist/{breadcrumbs-BfgCx3Xj.js → breadcrumbs-Cr3GugPv.js}

@@ -1,5 +1,5 @@
 import { _ as e, d as t, h as n, n as r, t as i, u as a } from "./element-mwwC2Rra.js";
-import "./icon-DmRyYNlY.js";
+import "./icon-JigbxxF7.js";
 //#region src/components/breadcrumbs/breadcrumbs.ts
 var o = class extends i {
 	constructor(...e) {

package/dist/{breadcrumbs-C10K1XLP.cjs → breadcrumbs-DG4i5UCh.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs");require("./icon-CoBsgGUR.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.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
+const e=require("./element-BOmr9YLv.cjs");require("./icon-Dnv6LtPC.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.h;let t=this.breadcrumbs[this.breadcrumbs.length-2];return e._`
       <nav class="pkt-breadcrumbs" aria-label=${this.pktStrings.get(`breadcrumbs`).ariaLabel}>
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
           ${this.breadcrumbs.map((t,n)=>n===this.breadcrumbs.length-1?e._`

package/dist/{button-B5rWxfei.js → button-B78im4wB.js}

@@ -1,12 +1,12 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { t as s } from "./if-defined-Bebu3LXY.js";
-import { r as c, t as l } from "./element-with-slot-FD826ooP.js";
-import "./icon-DmRyYNlY.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
+import "./icon-JigbxxF7.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
 //#region src/components/button/button.ts
 var u = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || u);
-var d = class t extends l {
+var d = class t extends c {
 	constructor(...e) {
 		super(...e), this.iconName = "user", this.secondIconName = "user", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = void 0, this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = typeof window < "u" ? window.pktAnimationPath : u, this.relocatedAria = {};
 	}
@@ -58,30 +58,30 @@ var d = class t extends l {
         class=${o(r)}
         type=${this.type}
         ?disabled=${!!this.disabled}
-        aria-busy=${s(this.isLoading ? "true" : void 0)}
-        aria-disabled=${s(this.disabled || this.isLoading ? "true" : void 0)}
-        aria-haspopup=${s(this.relocatedAria["aria-haspopup"])}
-        aria-expanded=${s(this.relocatedAria["aria-expanded"])}
-        aria-controls=${s(this.relocatedAria["aria-controls"])}
-        aria-label=${s(this.relocatedAria["aria-label"])}
-        tabindex=${s(this.relocatedAria.tabindex)}
-        form=${s(t)}
+        aria-busy=${l(this.isLoading ? "true" : void 0)}
+        aria-disabled=${l(this.disabled || this.isLoading ? "true" : void 0)}
+        aria-haspopup=${l(this.relocatedAria["aria-haspopup"])}
+        aria-expanded=${l(this.relocatedAria["aria-expanded"])}
+        aria-controls=${l(this.relocatedAria["aria-controls"])}
+        aria-label=${l(this.relocatedAria["aria-label"])}
+        tabindex=${l(this.relocatedAria.tabindex)}
+        form=${l(t)}
       >
         ${this.isLoading ? e`<pkt-icon
                 class="pkt-btn__icon pkt-btn__spinner"
                 name="spinner-blue"
-                path=${s(this.loadingAnimationPath)}
+                path=${l(this.loadingAnimationPath)}
               ></pkt-icon>` : n}
         ${this.variant === "label-only" ? n : e`<pkt-icon
                 class="pkt-btn__icon pkt-icon"
                 name=${this.iconName}
-                path=${s(this.iconPath)}
+                path=${l(this.iconPath)}
               ></pkt-icon>`}
-        <span class="pkt-btn__text">${c(this)}</span>
+        <span class="pkt-btn__text">${s(this)}</span>
         ${this.variant === "icons-right-and-left" ? e`<pkt-icon
                 class="pkt-btn__icon"
                 name=${this.secondIconName}
-                path=${s(this.secondIconPath)}
+                path=${l(this.secondIconPath)}
               ></pkt-icon>` : n}
       </button>
     `;

package/dist/button-BNVTj7nB.cjs

@@ -0,0 +1,32 @@
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./if-defined-2mkIDgOm.cjs");var i=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||i);var a=class a extends n.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=void 0,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}static{this.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`,`aria-label`,`tabindex`]}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of a.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return e._`
+      <button
+        class=${t.t(a)}
+        type=${this.type}
+        ?disabled=${!!this.disabled}
+        aria-busy=${r.t(this.isLoading?`true`:void 0)}
+        aria-disabled=${r.t(this.disabled||this.isLoading?`true`:void 0)}
+        aria-haspopup=${r.t(this.relocatedAria[`aria-haspopup`])}
+        aria-expanded=${r.t(this.relocatedAria[`aria-expanded`])}
+        aria-controls=${r.t(this.relocatedAria[`aria-controls`])}
+        aria-label=${r.t(this.relocatedAria[`aria-label`])}
+        tabindex=${r.t(this.relocatedAria.tabindex)}
+        form=${r.t(i)}
+      >
+        ${this.isLoading?e._`<pkt-icon
+                class="pkt-btn__icon pkt-btn__spinner"
+                name="spinner-blue"
+                path=${r.t(this.loadingAnimationPath)}
+              ></pkt-icon>`:e.h}
+        ${this.variant===`label-only`?e.h:e._`<pkt-icon
+                class="pkt-btn__icon pkt-icon"
+                name=${this.iconName}
+                path=${r.t(this.iconPath)}
+              ></pkt-icon>`}
+        <span class="pkt-btn__text">${n.i(this)}</span>
+        ${this.variant===`icons-right-and-left`?e._`<pkt-icon
+                class="pkt-btn__icon"
+                name=${this.secondIconName}
+                path=${r.t(this.secondIconPath)}
+              ></pkt-icon>`:e.h}
+      </button>
+    `}};e.n([e.u({type:String})],a.prototype,`iconName`,void 0),e.n([e.u({type:String})],a.prototype,`secondIconName`,void 0),e.n([e.u({type:String})],a.prototype,`iconPath`,void 0),e.n([e.u({type:String})],a.prototype,`secondIconPath`,void 0),e.n([e.u({type:String})],a.prototype,`size`,void 0),e.n([e.u({type:Boolean,attribute:`full-width`})],a.prototype,`fullWidth`,void 0),e.n([e.u({type:Boolean,attribute:`full-width-on-mobile`})],a.prototype,`fullWidthOnMobile`,void 0),e.n([e.u({type:String})],a.prototype,`color`,void 0),e.n([e.u({type:String})],a.prototype,`skin`,void 0),e.n([e.u({type:String})],a.prototype,`variant`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`state`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`type`,void 0),e.n([e.u({type:String})],a.prototype,`form`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`isLoading`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),e.n([e.u({type:String})],a.prototype,`loadingAnimationPath`,void 0),e.n([e.l()],a.prototype,`relocatedAria`,void 0);try{e.d(`pkt-button`)(a)}catch{console.warn(`Forsøker å definere <pkt-button>, 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/{calendar-U8xkRdgF.js → calendar-BLaRXUBl.js}

@@ -1,6 +1,6 @@
 import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
 import { t as s } from "./class-map-C4hdfSfY.js";
-import "./icon-DmRyYNlY.js";
+import "./icon-JigbxxF7.js";
 import { _ as c, a as l, b as u, d, f, g as p, l as m, m as h, o as g, p as _, t as v, v as y, y as b } from "./converters-CkjLSYpa.js";
 //#region ../../shared-types/calendar.ts
 var x = {

package/dist/{calendar-D-Ow5DAp.cjs → calendar-TcxvS-1_.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs");require("./icon-CoBsgGUR.cjs");const n=require("./converters-BJ9Fe0kW.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs");require("./icon-Dnv6LtPC.cjs");const n=require("./converters-BJ9Fe0kW.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
       <div
         class="pkt-calendar ${this.weeknumbers?`pkt-cal-weeknumbers`:``}"
         @focusout=${this.closeEvent}

package/dist/{card-D2YYPZr5.js → card-CYKhPUNI.js}

@@ -1,10 +1,10 @@
 import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
 import { t as a } from "./class-map-C4hdfSfY.js";
-import { t as o } from "./if-defined-Bebu3LXY.js";
-import { n as s } from "./format-BTeSVkED.js";
-import { r as c, t as l } from "./element-with-slot-FD826ooP.js";
-import "./icon-DmRyYNlY.js";
-import "./tag-wYnHhHLK.js";
+import { n as o } from "./format-BTeSVkED.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
+import "./icon-JigbxxF7.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
+import "./tag-Bns7Xj1O.js";
 //#region ../../shared-types/card.ts
 var u = [
 	"outlined",
@@ -24,7 +24,7 @@ var u = [
 	zoom: !1,
 	imageShape: "square",
 	restrictImageHeight: !1
-}, f = class extends l {
+}, f = class extends c {
 	constructor(...e) {
 		super(...e), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = d.borderOnHover, this.zoom = d.zoom, this.imageAspect = null, this.restrictImageHeight = d.restrictImageHeight, this.clickCardLink = null, this.metaTrail = null, this.layout = d.layout, this.heading = "", this.headingLevel = d.headingLevel, this.image = {
 			src: "",
@@ -46,7 +46,7 @@ var u = [
 		return e`
       <article
         class=${a(t)}
-        aria-label=${o(this.clickCardLink ? r : i)}
+        aria-label=${l(this.clickCardLink ? r : i)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -93,7 +93,7 @@ var u = [
         class="pkt-card__link"
         href=${this.clickCardLink}
         target=${this.openLinkInNewTab ? "_blank" : "_self"}
-        rel=${o(this.openLinkInNewTab ? "noopener noreferrer" : void 0)}
+        rel=${l(this.openLinkInNewTab ? "noopener noreferrer" : void 0)}
         >${this.heading}</a
       >`) : n;
 	}
@@ -124,15 +124,15 @@ var u = [
               <div
                 class=${a(t)}
                 role="list"
-                aria-label=${s(this.tags.length, this.pktStrings.get("card").tagsLabelOne, this.pktStrings.get("card").tagsLabelOther)}
+                aria-label=${o(this.tags.length, this.pktStrings.get("card").tagsLabelOne, this.pktStrings.get("card").tagsLabelOther)}
               >
                 ${this.tags.map((t) => e`
                     <pkt-tag
                       role="listitem"
                       textStyle="normal-text"
                       size="medium"
-                      skin=${o(t.skin)}
-                      iconName=${o(t.iconName)}
+                      skin=${l(t.skin)}
+                      iconName=${l(t.iconName)}
                     >
                       <span>${t.text}</span>
                     </pkt-tag>
@@ -142,7 +142,7 @@ var u = [
     `;
 	}
 	renderSlot() {
-		return e`<section class="pkt-card__content">${c(this)}</section>`;
+		return e`<section class="pkt-card__content">${s(this)}</section>`;
 	}
 	renderMetadata() {
 		return e`

package/dist/{card-DW1uklP6.cjs → card-CaLEuumN.cjs}

@@ -1,7 +1,7 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-CoBsgGUR.cjs"),require("./tag-HTYKd-iG.cjs");var a=[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],o={headingLevel:3,layout:`vertical`,skin:`outlined`,padding:`default`,tagPosition:`top`,openLinkInNewTab:!1,borderOnHover:!0,zoom:!1,imageShape:`square`,restrictImageHeight:!1},s=class extends i.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=o.borderOnHover,this.zoom=o.zoom,this.imageAspect=null,this.restrictImageHeight=o.restrictImageHeight,this.clickCardLink=null,this.metaTrail=null,this.layout=o.layout,this.heading=``,this.headingLevel=o.headingLevel,this.image={src:``,alt:``},this.imageShape=o.imageShape,this.openLinkInNewTab=o.openLinkInNewTab,this.padding=o.padding,this.skin=o.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let r={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},i=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const i=require("./if-defined-2mkIDgOm.cjs");require("./tag-B5dUg7AD.cjs");var a=[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],o={headingLevel:3,layout:`vertical`,skin:`outlined`,padding:`default`,tagPosition:`top`,openLinkInNewTab:!1,borderOnHover:!0,zoom:!1,imageShape:`square`,restrictImageHeight:!1},s=class extends r.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=o.borderOnHover,this.zoom=o.zoom,this.imageAspect=null,this.restrictImageHeight=o.restrictImageHeight,this.clickCardLink=null,this.metaTrail=null,this.layout=o.layout,this.heading=``,this.headingLevel=o.headingLevel,this.image={src:``,alt:``},this.imageShape=o.imageShape,this.openLinkInNewTab=o.openLinkInNewTab,this.padding=o.padding,this.skin=o.skin,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},r=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
       <article
-        class=${t.t(r)}
-        aria-label=${n.t(this.clickCardLink?i:a)}
+        class=${t.t(n)}
+        aria-label=${i.t(this.clickCardLink?r:a)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -22,7 +22,7 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
         class="pkt-card__link"
         href=${this.clickCardLink}
         target=${this.openLinkInNewTab?`_blank`:`_self`}
-        rel=${n.t(this.openLinkInNewTab?`noopener noreferrer`:void 0)}
+        rel=${i.t(this.openLinkInNewTab?`noopener noreferrer`:void 0)}
         >${this.heading}</a
       >`):e.h}renderSubheading(){return e._`
       ${this.subheading?e._` <p class="pkt-card__subheading ">${this.subheading}</p> `:e.h}
@@ -34,27 +34,27 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
               ${this.renderSubheading()}
             </header>
           `:e.h}
-    `}renderTags(){let i={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e._`
+    `}renderTags(){let r={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e._`
       ${this.tags.length>0?e._`
               <div
-                class=${t.t(i)}
+                class=${t.t(r)}
                 role="list"
-                aria-label=${r.n(this.tags.length,this.pktStrings.get(`card`).tagsLabelOne,this.pktStrings.get(`card`).tagsLabelOther)}
+                aria-label=${n.n(this.tags.length,this.pktStrings.get(`card`).tagsLabelOne,this.pktStrings.get(`card`).tagsLabelOther)}
               >
                 ${this.tags.map(t=>e._`
                     <pkt-tag
                       role="listitem"
                       textStyle="normal-text"
                       size="medium"
-                      skin=${n.t(t.skin)}
-                      iconName=${n.t(t.iconName)}
+                      skin=${i.t(t.skin)}
+                      iconName=${i.t(t.iconName)}
                     >
                       <span>${t.text}</span>
                     </pkt-tag>
                   `)}
               </div>
             `:e.h}
-    `}renderSlot(){return e._`<section class="pkt-card__content">${i.r(this)}</section>`}renderMetadata(){return e._`
+    `}renderSlot(){return e._`<section class="pkt-card__content">${r.i(this)}</section>`}renderMetadata(){return e._`
       ${this.metaLead||this.metaTrail?e._`
               <footer class="pkt-card__metadata">
                 ${this.metaLead?e._`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:e.h}