@oslokommune/punkt-elements 16.0.5 → 16.1.0

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.1.0](https://github.com/oslokommune/punkt/compare/16.0.5...16.1.0) (2026-03-18)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.1.0](https://github.com/oslokommune/punkt/compare/16.0.2...16.1.0) (2026-03-12)
 
 ### ⚠ BREAKING CHANGES

package/dist/{accordionitem-CHXGzgLv.js → accordionitem-Cj74XruR.js}

@@ -1,14 +1,14 @@
-import { i as k, b as f, n as r, t as u, P as _ } from "./element-CV9utnHJ.js";
-import { e as y } from "./class-map-3ADKve8g.js";
-import { P as v } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as m, n as h } from "./ref-Dma3n3i8.js";
+import { i as u, b as m, n as r, t as h } from "./element-CV9utnHJ.js";
+import { e as f } from "./class-map-3ADKve8g.js";
+import { P as y, s as _ } from "./element-with-slot-1djk8KXi.js";
+import { e as k, n as v } from "./ref-DBGHvw2G.js";
 import { o as $ } from "./if-defined-rXcLNTzN.js";
-var b = Object.defineProperty, P = Object.getOwnPropertyDescriptor, d = (t, e, a, o) => {
-  for (var i = o > 1 ? void 0 : o ? P(e, a) : e, n = t.length - 1, c; n >= 0; n--)
+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;
 };
-let p = class extends k {
+let p = class extends u {
   constructor() {
     super(...arguments), this.ariaLabelledBy = "", this.compact = !1, this.skin = "borderless", this.name = "";
   }
@@ -37,10 +37,10 @@ let p = class extends k {
       "pkt-accordion--compact": this.compact,
       [`pkt-accordion--${this.skin}`]: this.skin
     };
-    return f`
+    return m`
       <div
         part="container"
-        class=${y(t)}
+        class=${f(t)}
         data-testid="pkt-accordion"
         aria-labelledby=${this.ariaLabelledBy}
       >
@@ -49,30 +49,30 @@ let p = class extends k {
     `;
   }
 };
-d([
+l([
   r({ type: String, reflect: !0, attribute: "aria-labelledby" })
 ], p.prototype, "ariaLabelledBy", 2);
-d([
+l([
   r({ type: Boolean, reflect: !0, attribute: "compact" })
 ], p.prototype, "compact", 2);
-d([
+l([
   r({ type: String, reflect: !0, attribute: "skin" })
 ], p.prototype, "skin", 2);
-d([
+l([
   r({ type: String, reflect: !0, attribute: "name" })
 ], p.prototype, "name", 2);
-p = d([
-  u("pkt-accordion")
+p = l([
+  h("pkt-accordion")
 ], p);
 const C = p;
-var O = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (t, e, a, o) => {
+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 && O(e, a, i), i;
+  return o && i && P(e, a, i), i;
 };
-let s = class extends _ {
+let s = class extends y {
   constructor() {
-    super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = m(), this.defaultSlot = m(), this.slotController = new v(this, this.defaultSlot);
+    super(), this.defaultOpen = !1, this.title = "", this.skin = void 0, this.compact = !1, this.isOpen = !1, this.name = void 0, this.accordionItemRef = k();
   }
   firstUpdated(t) {
     this.defaultOpen && (this.isOpen = !0);
@@ -83,12 +83,12 @@ let s = class extends _ {
       "pkt-accordion-item--compact": this.compact,
       [`pkt-accordion-item--${this.skin}`]: !!this.skin
     };
-    return f`
+    return m`
       <details
-        class=${y(t)}
+        class=${f(t)}
         id=${this.id}
         ?open=${this.isOpen}
-        ${h(this.accordionItemRef)}
+        ${v(this.accordionItemRef)}
         name=${$(this.name)}
       >
         <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
@@ -104,32 +104,32 @@ let s = class extends _ {
           id="pkt-accordion-item__content-${this.id}"
           role="region"
         >
-          <div class="pkt-accordion-item__content-inner" ${h(this.defaultSlot)}></div>
+          <div class="pkt-accordion-item__content-inner">${_(this)}</div>
         </div>
       </details>
     `;
   }
 };
-l([
+d([
   r({ type: Boolean })
 ], s.prototype, "defaultOpen", 2);
-l([
+d([
   r({ type: String })
 ], s.prototype, "title", 2);
-l([
+d([
   r({ type: String, reflect: !0 })
 ], s.prototype, "skin", 2);
-l([
+d([
   r({ type: Boolean, reflect: !0 })
 ], s.prototype, "compact", 2);
-l([
+d([
   r({ type: Boolean, reflect: !0 })
 ], s.prototype, "isOpen", 2);
-l([
+d([
   r({ type: String, reflect: !0 })
 ], s.prototype, "name", 2);
-s = l([
-  u("pkt-accordion-item")
+s = d([
+  h("pkt-accordion-item")
 ], s);
 const E = s;
 export {

package/dist/accordionitem-D7sWqDM_.cjs

@@ -0,0 +1,34 @@
+"use strict";const i=require("./element-CMTfByxQ.cjs"),h=require("./class-map-Bokp1SoS.cjs"),m=require("./element-with-slot-yT8k1Z37.cjs"),u=require("./ref-DahIePMT.cjs"),f=require("./if-defined-hKKmbsI8.cjs");var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,l=(s,t,o,r)=>{for(var e=r>1?void 0:r?k(t,o):t,c=s.length-1,a;c>=0;c--)(a=s[c])&&(e=(r?a(t,o,e):a(e))||e);return r&&e&&y(t,o,e),e};let p=class 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 o=(t=this.renderRoot)==null?void 0:t.querySelector("slot");o&&o.assignedElements().forEach(e=>{e.tagName.toLowerCase()==="pkt-accordion-item"&&(e.hasAttribute("name")||e.setAttribute("name",this.name))})}}firstUpdated(){var o;const t=(o=this.renderRoot)==null?void 0:o.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=${h.e(t)}
+        data-testid="pkt-accordion"
+        aria-labelledby=${this.ariaLabelledBy}
+      >
+        <slot></slot>
+      </div>
+    `}};l([i.n({type:String,reflect:!0,attribute:"aria-labelledby"})],p.prototype,"ariaLabelledBy",2);l([i.n({type:Boolean,reflect:!0,attribute:"compact"})],p.prototype,"compact",2);l([i.n({type:String,reflect:!0,attribute:"skin"})],p.prototype,"skin",2);l([i.n({type:String,reflect:!0,attribute:"name"})],p.prototype,"name",2);p=l([i.t("pkt-accordion")],p);const _=p;var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(s,t,o,r)=>{for(var e=r>1?void 0:r?b(t,o):t,c=s.length-1,a;c>=0;c--)(a=s[c])&&(e=(r?a(t,o,e):a(e))||e);return r&&e&&v(t,o,e),e};let n=class 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=u.e()}firstUpdated(s){this.defaultOpen&&(this.isOpen=!0)}render(){const s={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin};return i.b`
+      <details
+        class=${h.e(s)}
+        id=${this.id}
+        ?open=${this.isOpen}
+        ${u.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>
+    `}};d([i.n({type:Boolean})],n.prototype,"defaultOpen",2);d([i.n({type:String})],n.prototype,"title",2);d([i.n({type:String,reflect:!0})],n.prototype,"skin",2);d([i.n({type:Boolean,reflect:!0})],n.prototype,"compact",2);d([i.n({type:Boolean,reflect:!0})],n.prototype,"isOpen",2);d([i.n({type:String,reflect:!0})],n.prototype,"name",2);n=d([i.t("pkt-accordion-item")],n);const $=n;exports.PktAccordion=_;exports.PktAccordionItem_default=$;

package/dist/alert-C95U_RZ0.cjs

@@ -0,0 +1,33 @@
+"use strict";const c=require("./class-map-Bokp1SoS.cjs"),e=require("./element-CMTfByxQ.cjs"),d=require("./state-BNgpvY-A.cjs"),u=require("./element-with-slot-yT8k1Z37.cjs"),h=require("./classutils-BwNK82ZQ.cjs");require("./icon-Dj0oZZSa.cjs");require("./button-BXN_JPaH.cjs");const k={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:k};var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(o,t,s,r)=>{for(var l=r>1?void 0:r?f(t,s):t,p=o.length-1,n;p>=0;p--)(n=o[p])&&(l=(r?n(t,s,l):n(l))||l);return r&&l&&v(t,s,l),l};exports.PktAlert=class extends u.PktElementWithSlot{constructor(){super(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.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(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(t,s,r){t==="ariaLive"&&(this["aria-live"]=r),super.attributeChangedCallback(t,s,r)}updated(t){super.updated(t),t.has("ariaLive")&&(this["aria-live"]=this.ariaLive),t.has("_isClosed")&&h.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.b`
+      <div class=${c.e(t)} aria-live=${this["aria-live"]}>
+        <div class=${c.e(s)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?e.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>
+              `:e.A}
+          ${this.title?e.b`<div class="pkt-alert__title">${this.title}</div>`:e.A}
+
+          <div class="pkt-alert__text">${u.slotContent(this)}</div>
+
+          ${this.date?e.b`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.A}
+        </div>
+      </div>
+    `}};i([e.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([e.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([e.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"role",2);i([d.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([e.t("pkt-alert")],exports.PktAlert);

package/dist/{alert-BHSd2Vpj.js → alert-ca_hFi-u.js}

@@ -1,38 +1,37 @@
 import { e as h } from "./class-map-3ADKve8g.js";
-import { P as f, A as u, b as p, n as a, t as v } from "./element-CV9utnHJ.js";
-import { r as k } from "./state-l4hGZdFJ.js";
-import { P as m } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as _, n as b } from "./ref-Dma3n3i8.js";
-import { u as y } from "./classutils-RQs1k6D9.js";
+import { A as u, b as p, n as a, t as v } from "./element-CV9utnHJ.js";
+import { r as f } from "./state-l4hGZdFJ.js";
+import { P as k, s as m } from "./element-with-slot-1djk8KXi.js";
+import { u as _ } from "./classutils-RQs1k6D9.js";
 import "./icon-D0IQAVwS.js";
-import "./button-CHUuxLQV.js";
-const C = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, c = {
-  props: C
+import "./button-BRovt5nm.js";
+const b = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, c = {
+  props: b
 };
-var $ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (t, s, r, o) => {
-  for (var l = o > 1 ? void 0 : o ? g(s, r) : s, n = t.length - 1, d; n >= 0; n--)
-    (d = t[n]) && (l = (o ? d(s, r, l) : d(l)) || l);
-  return o && l && $(s, r, l), l;
+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;
 };
-let e = class extends f {
+let e = class extends k {
   constructor() {
-    super(), this.defaultSlot = _(), 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 = 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) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       ), this.dispatchEvent(
         new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       );
-    }, this.slotController = new m(this, this.defaultSlot), this._isClosed = !1;
+    }, this._isClosed = !1;
   }
   // Lifecycle
   connectedCallback() {
     super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
   }
-  attributeChangedCallback(t, s, r) {
-    t === "ariaLive" && (this["aria-live"] = r), super.attributeChangedCallback(t, s, r);
+  attributeChangedCallback(t, s, l) {
+    t === "ariaLive" && (this["aria-live"] = l), super.attributeChangedCallback(t, s, l);
   }
   updated(t) {
-    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && y(this, "pkt-hide", this._isClosed);
+    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && _(this, "pkt-hide", this._isClosed);
   }
   // Render
   render() {
@@ -73,7 +72,7 @@ let e = class extends f {
               ` : u}
           ${this.title ? p`<div class="pkt-alert__title">${this.title}</div>` : u}
 
-          <div class="pkt-alert__text" ${b(this.defaultSlot)}></div>
+          <div class="pkt-alert__text">${m(this)}</div>
 
           ${this.date ? p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : u}
         </div>
@@ -106,7 +105,7 @@ i([
   a({ type: String, reflect: !0 })
 ], e.prototype, "role", 2);
 i([
-  k()
+  f()
 ], e.prototype, "_isClosed", 2);
 e = i([
   v("pkt-alert")

package/dist/async-directive-B158h3ba.cjs

@@ -0,0 +1,5 @@
+"use strict";const $=require("./directive-helpers-B3Vpl3xV.cjs"),c=require("./directive-C7oCP5Bh.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r=(t,e)=>{var i;const s=t._$AN;if(s===void 0)return!1;for(const n of s)(i=n._$AO)==null||i.call(n,e,!1),r(n,e);return!0},h=t=>{let e,s;do{if((e=t._$AM)===void 0)break;s=e._$AN,s.delete(t),t=e}while((s==null?void 0:s.size)===0)},_=t=>{for(let e;e=t._$AM;t=e){let s=e._$AN;if(s===void 0)e._$AN=s=new Set;else if(s.has(t))break;s.add(t),f(e)}};function A(t){this._$AN!==void 0?(h(this),this._$AM=t,_(this)):this._$AM=t}function d(t,e=!1,s=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(e)if(Array.isArray(i))for(let o=s;o<i.length;o++)r(i[o],!1),h(i[o]);else i!=null&&(r(i,!1),h(i));else r(this,t)}const f=t=>{t.type==c.t.CHILD&&(t._$AP??(t._$AP=d),t._$AQ??(t._$AQ=A))};class l extends c.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,s,i){super._$AT(e,s,i),_(this),this.isConnected=e._$AU}_$AO(e,s=!0){var i,n;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)==null||i.call(this):(n=this.disconnected)==null||n.call(this)),s&&(r(this,e),h(this))}setValue(e){if($.r(this._$Ct))this._$Ct._$AI(e,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=e,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}exports.f=l;

package/dist/async-directive-CKx6pubI.js

@@ -0,0 +1,65 @@
+import { r as _ } from "./directive-helpers-CyPtA1_i.js";
+import { i as A, t as c } from "./directive-oAbCiebi.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n = (e, t) => {
+  var i;
+  const s = e._$AN;
+  if (s === void 0) return !1;
+  for (const o of s) (i = o._$AO) == null || i.call(o, t, !1), n(o, t);
+  return !0;
+}, h = (e) => {
+  let t, s;
+  do {
+    if ((t = e._$AM) === void 0) break;
+    s = t._$AN, s.delete(e), e = t;
+  } while ((s == null ? void 0 : s.size) === 0);
+}, $ = (e) => {
+  for (let t; t = e._$AM; e = t) {
+    let s = t._$AN;
+    if (s === void 0) t._$AN = s = /* @__PURE__ */ new Set();
+    else if (s.has(e)) break;
+    s.add(e), l(t);
+  }
+};
+function f(e) {
+  this._$AN !== void 0 ? (h(this), this._$AM = e, $(this)) : this._$AM = e;
+}
+function d(e, t = !1, s = 0) {
+  const i = this._$AH, o = this._$AN;
+  if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(i)) for (let r = s; r < i.length; r++) n(i[r], !1), h(i[r]);
+  else i != null && (n(i, !1), h(i));
+  else n(this, e);
+}
+const l = (e) => {
+  e.type == c.CHILD && (e._$AP ?? (e._$AP = d), e._$AQ ?? (e._$AQ = f));
+};
+class C extends A {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, s, i) {
+    super._$AT(t, s, i), $(this), this.isConnected = t._$AU;
+  }
+  _$AO(t, s = !0) {
+    var i, o;
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (o = this.disconnected) == null || o.call(this)), s && (n(this, t), h(this));
+  }
+  setValue(t) {
+    if (_(this._$Ct)) this._$Ct._$AI(t, this);
+    else {
+      const s = [...this._$Ct._$AH];
+      s[this._$Ci] = t, this._$Ct._$AI(s, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+export {
+  C as f
+};

package/dist/{button-CHUuxLQV.js → button-BRovt5nm.js}

@@ -1,18 +1,17 @@
-import { P as c, A as b, b as l, n as s, t as f } from "./element-CV9utnHJ.js";
-import { P as u } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as m } from "./class-map-3ADKve8g.js";
+import { P as c, s as f } from "./element-with-slot-1djk8KXi.js";
+import { A as b, b as l, n as s, t as u } from "./element-CV9utnHJ.js";
+import { e as y } from "./class-map-3ADKve8g.js";
 import { o as r } from "./if-defined-rXcLNTzN.js";
-import { e as y, n as k } from "./ref-Dma3n3i8.js";
 import "./icon-D0IQAVwS.js";
-var g = Object.defineProperty, P = Object.getOwnPropertyDescriptor, e = (t, o, n, p) => {
-  for (var a = p > 1 ? void 0 : p ? P(o, n) : o, d = t.length - 1, h; d >= 0; d--)
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (t, o, n, p) => {
+  for (var a = p > 1 ? void 0 : p ? g(o, n) : o, d = t.length - 1, h; d >= 0; d--)
     (h = t[d]) && (a = (p ? h(o, n, a) : h(a)) || a);
-  return p && a && g(o, n, a), a;
+  return p && a && m(o, n, a), a;
 };
 window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 let i = class extends c {
   constructor() {
-    super(), this.defaultSlot = y(), 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, this.slotController = new u(this, this.defaultSlot);
+    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;
   }
   // Lifecycle
   connectedCallback() {
@@ -52,7 +51,7 @@ let i = class extends c {
     };
     return l`
       <button
-        class=${m(o)}
+        class=${y(o)}
         type=${this.type}
         ?disabled=${!!this.disabled}
         aria-busy=${r(this.isLoading ? "true" : void 0)}
@@ -69,7 +68,7 @@ let i = class extends c {
               name=${this.iconName}
               path=${r(this.iconPath)}
             ></pkt-icon>` : b}
-        <span class="pkt-btn__text" ${k(this.defaultSlot)}></span>
+        <span class="pkt-btn__text">${f(this)}</span>
         ${this.variant === "icons-right-and-left" ? l`<pkt-icon
               class="pkt-btn__icon"
               name=${this.secondIconName}
@@ -131,7 +130,7 @@ e([
   s({ type: String })
 ], i.prototype, "loadingAnimationPath", 2);
 i = e([
-  f("pkt-button")
+  u("pkt-button")
 ], i);
 export {
   i as P

package/dist/button-BXN_JPaH.cjs

@@ -0,0 +1,27 @@
+"use strict";const d=require("./element-with-slot-yT8k1Z37.cjs"),t=require("./element-CMTfByxQ.cjs"),h=require("./class-map-Bokp1SoS.cjs"),a=require("./if-defined-hKKmbsI8.cjs");require("./icon-Dj0oZZSa.cjs");var u=Object.defineProperty,c=Object.getOwnPropertyDescriptor,n=(r,i,o,e)=>{for(var s=e>1?void 0:e?c(i,o):i,p=r.length-1,l;p>=0;p--)(l=r[p])&&(s=(e?l(i,o,s):l(s))||s);return e&&s&&u(i,o,s),s};window.pktAnimationPath=window.pktAnimationPath||"https://punkt-cdn.oslo.kommune.no/latest/animations/";exports.PktButton=class extends d.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,o,e){super.attributeChangedCallback(i,o,e),i==="disabled"&&e==="false"&&(this.disabled=!1),(i==="isloading"||i==="isLoading")&&e==="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,o={"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=${h.e(o)}
+        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">${d.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})],exports.PktButton.prototype,"iconName",2);n([t.n({type:String})],exports.PktButton.prototype,"secondIconName",2);n([t.n({type:String})],exports.PktButton.prototype,"iconPath",2);n([t.n({type:String})],exports.PktButton.prototype,"secondIconPath",2);n([t.n({type:String})],exports.PktButton.prototype,"mode",2);n([t.n({type:String})],exports.PktButton.prototype,"size",2);n([t.n({type:Boolean,attribute:"full-width"})],exports.PktButton.prototype,"fullWidth",2);n([t.n({type:Boolean,attribute:"full-width-on-mobile"})],exports.PktButton.prototype,"fullWidthOnMobile",2);n([t.n({type:String})],exports.PktButton.prototype,"color",2);n([t.n({type:String})],exports.PktButton.prototype,"skin",2);n([t.n({type:String})],exports.PktButton.prototype,"variant",2);n([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"state",2);n([t.n({type:String,reflect:!0})],exports.PktButton.prototype,"type",2);n([t.n({type:String})],exports.PktButton.prototype,"form",2);n([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"isLoading",2);n([t.n({type:Boolean,reflect:!0})],exports.PktButton.prototype,"disabled",2);n([t.n({type:String})],exports.PktButton.prototype,"loadingAnimationPath",2);exports.PktButton=n([t.t("pkt-button")],exports.PktButton);

package/dist/{card-Db9QSEqh.cjs → card-DfHo45CG.cjs}

@@ -1,7 +1,7 @@
-"use strict";const p=require("./class-map-Bokp1SoS.cjs"),h=require("./if-defined-hKKmbsI8.cjs"),t=require("./element-CMTfByxQ.cjs"),c=require("./pkt-slot-controller-D4nKlom5.cjs"),g=require("./ref-CxLwrCxt.cjs");require("./icon-Dj0oZZSa.cjs");require("./tag-DmbgBCKu.cjs");require("./heading-B0XRE0lq.cjs");const k={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},o={props:k};var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(i,a,s,n)=>{for(var r=n>1?void 0:n?b(a,s):a,d=i.length-1,l;d>=0;d--)(l=i[d])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&u(a,s,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=g.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=o.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=o.props.padding.default,this.skin=o.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new c.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},s=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.b`
+"use strict";const l=require("./class-map-Bokp1SoS.cjs"),h=require("./if-defined-hKKmbsI8.cjs"),t=require("./element-CMTfByxQ.cjs"),g=require("./element-with-slot-yT8k1Z37.cjs");require("./icon-Dj0oZZSa.cjs");require("./tag-DeE1OpmF.cjs");require("./heading-B0XRE0lq.cjs");const c={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},p={props:c};var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(i,a,n,s)=>{for(var r=s>1?void 0:s?u(a,n):a,d=i.length-1,o;d>=0;d--)(o=i[d])&&(r=(s?o(a,n,r):o(r))||r);return s&&r&&k(a,n,r),r};exports.PktCard=class extends g.PktElementWithSlot{constructor(){super(...arguments),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=p.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=p.props.padding.default,this.skin=p.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[]}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},n=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),s=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.b`
       <article
-        class=${p.e(a)}
-        aria-label=${h.o(this.clickCardLink?s:n)}
+        class=${l.e(a)}
+        aria-label=${h.o(this.clickCardLink?n:s)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
@@ -14,7 +14,7 @@
       </article>
     `}renderImage(){const a={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return t.b`
       ${this.image.src&&t.b`
-        <div class=${p.e(a)}>
+        <div class=${l.e(a)}>
           <img src=${this.image.src} alt=${this.image.alt||""} />
         </div>
       `}
@@ -60,30 +60,28 @@
     `}renderTags(){const a={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return t.b`
       ${this.tags.length>0?t.b`
             <div
-              class=${p.e(a)}
+              class=${l.e(a)}
               role="list"
               aria-label=${this.tags.length>1?"merkelapper":"merkelapp"}
             >
-              ${this.tags.map(s=>t.b`
+              ${this.tags.map(n=>t.b`
                   <pkt-tag
                     role="listitem"
                     textStyle="normal-text"
                     size="medium"
-                    skin=${h.o(s.skin)}
-                    iconName=${h.o(s.iconName)}
+                    skin=${h.o(n.skin)}
+                    iconName=${h.o(n.iconName)}
                   >
-                    <span>${s.text}</span>
+                    <span>${n.text}</span>
                   </pkt-tag>
                 `)}
             </div>
           `:t.A}
-    `}renderSlot(){return t.b`
-      ${this.defaultSlot&&t.b`<section class="pkt-card__content" ${g.n(this.defaultSlot)}></section>`}
-    `}renderMetadata(){return t.b`
+    `}renderSlot(){return t.b`<section class="pkt-card__content">${g.slotContent(this)}</section>`}renderMetadata(){return t.b`
       ${this.metaLead||this.metaTrail?t.b`
             <footer class="pkt-card__metadata">
               ${this.metaLead?t.b`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:t.A}
               ${this.metaTrail?t.b`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:t.A}
             </footer>
           `:t.A}
-    `}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"metaLead",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"metaTrail",2);e([t.n({type:String})],exports.PktCard.prototype,"layout",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String,converter:{fromAttribute:i=>{const a=o.props.skin.type;return i&&a.includes(i)?i:(i&&!a.includes(i)&&console.warn(`Invalid skin value "${i}". Using default skin "${o.props.skin.default}".`),o.props.skin.default)},toAttribute:i=>i}})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);
+    `}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"metaLead",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"metaTrail",2);e([t.n({type:String})],exports.PktCard.prototype,"layout",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String,converter:{fromAttribute:i=>{const a=p.props.skin.type;return i&&a.includes(i)?i:(i&&!a.includes(i)&&console.warn(`Invalid skin value "${i}". Using default skin "${p.props.skin.default}".`),p.props.skin.default)},toAttribute:i=>i}})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);