@oslokommune/punkt-elements 16.7.3 → 16.7.4

package/dist/modal-C_wtsh9m.js

@@ -0,0 +1,209 @@
+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 "./icon-Co72KtgF.js";
+import { n as l, t as u } from "./ref-RS8Uv6uC.js";
+var d = {
+	name: "pkt-modal",
+	react: "PktModal",
+	"css-class": "pkt-modal",
+	isElement: !0,
+	isPureReact: !0,
+	events: {
+		"background-click": { description: "Event som trigges når bakgrunnen trykkes på" },
+		close: { description: "Event som trigges når meldingsboksen lukkes" }
+	},
+	props: {
+		open: {
+			name: "Åpen",
+			description: "Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.",
+			type: "boolean",
+			category: "tech",
+			default: !1
+		},
+		headingText: {
+			name: "Heading text",
+			description: "Heading tekst på modalen",
+			type: "string",
+			category: "contents"
+		},
+		hideCloseButton: {
+			name: "Gjem 'Lukk'-knapp",
+			description: "Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",
+			type: "boolean",
+			category: "ui",
+			default: !1
+		},
+		closeOnBackdropClick: {
+			name: "Lukk modalen når bakgrunnen trykkes på",
+			description: "Lukk modalen når bakgrunnen trykkes på",
+			type: "boolean",
+			category: "tech",
+			default: !1
+		},
+		closeButtonSkin: {
+			name: "Stil på lukkeknappen",
+			description: "Stil på lukkeknappen",
+			type: ["blue", "yellow-filled"],
+			category: "ui",
+			default: "blue"
+		},
+		size: {
+			name: "Størrelse",
+			description: "Størrelsen på modalen",
+			type: [
+				"small",
+				"medium",
+				"large"
+			],
+			category: "ui",
+			default: "medium"
+		},
+		variant: {
+			name: "Variant",
+			description: "Standard dialog eller skuff",
+			type: ["dialog", "drawer"],
+			category: "ui",
+			default: "dialog"
+		},
+		drawerPosition: {
+			name: "Skuffposisjon",
+			description: "Posisjonen til skuffen",
+			type: ["left", "right"],
+			category: "ui",
+			default: "right"
+		},
+		transparentBackdrop: {
+			name: "Gjennomsiktig bakgrunn",
+			description: "Bakgrunnen er gjennomsiktig",
+			type: "boolean",
+			category: "ui",
+			default: !1
+		},
+		removePadding: {
+			name: "Fjern padding",
+			description: "Fjerner paddingen rundt innholdet i modalen",
+			type: "boolean",
+			category: "ui",
+			default: !1
+		}
+	},
+	slots: { default: { description: "Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen." } }
+}, f = class extends c {
+	constructor() {
+		super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = d.props.hideCloseButton.default, this.closeOnBackdropClick = d.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = d.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = u(), this._isOpen = !1, this.close = (e, t = !1) => {
+			if (!this._isOpen) return;
+			this._isOpen = !1, this.open = !1, document.body.classList.remove("pkt-modal--open");
+			let n = document.activeElement;
+			n && !this.isElementInViewport(n) && n.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			}), this.dispatchEvent(new CustomEvent("close", {
+				detail: { origin: e },
+				bubbles: !0,
+				composed: !0
+			})), t || this.dialogRef.value?.close(), this.requestUpdate();
+		}, this.showModal = (e = null) => {
+			this._isOpen = !0, this.open = !0, this.dialogRef.value?.showModal(), document.body.classList.add("pkt-modal--open"), this.dispatchEvent(new CustomEvent("showModal", {
+				detail: { origin: e },
+				bubbles: !0,
+				composed: !0
+			})), this.requestUpdate();
+		}, this._isOpen = !1;
+	}
+	async connectedCallback() {
+		super.connectedCallback(), document.addEventListener("keydown", this.handleKeyDown.bind(this)), document.addEventListener("click", this.handleBackdropClick.bind(this));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("click", this.handleBackdropClick);
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open && !this._isOpen ? this.showModal() : !this.open && this._isOpen && this.close(new Event("close"), !1));
+	}
+	async firstUpdated(e) {
+		super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-1hPr0gl9.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
+			this.close(new Event("close"), !0);
+		}));
+	}
+	handleKeyDown(e) {
+		e.key === "Escape" && this.close(e);
+	}
+	handleBackdropClick(e) {
+		this.closeOnBackdropClick && e.target === this.dialogRef?.value && this.close(e);
+	}
+	isElementInViewport(e) {
+		let t = e.getBoundingClientRect();
+		return t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth);
+	}
+	render() {
+		let e = {
+			"pkt-modal": !0,
+			"pkt-modal--removePadding": this.removePadding ?? !1,
+			"pkt-modal--noHeadingText": this.headingText === "" || this.headingText === void 0,
+			"pkt-modal--noShadow": this.closeButtonSkin === "yellow-filled",
+			"pkt-modal--transparentBackdrop": this.transparentBackdrop ?? !1,
+			[`pkt-modal--${this.size}`]: this.size !== void 0,
+			[`pkt-modal__${this.variant}`]: this.variant !== void 0,
+			[`pkt-modal__drawer--${this.drawerPosition}`]: this.variant === "drawer"
+		}, r = {
+			"pkt-modal__headingText": !0,
+			"pkt-txt-24": !0
+		}, i = {
+			"pkt-modal__content": !0,
+			"pkt-txt-18-light": !0
+		}, a = this.closeButtonSkin === "blue", c = {
+			"pkt-modal__closeButton": !0,
+			[`pkt-modal__closeButton--${this.closeButtonSkin}`]: !0
+		};
+		return t`
+      <dialog
+        class=${o(e)}
+        ${l(this.dialogRef)}
+        aria-labelledby=${this.headingText ? "pkt-modal__headingText" : n}
+        aria-describedby="pkt-modal__content"
+        @close=${(e) => this.close(e, !0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText || !this.hideCloseButton ? t`<div class="pkt-modal__header">
+                <div class="pkt-modal__header-background"></div>
+                ${this.headingText ? t`<h1 id="pkt-modal__headingText" class=${o(r)}>
+                      ${this.headingText}
+                    </h1>` : t`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton ? t`<div class="pkt-modal__noCloseButton"></div>` : t`<div class="${o(c)}">
+                      <pkt-button
+                        @click=${(e) => this.close(e)}
+                        aria-label="close"
+                        iconname="close"
+                        variant="icon-only"
+                        size="medium"
+                        skin=${a ? "tertiary" : "primary"}
+                      >
+                        Lukk
+                      </pkt-button>
+                    </div>`}
+              </div>` : n}
+          <div class="pkt-modal__container">
+            <div
+              id="pkt-modal__content"
+              class=${o(i)}
+            >${s(this)}</div>
+          </div>
+        </div>
+      </dialog>
+    `;
+	}
+};
+i([a({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "open", void 0), i([a({ type: String })], f.prototype, "headingText", void 0), i([a({ type: Boolean })], f.prototype, "removePadding", void 0), i([a({ type: Boolean })], f.prototype, "hideCloseButton", void 0), i([a({ type: Boolean })], f.prototype, "closeOnBackdropClick", void 0), i([a({ type: String })], f.prototype, "closeButtonSkin", void 0), i([a({ type: String })], f.prototype, "size", void 0), i([a({ type: String })], f.prototype, "variant", void 0), i([a({ type: String })], f.prototype, "drawerPosition", void 0), i([a({ type: Boolean })], f.prototype, "transparentBackdrop", void 0), i([r()], f.prototype, "_isOpen", void 0);
+try {
+	e("pkt-modal")(f);
+} catch {
+	console.warn("Forsøker å definere <pkt-modal>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/modal/index.ts
+var p = f;
+//#endregion
+export { f as n, p as t };

package/dist/modal-DS_wUOIv.cjs

@@ -0,0 +1,36 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-Dr8sfT2X.cjs`);const r=require(`./ref-BaJ0mBT_.cjs`);var i={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},a=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=i.props.hideCloseButton.default,this.closeOnBackdropClick=i.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=i.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,document.body.classList.remove(`pkt-modal--open`);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close(),this.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),document.body.classList.add(`pkt-modal--open`),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require(`./dialog-polyfill.esm-D3Oinvk0.cjs`)).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let i={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},a={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin===`blue`,c={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return e.d`
+      <dialog
+        class=${t.t(i)}
+        ${r.n(this.dialogRef)}
+        aria-labelledby=${this.headingText?`pkt-modal__headingText`:e.l}
+        aria-describedby="pkt-modal__content"
+        @close=${e=>this.close(e,!0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText||!this.hideCloseButton?e.d`<div class="pkt-modal__header">
+                <div class="pkt-modal__header-background"></div>
+                ${this.headingText?e.d`<h1 id="pkt-modal__headingText" class=${t.t(a)}>
+                      ${this.headingText}
+                    </h1>`:e.d`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton?e.d`<div class="pkt-modal__noCloseButton"></div>`:e.d`<div class="${t.t(c)}">
+                      <pkt-button
+                        @click=${e=>this.close(e)}
+                        aria-label="close"
+                        iconname="close"
+                        variant="icon-only"
+                        size="medium"
+                        skin=${s?`tertiary`:`primary`}
+                      >
+                        Lukk
+                      </pkt-button>
+                    </div>`}
+              </div>`:e.l}
+          <div class="pkt-modal__container">
+            <div
+              id="pkt-modal__content"
+              class=${t.t(o)}
+            >${n.n(this)}</div>
+          </div>
+        </div>
+      </dialog>
+    `}};e.r([e.s({type:Boolean,reflect:!0})],a.prototype,`open`,void 0),e.r([e.s({type:String})],a.prototype,`headingText`,void 0),e.r([e.s({type:Boolean})],a.prototype,`removePadding`,void 0),e.r([e.s({type:Boolean})],a.prototype,`hideCloseButton`,void 0),e.r([e.s({type:Boolean})],a.prototype,`closeOnBackdropClick`,void 0),e.r([e.s({type:String})],a.prototype,`closeButtonSkin`,void 0),e.r([e.s({type:String})],a.prototype,`size`,void 0),e.r([e.s({type:String})],a.prototype,`variant`,void 0),e.r([e.s({type:String})],a.prototype,`drawerPosition`,void 0),e.r([e.s({type:Boolean})],a.prototype,`transparentBackdrop`,void 0),e.r([e.o()],a.prototype,`_isOpen`,void 0);try{e.c(`pkt-modal`)(a)}catch{console.warn(`Forsøker å definere <pkt-modal>, 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/pkt-accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordionitem-_9AiCIvd.cjs");exports.PktAccordion=e.PktAccordion;exports.PktAccordionItem=e.PktAccordionItem;exports.default=e.PktAccordion;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./accordion-BB1JrONI.cjs`);exports.PktAccordion=e.r,exports.PktAccordionItem=e.n,exports.default=e.t;

package/dist/pkt-accordion.js

@@ -1,7 +1,2 @@
-import { P as r } from "./accordionitem-dCfSrxh5.js";
-import { a as c } from "./accordionitem-dCfSrxh5.js";
-export {
-  r as PktAccordion,
-  c as PktAccordionItem,
-  r as default
-};
+import { n as e, r as t, t as n } from "./accordion-nNH87Y60.js";
+export { t as PktAccordion, e as PktAccordionItem, n as default };

package/dist/pkt-alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./alert-BtOk8yRH.cjs");exports.PktAlert=e.PktAlert;exports.default=e.PktAlert;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./alert-BEEnTiCb.cjs`);exports.PktAlert=e.n,exports.default=e.t;

package/dist/pkt-alert.js

@@ -1,5 +1,2 @@
-import { P as r } from "./alert-DlY2_grU.js";
-export {
-  r as PktAlert,
-  r as default
-};
+import { n as e, t } from "./alert-ePJuDtmm.js";
+export { e as PktAlert, t as default };

package/dist/pkt-backlink.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./backlink-y3dwjKPC.cjs");exports.PktBackLink=e.PktBackLink;exports.default=e.PktBackLink;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./backlink-Ba03LlbB.cjs`);exports.PktBackLink=e.n,exports.default=e.t;

package/dist/pkt-backlink.js

@@ -1,5 +1,2 @@
-import { P as t } from "./backlink-Ce5Vldop.js";
-export {
-  t as PktBackLink,
-  t as default
-};
+import { n as e, t } from "./backlink-CiwXrQYD.js";
+export { e as PktBackLink, t as default };

package/dist/pkt-breadcrumbs.cjs

@@ -1,43 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./element-gR_VtSiD.cjs");require("./icon-q81vqPK_.cjs");var l=Object.defineProperty,d=(n,r,e,s)=>{for(var t=void 0,c=n.length-1,b;c>=0;c--)(b=n[c])&&(t=b(r,e,t)||t);return t&&l(r,e,t),t};class i extends a.PktElement{constructor(){super(...arguments),this.breadcrumbs=[]}handleLinkClick(r,e,s){const t=new CustomEvent("navigate",{detail:{item:e,index:s,originalEvent:r},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t)||r.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return a.A;const r=this.breadcrumbs[this.breadcrumbs.length-2];return a.b`
-      <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
-        <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
-          ${this.breadcrumbs.map((e,s)=>s===this.breadcrumbs.length-1?a.b`
-                  <li class="pkt-breadcrumbs__item">
-                    <span class="pkt-breadcrumbs__label" aria-current="true">
-                      <span class="pkt-breadcrumbs__text">${e.text}</span>
-                    </span>
-                  </li>
-                `:a.b`
-                  <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,s)}
-                    >
-                      <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>
-
-        ${r?a.b`
-              <a
-                class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
-                href=${r.href}
-                @click=${e=>this.handleLinkClick(e,r,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">${r.text}</span>
-              </a>
-            `:a.A}
-      </nav>
-    `}}d([a.n({type:Array})],i.prototype,"breadcrumbs");try{a.t("pkt-breadcrumbs")(i)}catch{console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert")}exports.PktBreadcrumbs=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./breadcrumbs-CD1zib3s.cjs`);exports.PktBreadcrumbs=e.t;

package/dist/pkt-breadcrumbs.js

@@ -1,81 +1,2 @@
-import { t as p, P as k, A as l, b as c, n as d } from "./element-CPpT3rFQ.js";
-import "./icon-CxQcIa5F.js";
-var u = Object.defineProperty, m = (s, r, e, a) => {
-  for (var t = void 0, n = s.length - 1, i; n >= 0; n--)
-    (i = s[n]) && (t = i(r, e, t) || t);
-  return t && u(r, e, t), t;
-};
-class b extends k {
-  constructor() {
-    super(...arguments), this.breadcrumbs = [];
-  }
-  handleLinkClick(r, e, a) {
-    const t = new CustomEvent("navigate", {
-      detail: { item: e, index: a, originalEvent: r },
-      bubbles: !0,
-      composed: !0,
-      cancelable: !0
-    });
-    this.dispatchEvent(t) || r.preventDefault();
-  }
-  render() {
-    if (!this.breadcrumbs || this.breadcrumbs.length === 0) return l;
-    const r = this.breadcrumbs[this.breadcrumbs.length - 2];
-    return c`
-      <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
-        <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
-          ${this.breadcrumbs.map(
-      (e, a) => a === this.breadcrumbs.length - 1 ? c`
-                  <li class="pkt-breadcrumbs__item">
-                    <span class="pkt-breadcrumbs__label" aria-current="true">
-                      <span class="pkt-breadcrumbs__text">${e.text}</span>
-                    </span>
-                  </li>
-                ` : c`
-                  <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, a)}
-                    >
-                      <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>
-
-        ${r ? c`
-              <a
-                class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
-                href=${r.href}
-                @click=${(e) => this.handleLinkClick(e, r, 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">${r.text}</span>
-              </a>
-            ` : l}
-      </nav>
-    `;
-  }
-}
-m([
-  d({ type: Array })
-], b.prototype, "breadcrumbs");
-try {
-  p("pkt-breadcrumbs")(b);
-} catch {
-  console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert");
-}
-export {
-  b as PktBreadcrumbs
-};
+import { t as e } from "./breadcrumbs-CpuVqWhF.js";
+export { e as PktBreadcrumbs };

package/dist/pkt-button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./button-B_TXwNzt.cjs");exports.PktButton=t.PktButton;exports.default=t.PktButton;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./button-D-TOBaJB.cjs`);exports.PktButton=e.n,exports.default=e.t;

package/dist/pkt-button.js

@@ -1,5 +1,2 @@
-import { P as o } from "./button-BiY-wlKF.js";
-export {
-  o as PktButton,
-  o as default
-};
+import { n as e, t } from "./button-BIpd1xJh.js";
+export { e as PktButton, t as default };

package/dist/pkt-calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-B2pji2zn.cjs");exports.PktCalendar=e.PktCalendar;exports.default=e.PktCalendar;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./calendar-E5jJLt8D.cjs`);exports.PktCalendar=e.n,exports.default=e.t;

package/dist/pkt-calendar.js

@@ -1,5 +1,2 @@
-import { P as r } from "./calendar-DhjQDC4C.js";
-export {
-  r as PktCalendar,
-  r as default
-};
+import { n as e, t } from "./calendar-BzEtOJla.js";
+export { e as PktCalendar, t as default };

package/dist/pkt-card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-BwMNB5Bb.cjs");exports.PktCard=e.PktCard;exports.default=e.PktCard;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./card-CUFhMVim.cjs`);exports.PktCard=e.n,exports.default=e.t;

package/dist/pkt-card.js

@@ -1,5 +1,2 @@
-import { P as r } from "./card-CGlmcMSR.js";
-export {
-  r as PktCard,
-  r as default
-};
+import { n as e, t } from "./card-BYJu1MYm.js";
+export { e as PktCard, t as default };

package/dist/pkt-checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-CTY8f_qn.cjs");exports.PktCheckbox=e.PktCheckbox;exports.default=e.PktCheckbox;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./checkbox-BARDb9iV.cjs`);exports.PktCheckbox=e.n,exports.default=e.t;

package/dist/pkt-checkbox.js

@@ -1,5 +1,2 @@
-import { P as t } from "./checkbox-BsJZYA26.js";
-export {
-  t as PktCheckbox,
-  t as default
-};
+import { n as e, t } from "./checkbox-Cspxcvt_.js";
+export { e as PktCheckbox, t as default };

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./combobox-DbICIgKG.cjs");exports.PktCombobox=o.PktCombobox;exports.default=o.PktCombobox;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./combobox-CGbFTWq_.cjs`);exports.PktCombobox=e.n,exports.default=e.t;

package/dist/pkt-combobox.js

@@ -1,5 +1,2 @@
-import { P as t } from "./combobox-DSB5WOxg.js";
-export {
-  t as PktCombobox,
-  t as default
-};
+import { n as e, t } from "./combobox-BcdLZRDU.js";
+export { e as PktCombobox, t as default };

package/dist/pkt-consent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-DkOQpbsg.cjs");exports.PktConsent=e.PktConsent;exports.default=e.PktConsent;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./consent-hwu7pp3S.cjs`);exports.PktConsent=e.n,exports.default=e.t;

package/dist/pkt-consent.js

@@ -1,5 +1,2 @@
-import { P as o } from "./consent-SNWV_mMU.js";
-export {
-  o as PktConsent,
-  o as default
-};
+import { n as e, t } from "./consent-DeB_5sWH.js";
+export { e as PktConsent, t as default };

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-BEWl9iz3.cjs");exports.PktDatepicker=e.PktDatepicker;exports.PktDatepickerMultiple=e.PktDatepickerMultiple;exports.PktDatepickerRange=e.PktDatepickerRange;exports.PktDatepickerSingle=e.PktDatepickerSingle;exports.default=e.PktDatepicker;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./datepicker-DpmlsnH_.cjs`);var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;

package/dist/pkt-datepicker.js

@@ -1,9 +1,5 @@
-import { a as t } from "./datepicker-euHyzXnb.js";
-import { b as k, c as p, d as i } from "./datepicker-euHyzXnb.js";
-export {
-  t as PktDatepicker,
-  k as PktDatepickerMultiple,
-  p as PktDatepickerRange,
-  i as PktDatepickerSingle,
-  t as default
-};
+import { i as e, n as t, r as n, t as r } from "./datepicker-OVd8pmnZ.js";
+//#region src/components/datepicker/index.ts
+var i = r;
+//#endregion
+export { r as PktDatepicker, t as PktDatepickerMultiple, n as PktDatepickerRange, e as PktDatepickerSingle, i as default };