@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/dist/{loader-Ci3CHU8k.js → loader-DyN6RGC5.js}

@@ -1,52 +1,52 @@
-import { P as u, s as m } from "./element-with-slot-Dqk6-TRR.js";
-import { e as h } from "./class-map-CEnykyO_.js";
-import { A as y, b as d, n as a, t as c } from "./element-CPpT3rFQ.js";
-import { r as g } from "./state-C_1EOo3D.js";
-import "./icon-BlKA8YuW.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (s, o, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? _(o, n) : o, p = s.length - 1, l; p >= 0; p--)
-    (l = s[p]) && (i = (r ? l(o, n, i) : l(i)) || i);
-  return r && i && v(o, n, i), i;
+import { P as h, s as u } from "./element-with-slot-Dqk6-TRR.js";
+import { e as d } from "./class-map-CEnykyO_.js";
+import { t as m, A as y, b as l, n as s } from "./element-CPpT3rFQ.js";
+import { r as c } from "./state-C_1EOo3D.js";
+import "./icon-CxQcIa5F.js";
+var k = Object.defineProperty, i = (o, e, r, g) => {
+  for (var a = void 0, n = o.length - 1, p; n >= 0; n--)
+    (p = o[n]) && (a = p(e, r, a) || a);
+  return a && k(e, r, a), a;
 };
 window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-let t = class extends u {
+class t extends h {
   constructor() {
     super(...arguments), this.delay = 0, this.inline = !1, this.isLoading = !0, this.message = null, this.size = "medium", this.variant = "shapes", this.loadingAnimationPath = window.pktAnimationPath, this._shouldDisplayLoader = !1;
   }
   connectedCallback() {
     super.connectedCallback(), this._shouldDisplayLoader = this.delay === 0, this.delay > 0 && this.setupLoader();
   }
-  updated(s) {
-    s.has("delay") && this.setupLoader();
+  updated(e) {
+    e.has("delay") && this.setupLoader();
   }
   render() {
-    const s = h({
+    const e = d({
       "pkt-loader": !0,
       [`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
       [`pkt-loader--${this.size}`]: !0
-    }), o = h({
+    }), r = d({
       "pkt-contents": !0,
       "pkt-hide": this.isLoading
     });
-    return d`<div
+    return l`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading ? "true" : "false"}
-      class=${s}
+      class=${e}
     >
-      ${this.isLoading && this._shouldDisplayLoader ? d`<div class="pkt-loader__spinner">
+      ${this.isLoading && this._shouldDisplayLoader ? l`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
               path=${this.loadingAnimationPath}
               class="pkt-loader__svg pkt-loader__${this.variant}"
             ></pkt-icon>
-            ${this.message && d`<p>${this.message}</p>`}
+            ${this.message && l`<p>${this.message}</p>`}
           </div>` : y}
-      <div class=${o}>${m(this)}</div>
+      <div class=${r}>${u(this)}</div>
     </div>`;
   }
-  getVariant(s) {
-    switch (s) {
+  getVariant(e) {
+    switch (e) {
       case "blue":
         return "spinner-blue";
       case "rainbow":
@@ -60,34 +60,36 @@ let t = class extends u {
       this._shouldDisplayLoader = !0, this.requestUpdate();
     }, this.delay));
   }
-};
-e([
-  a({ type: Number })
-], t.prototype, "delay", 2);
-e([
-  a({ type: Boolean })
-], t.prototype, "inline", 2);
-e([
-  a({ type: Boolean })
-], t.prototype, "isLoading", 2);
-e([
-  a({ type: String })
-], t.prototype, "message", 2);
-e([
-  a({ type: String })
-], t.prototype, "size", 2);
-e([
-  a({ type: String })
-], t.prototype, "variant", 2);
-e([
-  a({ type: String })
-], t.prototype, "loadingAnimationPath", 2);
-e([
-  g()
-], t.prototype, "_shouldDisplayLoader", 2);
-t = e([
-  c("pkt-loader")
-], t);
+}
+i([
+  s({ type: Number })
+], t.prototype, "delay");
+i([
+  s({ type: Boolean })
+], t.prototype, "inline");
+i([
+  s({ type: Boolean })
+], t.prototype, "isLoading");
+i([
+  s({ type: String })
+], t.prototype, "message");
+i([
+  s({ type: String })
+], t.prototype, "size");
+i([
+  s({ type: String })
+], t.prototype, "variant");
+i([
+  s({ type: String })
+], t.prototype, "loadingAnimationPath");
+i([
+  c()
+], t.prototype, "_shouldDisplayLoader");
+try {
+  m("pkt-loader")(t);
+} catch {
+  console.warn("Forsøker å definere <pkt-loader>, men den er allerede definert");
+}
 export {
   t as P
 };

package/dist/messagebox-BGMVm2t9.js

@@ -0,0 +1,71 @@
+import { P as b, s as m } from "./element-with-slot-Dqk6-TRR.js";
+import { t as u, A as d, b as r, n as l } from "./element-CPpT3rFQ.js";
+import { e as k } from "./class-map-CEnykyO_.js";
+import { r as h } from "./state-C_1EOo3D.js";
+import "./icon-CxQcIa5F.js";
+import { u as f } from "./classutils-RQs1k6D9.js";
+const _ = { skin: { default: "beige" }, compact: { default: !1 }, closable: { default: !1 } }, p = {
+  props: _
+};
+var v = Object.defineProperty, o = (i, t, c, g) => {
+  for (var e = void 0, a = i.length - 1, n; a >= 0; a--)
+    (n = i[a]) && (e = n(t, c, e) || e);
+  return e && v(t, c, e), e;
+};
+class s extends b {
+  constructor() {
+    super(), this.closable = p.props.closable.default, this.compact = p.props.compact.default, this.title = "", this.skin = p.props.skin.default, this._isClosed = !1, this.close = (t) => {
+      this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: t }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0 }));
+    }, this._isClosed = !1;
+  }
+  // Lifecycle
+  updated(t) {
+    super.updated(t), t.has("_isClosed") && f(this, "pkt-hide", this._isClosed);
+  }
+  // Render
+  render() {
+    const t = {
+      "pkt-messagebox": !0,
+      "pkt-messagebox--compact": this.compact,
+      [`pkt-messagebox--${this.skin}`]: this.skin,
+      "pkt-messagebox--closable": this.closable,
+      "pkt-hide": this._isClosed
+    };
+    return r`<div class=${k(t)}>
+      ${this.closable ? r`<div class="pkt-messagebox__close">
+            <button
+              @click=${this.close}
+              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+              aria-label="Lukk"
+            >
+              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
+            </button>
+          </div>` : d}
+      ${this.title ? r`<div class="pkt-messagebox__title">${this.title}</div>` : d}
+      <div class="pkt-messagebox__text">${m(this)}</div>
+    </div>`;
+  }
+}
+o([
+  l({ type: Boolean, reflect: !0 })
+], s.prototype, "closable");
+o([
+  l({ type: Boolean, reflect: !0 })
+], s.prototype, "compact");
+o([
+  l({ type: String, reflect: !0 })
+], s.prototype, "title");
+o([
+  l({ type: String, reflect: !0 })
+], s.prototype, "skin");
+o([
+  h()
+], s.prototype, "_isClosed");
+try {
+  u("pkt-messagebox")(s);
+} catch {
+  console.warn("Forsøker å definere <pkt-messagebox>, men den er allerede definert");
+}
+export {
+  s as P
+};

package/dist/messagebox-M0yIgCz9.cjs

@@ -0,0 +1,13 @@
+"use strict";const p=require("./element-with-slot-ZX-up7jO.cjs"),t=require("./element-gR_VtSiD.cjs"),d=require("./class-map-CsENJXf1.cjs"),u=require("./state-Dg-53wQ8.cjs");require("./icon-q81vqPK_.cjs");const b=require("./classutils-BwNK82ZQ.cjs"),k={skin:{default:"beige"},compact:{default:!1},closable:{default:!1}},r={props:k};var h=Object.defineProperty,o=(l,e,c,m)=>{for(var i=void 0,a=l.length-1,n;a>=0;a--)(n=l[a])&&(i=n(e,c,i)||i);return i&&h(e,c,i),i};class s extends p.PktElementWithSlot{constructor(){super(),this.closable=r.props.closable.default,this.compact=r.props.compact.default,this.title="",this.skin=r.props.skin.default,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has("_isClosed")&&b.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return t.b`<div class=${d.e(e)}>
+      ${this.closable?t.b`<div class="pkt-messagebox__close">
+            <button
+              @click=${this.close}
+              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+              aria-label="Lukk"
+            >
+              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
+            </button>
+          </div>`:t.A}
+      ${this.title?t.b`<div class="pkt-messagebox__title">${this.title}</div>`:t.A}
+      <div class="pkt-messagebox__text">${p.slotContent(this)}</div>
+    </div>`}}o([t.n({type:Boolean,reflect:!0})],s.prototype,"closable");o([t.n({type:Boolean,reflect:!0})],s.prototype,"compact");o([t.n({type:String,reflect:!0})],s.prototype,"title");o([t.n({type:String,reflect:!0})],s.prototype,"skin");o([u.r()],s.prototype,"_isClosed");try{t.t("pkt-messagebox")(s)}catch{console.warn("Forsøker å definere <pkt-messagebox>, men den er allerede definert")}exports.PktMessagebox=s;

package/dist/modal-CMO1RtIi.cjs

@@ -0,0 +1,36 @@
+"use strict";const c=require("./class-map-CsENJXf1.cjs"),t=require("./element-gR_VtSiD.cjs"),k=require("./state-Dg-53wQ8.cjs"),h=require("./element-with-slot-ZX-up7jO.cjs"),u=require("./ref-CL-Xk9Xm.cjs");require("./icon-q81vqPK_.cjs");const m={hideCloseButton:{default:!1},closeOnBackdropClick:{default:!1},size:{default:"medium"}},p={props:m};var v=Object.defineProperty,n=(r,e,o,a)=>{for(var s=void 0,d=r.length-1,l;d>=0;d--)(l=r[d])&&(s=l(e,o,s)||s);return s&&v(e,o,s),s};class i extends h.PktElementWithSlot{constructor(){super(),this.open=!1,this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=p.props.size.default,this.variant="dialog",this.drawerPosition="right",this.transparentBackdrop=!1,this.dialogRef=u.e(),this._isOpen=!1,this.close=(e,o=!1)=>{var s;if(!this._isOpen)return;this._isOpen=!1,this.open=!1,document.body.classList.remove("pkt-modal--open");const a=document.activeElement;a&&!this.isElementInViewport(a)&&a.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),o||(s=this.dialogRef.value)==null||s.close(),this.requestUpdate()},this.showModal=(e=null)=>{var o;this._isOpen=!0,this.open=!0,(o=this.dialogRef.value)==null||o.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-CPKZe7AL.cjs")).then(a=>a.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){var o;this.closeOnBackdropClick&&e.target===((o=this.dialogRef)==null?void 0:o.value)&&this.close(e)}isElementInViewport(e){const o=e.getBoundingClientRect();return o.top>=0&&o.left>=0&&o.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&o.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const 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"},o={"pkt-modal__headingText":!0,"pkt-txt-24":!0},a={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin==="blue",d={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return t.b`
+      <dialog
+        class=${c.e(e)}
+        ${u.n(this.dialogRef)}
+        aria-labelledby=${this.headingText?"pkt-modal__headingText":t.A}
+        aria-describedby="pkt-modal__content"
+        @close=${l=>this.close(l,!0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText||!this.hideCloseButton?t.b`<div class="pkt-modal__header">
+                <div class="pkt-modal__header-background"></div>
+                ${this.headingText?t.b`<h1 id="pkt-modal__headingText" class=${c.e(o)}>
+                      ${this.headingText}
+                    </h1>`:t.b`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton?t.b`<div class="pkt-modal__noCloseButton"></div>`:t.b`<div class="${c.e(d)}">
+                      <pkt-button
+                        @click=${l=>this.close(l)}
+                        aria-label="close"
+                        iconname="close"
+                        variant="icon-only"
+                        size="medium"
+                        skin=${s?"tertiary":"primary"}
+                      >
+                        Lukk
+                      </pkt-button>
+                    </div>`}
+              </div>`:t.A}
+          <div class="pkt-modal__container">
+            <div
+              id="pkt-modal__content"
+              class=${c.e(a)}
+            >${h.slotContent(this)}</div>
+          </div>
+        </div>
+      </dialog>
+    `}}n([t.n({type:Boolean,reflect:!0})],i.prototype,"open");n([t.n({type:String})],i.prototype,"headingText");n([t.n({type:Boolean})],i.prototype,"removePadding");n([t.n({type:Boolean})],i.prototype,"hideCloseButton");n([t.n({type:Boolean})],i.prototype,"closeOnBackdropClick");n([t.n({type:String})],i.prototype,"closeButtonSkin");n([t.n({type:String})],i.prototype,"size");n([t.n({type:String})],i.prototype,"variant");n([t.n({type:String})],i.prototype,"drawerPosition");n([t.n({type:Boolean})],i.prototype,"transparentBackdrop");n([k.r()],i.prototype,"_isOpen");try{t.t("pkt-modal")(i)}catch{console.warn("Forsøker å definere <pkt-modal>, men den er allerede definert")}exports.PktModal=i;

package/dist/{modal-DzGe1g8Z.js → modal-DjPQDE-Z.js}

@@ -1,27 +1,27 @@
-import { e as p } from "./class-map-CEnykyO_.js";
-import { A as u, b as r, n, t as m } from "./element-CPpT3rFQ.js";
+import { e as c } from "./class-map-CEnykyO_.js";
+import { t as m, A as u, b as d, n } from "./element-CPpT3rFQ.js";
 import { r as k } from "./state-C_1EOo3D.js";
 import { P as f, s as v } from "./element-with-slot-Dqk6-TRR.js";
 import { e as g, n as _ } from "./ref-Bg_Swj5w.js";
-import "./icon-BlKA8YuW.js";
+import "./icon-CxQcIa5F.js";
 const y = { hideCloseButton: { default: !1 }, closeOnBackdropClick: { default: !1 }, size: { default: "medium" } }, h = {
   props: y
 };
-var w = Object.defineProperty, B = Object.getOwnPropertyDescriptor, i = (e, t, s, a) => {
-  for (var l = a > 1 ? void 0 : a ? B(t, s) : t, d = e.length - 1, c; d >= 0; d--)
-    (c = e[d]) && (l = (a ? c(t, s, l) : c(l)) || l);
-  return a && l && w(t, s, l), l;
+var w = Object.defineProperty, s = (p, e, t, a) => {
+  for (var i = void 0, r = p.length - 1, l; r >= 0; r--)
+    (l = p[r]) && (i = l(e, t, i) || i);
+  return i && w(e, t, i), i;
 };
-let o = class extends f {
+class o extends f {
   constructor() {
     super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = h.props.hideCloseButton.default, this.closeOnBackdropClick = h.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = h.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = g(), this._isOpen = !1, this.close = (e, t = !1) => {
-      var a;
+      var i;
       if (!this._isOpen) return;
       this._isOpen = !1, this.open = !1, document.body.classList.remove("pkt-modal--open");
-      const s = document.activeElement;
-      s && !this.isElementInViewport(s) && s.scrollIntoView({ behavior: "smooth", block: "nearest" }), this.dispatchEvent(
+      const a = document.activeElement;
+      a && !this.isElementInViewport(a) && a.scrollIntoView({ behavior: "smooth", block: "nearest" }), this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: e }, bubbles: !0, composed: !0 })
-      ), t || (a = this.dialogRef.value) == null || a.close(), this.requestUpdate();
+      ), t || (i = this.dialogRef.value) == null || i.close(), this.requestUpdate();
     }, this.showModal = (e = null) => {
       var t;
       this._isOpen = !0, this.open = !0, (t = this.dialogRef.value) == null || t.showModal(), document.body.classList.add("pkt-modal--open"), this.dispatchEvent(
@@ -39,7 +39,7 @@ let o = class extends f {
     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-CbjBMXAG.js").then((s) => s.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
+    super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-CbjBMXAG.js").then((a) => a.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
       this.close(new Event("close"), !0);
     }));
   }
@@ -68,35 +68,35 @@ let o = class extends f {
     }, t = {
       "pkt-modal__headingText": !0,
       "pkt-txt-24": !0
-    }, s = {
+    }, a = {
       "pkt-modal__content": !0,
       "pkt-txt-18-light": !0
-    }, a = this.closeButtonSkin === "blue", l = {
+    }, i = this.closeButtonSkin === "blue", r = {
       "pkt-modal__closeButton": !0,
       [`pkt-modal__closeButton--${this.closeButtonSkin}`]: !0
     };
-    return r`
+    return d`
       <dialog
-        class=${p(e)}
+        class=${c(e)}
         ${_(this.dialogRef)}
         aria-labelledby=${this.headingText ? "pkt-modal__headingText" : u}
         aria-describedby="pkt-modal__content"
-        @close=${(d) => this.close(d, !0)}
+        @close=${(l) => this.close(l, !0)}
       >
         <div class="pkt-modal__wrapper">
-          ${this.headingText || !this.hideCloseButton ? r`<div class="pkt-modal__header">
+          ${this.headingText || !this.hideCloseButton ? d`<div class="pkt-modal__header">
                 <div class="pkt-modal__header-background"></div>
-                ${this.headingText ? r`<h1 id="pkt-modal__headingText" class=${p(t)}>
+                ${this.headingText ? d`<h1 id="pkt-modal__headingText" class=${c(t)}>
                       ${this.headingText}
-                    </h1>` : r`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? r`<div class="pkt-modal__noCloseButton"></div>` : r`<div class="${p(l)}">
+                    </h1>` : d`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton ? d`<div class="pkt-modal__noCloseButton"></div>` : d`<div class="${c(r)}">
                       <pkt-button
-                        @click=${(d) => this.close(d)}
+                        @click=${(l) => this.close(l)}
                         aria-label="close"
                         iconname="close"
                         variant="icon-only"
                         size="medium"
-                        skin=${a ? "tertiary" : "primary"}
+                        skin=${i ? "tertiary" : "primary"}
                       >
                         Lukk
                       </pkt-button>
@@ -105,50 +105,52 @@ let o = class extends f {
           <div class="pkt-modal__container">
             <div
               id="pkt-modal__content"
-              class=${p(s)}
+              class=${c(a)}
             >${v(this)}</div>
           </div>
         </div>
       </dialog>
     `;
   }
-};
-i([
+}
+s([
   n({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-i([
+], o.prototype, "open");
+s([
   n({ type: String })
-], o.prototype, "headingText", 2);
-i([
+], o.prototype, "headingText");
+s([
   n({ type: Boolean })
-], o.prototype, "removePadding", 2);
-i([
+], o.prototype, "removePadding");
+s([
   n({ type: Boolean })
-], o.prototype, "hideCloseButton", 2);
-i([
+], o.prototype, "hideCloseButton");
+s([
   n({ type: Boolean })
-], o.prototype, "closeOnBackdropClick", 2);
-i([
+], o.prototype, "closeOnBackdropClick");
+s([
   n({ type: String })
-], o.prototype, "closeButtonSkin", 2);
-i([
+], o.prototype, "closeButtonSkin");
+s([
   n({ type: String })
-], o.prototype, "size", 2);
-i([
+], o.prototype, "size");
+s([
   n({ type: String })
-], o.prototype, "variant", 2);
-i([
+], o.prototype, "variant");
+s([
   n({ type: String })
-], o.prototype, "drawerPosition", 2);
-i([
+], o.prototype, "drawerPosition");
+s([
   n({ type: Boolean })
-], o.prototype, "transparentBackdrop", 2);
-i([
+], o.prototype, "transparentBackdrop");
+s([
   k()
-], o.prototype, "_isOpen", 2);
-o = i([
-  m("pkt-modal")
-], o);
+], o.prototype, "_isOpen");
+try {
+  m("pkt-modal")(o);
+} catch {
+  console.warn("Forsøker å definere <pkt-modal>, men den er allerede definert");
+}
 export {
   o as P
 };

package/dist/pkt-accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordionitem-D1Agl1bB.cjs");exports.PktAccordion=e.PktAccordion;exports.PktAccordionItem=e.PktAccordionItem_default;exports.default=e.PktAccordion;
+"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;

package/dist/pkt-accordion.js

@@ -1,5 +1,5 @@
-import { P as r } from "./accordionitem-ZlaXvjt5.js";
-import { a as c } from "./accordionitem-ZlaXvjt5.js";
+import { P as r } from "./accordionitem-dCfSrxh5.js";
+import { a as c } from "./accordionitem-dCfSrxh5.js";
 export {
   r as PktAccordion,
   c as PktAccordionItem,

package/dist/pkt-alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./alert-DFkFNTxh.cjs"),t=e.PktAlert;Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>e.PktAlert});exports.default=t;
+"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;

package/dist/pkt-alert.js

@@ -1,6 +1,5 @@
-import { P as t } from "./alert-BuAXrnKl.js";
-const e = t;
+import { P as r } from "./alert-DlY2_grU.js";
 export {
-  t as PktAlert,
-  e as default
+  r as PktAlert,
+  r 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-EiAXUUZP.cjs"),t=e.PktBackLink;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>e.PktBackLink});exports.default=t;
+"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;

package/dist/pkt-backlink.js

@@ -1,6 +1,5 @@
-import { P as k } from "./backlink-V4DAt17e.js";
-const t = k;
+import { P as t } from "./backlink-Ce5Vldop.js";
 export {
-  k as PktBackLink,
+  t as PktBackLink,
   t as default
 };

package/dist/pkt-breadcrumbs.cjs

@@ -1,43 +1,43 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./element-gR_VtSiD.cjs");require("./icon-Bqj9oBbl.cjs");var l=Object.defineProperty,p=Object.getOwnPropertyDescriptor,i=(n,e,t,s)=>{for(var r=s>1?void 0:s?p(e,t):e,c=n.length-1,b;c>=0;c--)(b=n[c])&&(r=(s?b(e,t,r):b(r))||r);return s&&r&&l(e,t,r),r};exports.PktBreadcrumbs=class extends a.PktElement{constructor(){super(...arguments),this.breadcrumbs=[]}handleLinkClick(e,t,s){const r=new CustomEvent("navigate",{detail:{item:t,index:s,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}render(){if(!this.breadcrumbs||this.breadcrumbs.length===0)return a.A;const e=this.breadcrumbs[this.breadcrumbs.length-2];return a.b`
+"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((t,s)=>s===this.breadcrumbs.length-1?a.b`
+          ${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">${t.text}</span>
+                      <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=${t.href}
-                      @click=${r=>this.handleLinkClick(r,t,s)}
+                      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">${t.text}</span>
+                      <span class="pkt-breadcrumbs__text">${e.text}</span>
                     </a>
                   </li>
                 `)}
         </ol>
 
-        ${e?a.b`
+        ${r?a.b`
               <a
                 class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
-                href=${e.href}
-                @click=${t=>this.handleLinkClick(t,e,this.breadcrumbs.length-2)}
+                href=${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">${e.text}</span>
+                <span class="pkt-breadcrumbs__text">${r.text}</span>
               </a>
             `:a.A}
       </nav>
-    `}};i([a.n({type:Array})],exports.PktBreadcrumbs.prototype,"breadcrumbs",2);exports.PktBreadcrumbs=i([a.t("pkt-breadcrumbs")],exports.PktBreadcrumbs);
+    `}}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;