@oslokommune/punkt-elements 16.7.1 → 16.7.3

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [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/accordionitem-_9AiCIvd.cjs

@@ -0,0 +1,34 @@
+"use strict";const i=require("./element-gR_VtSiD.cjs"),u=require("./class-map-CsENJXf1.cjs"),m=require("./element-with-slot-ZX-up7jO.cjs"),h=require("./ref-CL-Xk9Xm.cjs"),f=require("./if-defined-BOW3ODSj.cjs");var k=Object.defineProperty,p=(n,t,r,l)=>{for(var e=void 0,s=n.length-1,d;s>=0;s--)(d=n[s])&&(e=d(t,r,e)||e);return e&&k(t,r,e),e};class a extends i.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless",this.name=""}updated(t){t.has("skin")&&this.requestUpdate(),t.has("name")&&this.updateAccordionItemNames()}updateAccordionItemNames(){var t;if(this.name){const r=(t=this.renderRoot)==null?void 0:t.querySelector("slot");r&&r.assignedElements().forEach(e=>{e.tagName.toLowerCase()==="pkt-accordion-item"&&(e.hasAttribute("name")||e.setAttribute("name",this.name))})}}firstUpdated(){var r;const t=(r=this.renderRoot)==null?void 0:r.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this.updateAccordionItemNames()})}render(){const t={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return i.b`
+      <div
+        part="container"
+        class=${u.e(t)}
+        data-testid="pkt-accordion"
+        aria-labelledby=${this.ariaLabelledBy}
+      >
+        <slot></slot>
+      </div>
+    `}}p([i.n({type:String,reflect:!0,attribute:"aria-labelledby"})],a.prototype,"ariaLabelledBy");p([i.n({type:Boolean,reflect:!0,attribute:"compact"})],a.prototype,"compact");p([i.n({type:String,reflect:!0,attribute:"skin"})],a.prototype,"skin");p([i.n({type:String,reflect:!0,attribute:"name"})],a.prototype,"name");try{i.t("pkt-accordion")(a)}catch{console.warn("Forsøker å definere <pkt-accordion>, men den er allerede definert")}var y=Object.defineProperty,c=(n,t,r,l)=>{for(var e=void 0,s=n.length-1,d;s>=0;s--)(d=n[s])&&(e=d(t,r,e)||e);return e&&y(t,r,e),e};class o extends m.PktElementWithSlot{constructor(){super(),this.defaultOpen=!1,this.title="",this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=h.e()}firstUpdated(t){this.defaultOpen&&(this.isOpen=!0)}render(){const t={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin};return i.b`
+      <details
+        class=${u.e(t)}
+        id=${this.id}
+        ?open=${this.isOpen}
+        ${h.n(this.accordionItemRef)}
+        name=${f.o(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">${m.slotContent(this)}</div>
+        </div>
+      </details>
+    `}}c([i.n({type:Boolean})],o.prototype,"defaultOpen");c([i.n({type:String})],o.prototype,"title");c([i.n({type:String,reflect:!0})],o.prototype,"skin");c([i.n({type:Boolean,reflect:!0})],o.prototype,"compact");c([i.n({type:Boolean,reflect:!0})],o.prototype,"isOpen");c([i.n({type:String,reflect:!0})],o.prototype,"name");try{i.t("pkt-accordion-item")(o)}catch{console.warn("Forsøker å definere <pkt-accordion-item>, men den er allerede definert")}exports.PktAccordion=a;exports.PktAccordionItem=o;

package/dist/{accordionitem-ZlaXvjt5.js → accordionitem-dCfSrxh5.js}

@@ -1,14 +1,14 @@
-import { i as u, b as m, n as r, t as h } from "./element-CPpT3rFQ.js";
+import { t as m, i as u, b as h, n as r } from "./element-CPpT3rFQ.js";
 import { e as f } from "./class-map-CEnykyO_.js";
-import { P as y, s as _ } from "./element-with-slot-Dqk6-TRR.js";
-import { e as k, n as v } from "./ref-Bg_Swj5w.js";
+import { P as k, s as y } from "./element-with-slot-Dqk6-TRR.js";
+import { e as v, n as _ } from "./ref-Bg_Swj5w.js";
 import { o as $ } from "./if-defined-B0krMLad.js";
-var b = Object.defineProperty, O = Object.getOwnPropertyDescriptor, l = (t, e, a, o) => {
-  for (var i = o > 1 ? void 0 : o ? O(e, a) : e, n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (i = (o ? c(e, a, i) : c(i)) || i);
-  return o && i && b(e, a, i), i;
+var b = Object.defineProperty, p = (o, t, i, l) => {
+  for (var e = void 0, s = o.length - 1, c; s >= 0; s--)
+    (c = o[s]) && (e = c(t, i, e) || e);
+  return e && b(t, i, e), e;
 };
-let p = class extends u {
+class d extends u {
   constructor() {
     super(...arguments), this.ariaLabelledBy = "", this.compact = !1, this.skin = "borderless", this.name = "";
   }
@@ -18,15 +18,15 @@ let p = class extends u {
   updateAccordionItemNames() {
     var t;
     if (this.name) {
-      const e = (t = this.renderRoot) == null ? void 0 : t.querySelector("slot");
-      e && e.assignedElements().forEach((o) => {
-        o.tagName.toLowerCase() === "pkt-accordion-item" && (o.hasAttribute("name") || o.setAttribute("name", this.name));
+      const i = (t = this.renderRoot) == null ? void 0 : t.querySelector("slot");
+      i && i.assignedElements().forEach((e) => {
+        e.tagName.toLowerCase() === "pkt-accordion-item" && (e.hasAttribute("name") || e.setAttribute("name", this.name));
       });
     }
   }
   firstUpdated() {
-    var e;
-    const t = (e = this.renderRoot) == null ? void 0 : e.querySelector("slot");
+    var i;
+    const t = (i = this.renderRoot) == null ? void 0 : i.querySelector("slot");
     t && t.addEventListener("slotchange", () => {
       this.updateAccordionItemNames();
     });
@@ -37,7 +37,7 @@ let p = class extends u {
       "pkt-accordion--compact": this.compact,
       [`pkt-accordion--${this.skin}`]: this.skin
     };
-    return m`
+    return h`
       <div
         part="container"
         class=${f(t)}
@@ -48,31 +48,32 @@ let p = class extends u {
       </div>
     `;
   }
-};
-l([
+}
+p([
   r({ type: String, reflect: !0, attribute: "aria-labelledby" })
-], p.prototype, "ariaLabelledBy", 2);
-l([
+], d.prototype, "ariaLabelledBy");
+p([
   r({ type: Boolean, reflect: !0, attribute: "compact" })
-], p.prototype, "compact", 2);
-l([
+], d.prototype, "compact");
+p([
   r({ type: String, reflect: !0, attribute: "skin" })
-], p.prototype, "skin", 2);
-l([
+], d.prototype, "skin");
+p([
   r({ type: String, reflect: !0, attribute: "name" })
-], p.prototype, "name", 2);
-p = l([
-  h("pkt-accordion")
-], p);
-const C = p;
-var P = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (t, e, a, o) => {
-  for (var i = o > 1 ? void 0 : o ? g(e, a) : e, n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (i = (o ? c(e, a, i) : c(i)) || i);
-  return o && i && P(e, a, i), i;
+], d.prototype, "name");
+try {
+  m("pkt-accordion")(d);
+} catch {
+  console.warn("Forsøker å definere <pkt-accordion>, men den er allerede definert");
+}
+var g = Object.defineProperty, n = (o, t, i, l) => {
+  for (var e = void 0, s = o.length - 1, c; s >= 0; s--)
+    (c = o[s]) && (e = c(t, i, e) || e);
+  return e && g(t, i, e), e;
 };
-let s = class extends y {
+class a extends k {
   constructor() {
-    super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = k();
+    super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = v();
   }
   firstUpdated(t) {
     this.defaultOpen && (this.isOpen = !0);
@@ -83,12 +84,12 @@ let s = class extends y {
       "pkt-accordion-item--compact": this.compact,
       [`pkt-accordion-item--${this.skin}`]: !!this.skin
     };
-    return m`
+    return h`
       <details
         class=${f(t)}
         id=${this.id}
         ?open=${this.isOpen}
-        ${v(this.accordionItemRef)}
+        ${_(this.accordionItemRef)}
         name=${$(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
@@ -104,35 +105,36 @@ let s = class extends y {
           id="pkt-accordion-item__content-${this.id}"
           role="region"
         >
-          <div class="pkt-accordion-item__content-inner">${_(this)}</div>
+          <div class="pkt-accordion-item__content-inner">${y(this)}</div>
         </div>
       </details>
     `;
   }
-};
-d([
+}
+n([
   r({ type: Boolean })
-], s.prototype, "defaultOpen", 2);
-d([
+], a.prototype, "defaultOpen");
+n([
   r({ type: String })
-], s.prototype, "title", 2);
-d([
+], a.prototype, "title");
+n([
   r({ type: String, reflect: !0 })
-], s.prototype, "skin", 2);
-d([
+], a.prototype, "skin");
+n([
   r({ type: Boolean, reflect: !0 })
-], s.prototype, "compact", 2);
-d([
+], a.prototype, "compact");
+n([
   r({ type: Boolean, reflect: !0 })
-], s.prototype, "isOpen", 2);
-d([
+], a.prototype, "isOpen");
+n([
   r({ type: String, reflect: !0 })
-], s.prototype, "name", 2);
-s = d([
-  h("pkt-accordion-item")
-], s);
-const E = s;
+], a.prototype, "name");
+try {
+  m("pkt-accordion-item")(a);
+} catch {
+  console.warn("Forsøker å definere <pkt-accordion-item>, men den er allerede definert");
+}
 export {
-  C as P,
-  E as a
+  d as P,
+  a
 };

package/dist/alert-BtOk8yRH.cjs

@@ -0,0 +1,33 @@
+"use strict";const d=require("./class-map-CsENJXf1.cjs"),t=require("./element-gR_VtSiD.cjs"),h=require("./state-Dg-53wQ8.cjs"),u=require("./element-with-slot-ZX-up7jO.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-q81vqPK_.cjs");require("./button-B_TXwNzt.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},o={props:v};var f=Object.defineProperty,s=(l,e,r,n)=>{for(var a=void 0,p=l.length-1,c;p>=0;p--)(c=l[p])&&(a=c(e,r,a)||a);return a&&f(e,r,a),a};class i extends u.PktElementWithSlot{constructor(){super(),this.compact=o.props.compact.default,this.title="",this.skin=o.props.skin.default,this.ariaLive=o.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=o.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["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,r,n){e==="ariaLive"&&(this["aria-live"]=n),super.attributeChangedCallback(e,r,n)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const 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.b`
+      <div class=${d.e(e)} aria-live=${this["aria-live"]}>
+        <div class=${d.e(r)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?t.b`
+                <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>
+              `:t.A}
+          ${this.title?t.b`<div class="pkt-alert__title">${this.title}</div>`:t.A}
+
+          <div class="pkt-alert__text">${u.slotContent(this)}</div>
+
+          ${this.date?t.b`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:t.A}
+        </div>
+      </div>
+    `}}s([t.n({type:Boolean,reflect:!1})],i.prototype,"compact");s([t.n({type:String,reflect:!0})],i.prototype,"title");s([t.n({type:String,reflect:!0})],i.prototype,"skin");s([t.n({type:String})],i.prototype,"ariaLive");s([t.n({type:String,reflect:!0})],i.prototype,"aria-live");s([t.n({type:Boolean,reflect:!0})],i.prototype,"closeAlert");s([t.n({type:String,reflect:!0})],i.prototype,"date");s([t.n({type:String,reflect:!0})],i.prototype,"role");s([h.r()],i.prototype,"_isClosed");try{t.t("pkt-alert")(i)}catch{console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert")}exports.PktAlert=i;

package/dist/{alert-BuAXrnKl.js → alert-DlY2_grU.js}

@@ -1,21 +1,21 @@
-import { e as h } from "./class-map-CEnykyO_.js";
-import { A as u, b as p, n as a, t as v } from "./element-CPpT3rFQ.js";
-import { r as f } from "./state-C_1EOo3D.js";
-import { P as k, s as m } from "./element-with-slot-Dqk6-TRR.js";
+import { e as u } from "./class-map-CEnykyO_.js";
+import { t as f, A as d, b as o, n as s } from "./element-CPpT3rFQ.js";
+import { r as k } from "./state-C_1EOo3D.js";
+import { P as v, s as m } from "./element-with-slot-Dqk6-TRR.js";
 import { u as _ } from "./classutils-RQs1k6D9.js";
-import "./icon-BlKA8YuW.js";
-import "./button-DEyvt1LI.js";
-const b = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, c = {
-  props: b
+import "./icon-CxQcIa5F.js";
+import "./button-BiY-wlKF.js";
+const y = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, p = {
+  props: y
 };
-var y = Object.defineProperty, C = Object.getOwnPropertyDescriptor, i = (t, s, l, o) => {
-  for (var r = o > 1 ? void 0 : o ? C(s, l) : s, n = t.length - 1, d; n >= 0; n--)
-    (d = t[n]) && (r = (o ? d(s, l, r) : d(r)) || r);
-  return o && r && y(s, l, r), r;
+var b = Object.defineProperty, i = (l, t, a, n) => {
+  for (var r = void 0, c = l.length - 1, h; c >= 0; c--)
+    (h = l[c]) && (r = h(t, a, r) || r);
+  return r && b(t, a, r), r;
 };
-let e = class extends k {
+class e extends v {
   constructor() {
-    super(), this.compact = c.props.compact.default, this.title = "", this.skin = c.props.skin.default, this.ariaLive = c.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = c.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (t) => {
+    super(), this.compact = p.props.compact.default, this.title = "", this.skin = p.props.skin.default, this.ariaLive = p.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = p.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (t) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       ), this.dispatchEvent(
@@ -27,8 +27,8 @@ let e = class extends k {
   connectedCallback() {
     super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
   }
-  attributeChangedCallback(t, s, l) {
-    t === "ariaLive" && (this["aria-live"] = l), super.attributeChangedCallback(t, s, l);
+  attributeChangedCallback(t, a, n) {
+    t === "ariaLive" && (this["aria-live"] = n), super.attributeChangedCallback(t, a, n);
   }
   updated(t) {
     super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && _(this, "pkt-hide", this._isClosed);
@@ -40,21 +40,21 @@ let e = class extends k {
       "pkt-alert--compact": this.compact,
       [`pkt-alert--${this.skin}`]: this.skin,
       "pkt-hide": this._isClosed
-    }, s = {
+    }, a = {
       "pkt-alert__grid": !0,
       "pkt-alert__noTitle": !this.title,
       "pkt-alert__noDate": !this.date
     };
-    return p`
-      <div class=${h(t)} aria-live=${this["aria-live"]}>
-        <div class=${h(s)}>
+    return o`
+      <div class=${u(t)} aria-live=${this["aria-live"]}>
+        <div class=${u(a)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
             name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
           ></pkt-icon>
 
-          ${this.closeAlert ? p`
+          ${this.closeAlert ? o`
                 <div class="pkt-alert__close">
                   <pkt-button
                     tabindex="0"
@@ -69,47 +69,49 @@ let e = class extends k {
                     <span class="sr-only">Lukk</span>
                   </pkt-button>
                 </div>
-              ` : u}
-          ${this.title ? p`<div class="pkt-alert__title">${this.title}</div>` : u}
+              ` : d}
+          ${this.title ? o`<div class="pkt-alert__title">${this.title}</div>` : d}
 
           <div class="pkt-alert__text">${m(this)}</div>
 
-          ${this.date ? p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : u}
+          ${this.date ? o`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : d}
         </div>
       </div>
     `;
   }
-};
+}
 i([
-  a({ type: Boolean, reflect: !1 })
-], e.prototype, "compact", 2);
+  s({ type: Boolean, reflect: !1 })
+], e.prototype, "compact");
 i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "title", 2);
+  s({ type: String, reflect: !0 })
+], e.prototype, "title");
 i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "skin", 2);
+  s({ type: String, reflect: !0 })
+], e.prototype, "skin");
 i([
-  a({ type: String })
-], e.prototype, "ariaLive", 2);
+  s({ type: String })
+], e.prototype, "ariaLive");
 i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "aria-live", 2);
+  s({ type: String, reflect: !0 })
+], e.prototype, "aria-live");
 i([
-  a({ type: Boolean, reflect: !0 })
-], e.prototype, "closeAlert", 2);
+  s({ type: Boolean, reflect: !0 })
+], e.prototype, "closeAlert");
 i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "date", 2);
+  s({ type: String, reflect: !0 })
+], e.prototype, "date");
 i([
-  a({ type: String, reflect: !0 })
-], e.prototype, "role", 2);
+  s({ type: String, reflect: !0 })
+], e.prototype, "role");
 i([
-  f()
-], e.prototype, "_isClosed", 2);
-e = i([
-  v("pkt-alert")
-], e);
+  k()
+], e.prototype, "_isClosed");
+try {
+  f("pkt-alert")(e);
+} catch {
+  console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
+}
 export {
   e as P
 };

package/dist/backlink-Ce5Vldop.js

@@ -0,0 +1,49 @@
+import { t as p, P as c, b as h, n as l } from "./element-CPpT3rFQ.js";
+import { o as b } from "./if-defined-B0krMLad.js";
+import "./icon-CxQcIa5F.js";
+var f = Object.defineProperty, s = (r, t, i, k) => {
+  for (var e = void 0, n = r.length - 1, o; n >= 0; n--)
+    (o = r[n]) && (e = o(t, i, e) || e);
+  return e && f(t, i, e), e;
+};
+class a extends c {
+  constructor() {
+    super(...arguments), this.href = "", this.text = "Forsiden", this.ariaLabel = "";
+  }
+  // Lifecycle
+  attributeChangedCallback(t, i, k) {
+    t === "arialabel" && this.removeAttribute("arialabel"), t === "href" && this.removeAttribute("href"), t === "text" && this.removeAttribute("text"), super.attributeChangedCallback(t, i, k);
+  }
+  render() {
+    return h`<nav
+      class="pkt-back-link"
+      aria-label=${this.ariaLabel || "Gå tilbake til forrige side"}
+    >
+      <a href=${b(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>`;
+  }
+}
+s([
+  l({ type: String })
+], a.prototype, "href");
+s([
+  l({ type: String })
+], a.prototype, "text");
+s([
+  l({ type: String })
+], a.prototype, "ariaLabel");
+try {
+  p("pkt-backlink")(a);
+} catch {
+  console.warn("Forsøker å definere <pkt-backlink>, men den er allerede definert");
+}
+export {
+  a as P
+};

package/dist/backlink-y3dwjKPC.cjs

@@ -0,0 +1,13 @@
+"use strict";const r=require("./element-gR_VtSiD.cjs"),o=require("./if-defined-BOW3ODSj.cjs");require("./icon-q81vqPK_.cjs");var p=Object.defineProperty,s=(a,e,n,k)=>{for(var t=void 0,l=a.length-1,c;l>=0;l--)(c=a[l])&&(t=c(e,n,t)||t);return t&&p(e,n,t),t};class i extends r.PktElement{constructor(){super(...arguments),this.href="",this.text="Forsiden",this.ariaLabel=""}attributeChangedCallback(e,n,k){e==="arialabel"&&this.removeAttribute("arialabel"),e==="href"&&this.removeAttribute("href"),e==="text"&&this.removeAttribute("text"),super.attributeChangedCallback(e,n,k)}render(){return r.b`<nav
+      class="pkt-back-link"
+      aria-label=${this.ariaLabel||"Gå tilbake til forrige side"}
+    >
+      <a href=${o.o(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>`}}s([r.n({type:String})],i.prototype,"href");s([r.n({type:String})],i.prototype,"text");s([r.n({type:String})],i.prototype,"ariaLabel");try{r.t("pkt-backlink")(i)}catch{console.warn("Forsøker å definere <pkt-backlink>, men den er allerede definert")}exports.PktBackLink=i;

package/dist/button-B_TXwNzt.cjs

@@ -0,0 +1,27 @@
+"use strict";const h=require("./element-with-slot-ZX-up7jO.cjs"),t=require("./element-gR_VtSiD.cjs"),c=require("./class-map-CsENJXf1.cjs"),a=require("./if-defined-BOW3ODSj.cjs");require("./icon-q81vqPK_.cjs");var b=Object.defineProperty,n=(r,i,s,l)=>{for(var o=void 0,p=r.length-1,d;p>=0;p--)(d=r[p])&&(o=d(i,s,o)||o);return o&&b(i,s,o),o};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";class e extends h.PktElementWithSlot{constructor(){super(...arguments),this.iconName="user",this.secondIconName="user",this.mode="light",this.size="medium",this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin="primary",this.variant="label-only",this.state="normal",this.type="button",this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=window.pktAnimationPath}connectedCallback(){super.connectedCallback(),this.addEventListener("click",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.preventDefault(),i.stopImmediatePropagation())},!0),this.addEventListener("keydown",i=>{(this.disabled||this.hasAttribute("disabled")||this.isLoading)&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopImmediatePropagation())},!0)}attributeChangedCallback(i,s,l){super.attributeChangedCallback(i,s,l),i==="disabled"&&l==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&l==="false"&&(this.isLoading=!1)}firstUpdated(i){super.firstUpdated(i),this.disabled==="false"&&(this.disabled=!1),this.isLoading==="false"&&(this.isLoading=!1)}render(){const i=this.form??this.getAttribute("form")??void 0,s={"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--disabled":!!this.disabled,"pkt-btn--isLoading":!!this.isLoading};return t.b`
+      <button
+        class=${c.e(s)}
+        type=${this.type}
+        ?disabled=${!!this.disabled}
+        aria-busy=${a.o(this.isLoading?"true":void 0)}
+        aria-disabled=${a.o(this.disabled||this.isLoading?"true":void 0)}
+        form=${a.o(i)}
+      >
+        ${this.isLoading?t.b`<pkt-icon
+              class="pkt-btn__icon pkt-btn__spinner"
+              name="spinner-blue"
+              path=${a.o(this.loadingAnimationPath)}
+            ></pkt-icon>`:t.A}
+        ${this.variant!=="label-only"?t.b`<pkt-icon
+              class="pkt-btn__icon pkt-icon"
+              name=${this.iconName}
+              path=${a.o(this.iconPath)}
+            ></pkt-icon>`:t.A}
+        <span class="pkt-btn__text">${h.slotContent(this)}</span>
+        ${this.variant==="icons-right-and-left"?t.b`<pkt-icon
+              class="pkt-btn__icon"
+              name=${this.secondIconName}
+              path=${a.o(this.secondIconPath)}
+            ></pkt-icon>`:t.A}
+      </button>
+    `}}n([t.n({type:String})],e.prototype,"iconName");n([t.n({type:String})],e.prototype,"secondIconName");n([t.n({type:String})],e.prototype,"iconPath");n([t.n({type:String})],e.prototype,"secondIconPath");n([t.n({type:String})],e.prototype,"mode");n([t.n({type:String})],e.prototype,"size");n([t.n({type:Boolean,attribute:"full-width"})],e.prototype,"fullWidth");n([t.n({type:Boolean,attribute:"full-width-on-mobile"})],e.prototype,"fullWidthOnMobile");n([t.n({type:String})],e.prototype,"color");n([t.n({type:String})],e.prototype,"skin");n([t.n({type:String})],e.prototype,"variant");n([t.n({type:String,reflect:!0})],e.prototype,"state");n([t.n({type:String,reflect:!0})],e.prototype,"type");n([t.n({type:String})],e.prototype,"form");n([t.n({type:Boolean,reflect:!0})],e.prototype,"isLoading");n([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");n([t.n({type:String})],e.prototype,"loadingAnimationPath");try{t.t("pkt-button")(e)}catch{console.warn("Forsøker å definere <pkt-button>, men den er allerede definert")}exports.PktButton=e;