@oslokommune/punkt-elements 16.7.1 → 16.7.4

package/CHANGELOG.md

@@ -5,6 +5,41 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.7.4](https://github.com/oslokommune/punkt/compare/16.7.3...16.7.4) (2026-04-14)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Vite => 8.0.8 & Vitest => 4.1.4 & TypeScript => 6.0.2 (#3418). 
+
+
+### Chores
+Ingen
+
+---
+
+
+## [16.7.3](https://github.com/oslokommune/punkt/compare/16.7.2...16.7.3) (2026-04-14)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.7.1](https://github.com/oslokommune/punkt/compare/16.7.0...16.7.1) (2026-04-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/accordion-BB1JrONI.cjs

@@ -0,0 +1,34 @@
+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`
+      <div
+        part="container"
+        class=${t.t({"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin})}
+        data-testid="pkt-accordion"
+        aria-labelledby=${this.ariaLabelledBy}
+      >
+        <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(){return e.d`
+      <details
+        class=${t.t({"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin})}
+        id=${this.id}
+        ?open=${this.isOpen}
+        ${i.n(this.accordionItemRef)}
+        name=${r.t(this.name)}
+      >
+        <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
+          ${this.title}
+          <pkt-icon
+            name="chevron-thin-down"
+            class="pkt-accordion-item__icon"
+            aria-hidden="true"
+          ></pkt-icon>
+        </summary>
+        <div
+          class="pkt-accordion-item__content"
+          id="pkt-accordion-item__content-${this.id}"
+          role="region"
+        >
+          <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}});

package/dist/accordion-nNH87Y60.js

@@ -0,0 +1,130 @@
+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";
+//#region src/components/accordion/accordion.ts
+var d = class extends e {
+	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 n`
+      <div
+        part="container"
+        class=${a({
+			"pkt-accordion": !0,
+			"pkt-accordion--compact": this.compact,
+			[`pkt-accordion--${this.skin}`]: this.skin
+		})}
+        data-testid="pkt-accordion"
+        aria-labelledby=${this.ariaLabelledBy}
+      >
+        <slot></slot>
+      </div>
+    `;
+	}
+};
+r([i({
+	type: String,
+	reflect: !0,
+	attribute: "aria-labelledby"
+})], d.prototype, "ariaLabelledBy", void 0), r([i({
+	type: Boolean,
+	reflect: !0,
+	attribute: "compact"
+})], d.prototype, "compact", void 0), r([i({
+	type: String,
+	reflect: !0,
+	attribute: "skin"
+})], d.prototype, "skin", void 0), r([i({
+	type: String,
+	reflect: !0,
+	attribute: "name"
+})], d.prototype, "name", void 0);
+try {
+	t("pkt-accordion")(d);
+} catch {
+	console.warn("Forsøker å definere <pkt-accordion>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/accordion/accordionitem.ts
+var f = class extends s {
+	constructor() {
+		super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = u();
+	}
+	firstUpdated(e) {
+		this.defaultOpen && (this.isOpen = !0);
+	}
+	render() {
+		return n`
+      <details
+        class=${a({
+			"pkt-accordion-item": !0,
+			"pkt-accordion-item--compact": this.compact,
+			[`pkt-accordion-item--${this.skin}`]: !!this.skin
+		})}
+        id=${this.id}
+        ?open=${this.isOpen}
+        ${l(this.accordionItemRef)}
+        name=${c(this.name)}
+      >
+        <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
+          ${this.title}
+          <pkt-icon
+            name="chevron-thin-down"
+            class="pkt-accordion-item__icon"
+            aria-hidden="true"
+          ></pkt-icon>
+        </summary>
+        <div
+          class="pkt-accordion-item__content"
+          id="pkt-accordion-item__content-${this.id}"
+          role="region"
+        >
+          <div class="pkt-accordion-item__content-inner">${o(this)}</div>
+        </div>
+      </details>
+    `;
+	}
+};
+r([i({ type: Boolean })], f.prototype, "defaultOpen", void 0), r([i({ type: String })], f.prototype, "title", void 0), r([i({
+	type: String,
+	reflect: !0
+})], f.prototype, "skin", void 0), r([i({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "compact", void 0), r([i({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "isOpen", void 0), r([i({
+	type: String,
+	reflect: !0
+})], f.prototype, "name", void 0);
+try {
+	t("pkt-accordion-item")(f);
+} catch {
+	console.warn("Forsøker å definere <pkt-accordion-item>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/accordion/index.ts
+var p = d;
+//#endregion
+export { f as n, d as r, p as t };

package/dist/alert-BEEnTiCb.cjs

@@ -0,0 +1,33 @@
+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-Dr8sfT2X.cjs`),require(`./button-D-TOBaJB.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`
+      <div class=${t.t(r)} aria-live=${this.ariaLiveAttr}>
+        <div class=${t.t(i)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?e.d`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${this.compact?`small`:`medium`}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                    <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}
+
+          <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}
+        </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}});

package/dist/alert-ePJuDtmm.js

@@ -0,0 +1,171 @@
+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-Co72KtgF.js";
+import "./button-BIpd1xJh.js";
+var u = {
+	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" } }
+}, d = class extends c {
+	constructor() {
+		super(), this.compact = u.props.compact.default, 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") && (this.ariaLiveAttr = this.ariaLive), e.has("_isClosed") && l(this, "pkt-hide", this._isClosed);
+	}
+	render() {
+		let e = {
+			"pkt-alert": !0,
+			"pkt-alert--compact": this.compact,
+			[`pkt-alert--${this.skin}`]: this.skin,
+			"pkt-hide": this._isClosed
+		}, r = {
+			"pkt-alert__grid": !0,
+			"pkt-alert__noTitle": !this.title,
+			"pkt-alert__noDate": !this.date
+		};
+		return t`
+      <div class=${o(e)} aria-live=${this.ariaLiveAttr}>
+        <div class=${o(r)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert ? t`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${this.compact ? "small" : "medium"}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                    <span class="sr-only">Lukk</span>
+                  </pkt-button>
+                </div>
+              ` : n}
+          ${this.title ? t`<div class="pkt-alert__title">${this.title}</div>` : n}
+
+          <div class="pkt-alert__text">${s(this)}</div>
+
+          ${this.date ? t`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : n}
+        </div>
+      </div>
+    `;
+	}
+};
+i([a({
+	type: Boolean,
+	reflect: !1
+})], d.prototype, "compact", void 0), i([a({
+	type: String,
+	reflect: !0
+})], d.prototype, "title", void 0), i([a({
+	type: String,
+	reflect: !0
+})], d.prototype, "skin", void 0), i([a({ type: String })], d.prototype, "ariaLive", void 0), i([a({
+	type: String,
+	reflect: !0,
+	attribute: "aria-live"
+})], d.prototype, "ariaLiveAttr", void 0), i([a({
+	type: Boolean,
+	reflect: !0
+})], d.prototype, "closeAlert", void 0), i([a({
+	type: String,
+	reflect: !0
+})], d.prototype, "date", void 0), i([a({
+	type: String,
+	reflect: !0
+})], d.prototype, "role", void 0), i([r()], d.prototype, "_isClosed", void 0);
+try {
+	e("pkt-alert")(d);
+} catch {
+	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/alert/index.ts
+var f = d;
+//#endregion
+export { d as n, f as t };

package/dist/async-directive-B9P1Qa0k.cjs

@@ -0,0 +1 @@
+const e=require(`./directive-CJ2giQBZ.cjs`),t=require(`./directive-helpers-D1QSxY17.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.r.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.n{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/async-directive-CaQiqjyV.js

@@ -0,0 +1,55 @@
+import { n as e, r as t } from "./directive-3THFsVew.js";
+import { i as n } from "./directive-helpers-Dkv2gKgs.js";
+//#region ../../node_modules/lit-html/async-directive.js
+var r = (e, t) => {
+	let n = e._$AN;
+	if (n === void 0) return !1;
+	for (let e of n) e._$AO?.(t, !1), r(e, t);
+	return !0;
+}, i = (e) => {
+	let t, n;
+	do {
+		if ((t = e._$AM) === void 0) break;
+		n = t._$AN, n.delete(e), e = t;
+	} while (n?.size === 0);
+}, a = (e) => {
+	for (let t; t = e._$AM; e = t) {
+		let n = t._$AN;
+		if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
+		else if (n.has(e)) break;
+		n.add(e), c(t);
+	}
+};
+function o(e) {
+	this._$AN === void 0 ? this._$AM = e : (i(this), this._$AM = e, a(this));
+}
+function s(e, t = !1, n = 0) {
+	let a = this._$AH, o = this._$AN;
+	if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(a)) for (let e = n; e < a.length; e++) r(a[e], !1), i(a[e]);
+	else a != null && (r(a, !1), i(a));
+	else r(this, e);
+}
+var c = (e) => {
+	e.type == t.CHILD && (e._$AP ??= s, e._$AQ ??= o);
+}, l = class extends e {
+	constructor() {
+		super(...arguments), this._$AN = void 0;
+	}
+	_$AT(e, t, n) {
+		super._$AT(e, t, n), a(this), this.isConnected = e._$AU;
+	}
+	_$AO(e, t = !0) {
+		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (r(this, e), i(this));
+	}
+	setValue(e) {
+		if (n(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() {}
+};
+//#endregion
+export { l as t };

package/dist/backlink-Ba03LlbB.cjs

@@ -0,0 +1,13 @@
+const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-Dr8sfT2X.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
+      class="pkt-back-link"
+      aria-label=${this.ariaLabel||`Gå tilbake til forrige side`}
+    >
+      <a href=${t.t(this.href||`/`)} class="pkt-link pkt-link--icon-left"
+        ><pkt-icon
+          class="pkt-back-link__icon pkt-icon pkt-link__icon"
+          name="chevron-thin-left"
+          aria-hidden="true"
+        ></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}});

package/dist/backlink-CiwXrQYD.js

@@ -0,0 +1,38 @@
+import { c as e, d as t, r as n, s as r, t as i } from "./element-cZ85T_aa.js";
+import "./icon-Co72KtgF.js";
+import { t as a } from "./if-defined-Cjj8qN-Z.js";
+//#region src/components/backlink/backlink.ts
+var o = class extends i {
+	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 t`<nav
+      class="pkt-back-link"
+      aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
+    >
+      <a href=${a(this.href || "/")} class="pkt-link pkt-link--icon-left"
+        ><pkt-icon
+          class="pkt-back-link__icon pkt-icon pkt-link__icon"
+          name="chevron-thin-left"
+          aria-hidden="true"
+        ></pkt-icon
+        ><span class="pkt-back-link__text">${this.text}</span></a
+      >
+    </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);
+try {
+	e("pkt-backlink")(o);
+} catch {
+	console.warn("Forsøker å definere <pkt-backlink>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/backlink/index.ts
+var s = o;
+//#endregion
+export { o as n, s as t };

package/dist/booleanish-BmcOU-43.js

@@ -0,0 +1,11 @@
+//#region ../../shared-types/booleanish.ts
+var e = {
+	fromAttribute(e) {
+		return e == null ? !1 : e === "" || e === "true" || e === !0 ? !0 : e === "false" || e === !1 ? !1 : !!e;
+	},
+	toAttribute(e) {
+		return e ? "true" : "false";
+	}
+};
+//#endregion
+export { e as t };

package/dist/booleanish-jJLlnr6-.cjs

@@ -0,0 +1 @@
+var e={fromAttribute(e){return e==null?!1:e===``||e===`true`||e===!0?!0:e===`false`||e===!1?!1:!!e},toAttribute(e){return e?`true`:`false`}};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/breadcrumbs-CD1zib3s.cjs

@@ -0,0 +1,43 @@
+const e=require(`./element-DjtxO-1r.cjs`);require(`./icon-Dr8sfT2X.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`
+      <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`
+                  <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`
+                  <li class="pkt-breadcrumbs__item">
+                    <a
+                      class="pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
+                      href=${t.href}
+                      @click=${e=>this.handleLinkClick(e,t,n)}
+                    >
+                      <pkt-icon
+                        class="pkt-icon pkt-breadcrumbs__icon pkt-link__icon"
+                        name="chevron-thin-right"
+                        aria-hidden="true"
+                      ></pkt-icon>
+                      <span class="pkt-breadcrumbs__text">${t.text}</span>
+                    </a>
+                  </li>
+                `)}
+        </ol>
+
+        ${t?e.d`
+              <a
+                class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
+                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">${t.text}</span>
+              </a>
+            `:e.l}
+      </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}});

package/dist/breadcrumbs-CpuVqWhF.js

@@ -0,0 +1,76 @@
+import { c as e, d as t, l as n, r, s as i, t as a } from "./element-cZ85T_aa.js";
+import "./icon-Co72KtgF.js";
+//#region src/components/breadcrumbs/breadcrumbs.ts
+var o = class extends a {
+	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 n;
+		let e = this.breadcrumbs[this.breadcrumbs.length - 2];
+		return t`
+      <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`
+                  <li class="pkt-breadcrumbs__item">
+                    <span class="pkt-breadcrumbs__label" aria-current="true">
+                      <span class="pkt-breadcrumbs__text">${e.text}</span>
+                    </span>
+                  </li>
+                ` : t`
+                  <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)}
+                    >
+                      <pkt-icon
+                        class="pkt-icon pkt-breadcrumbs__icon pkt-link__icon"
+                        name="chevron-thin-right"
+                        aria-hidden="true"
+                      ></pkt-icon>
+                      <span class="pkt-breadcrumbs__text">${e.text}</span>
+                    </a>
+                  </li>
+                `)}
+        </ol>
+
+        ${e ? t`
+              <a
+                class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
+                href=${e.href}
+                @click=${(t) => this.handleLinkClick(t, e, 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>
+              </a>
+            ` : n}
+      </nav>
+    `;
+	}
+};
+r([i({ type: Array })], o.prototype, "breadcrumbs", void 0);
+try {
+	e("pkt-breadcrumbs")(o);
+} catch {
+	console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert");
+}
+//#endregion
+export { o as t };