@oslokommune/punkt-elements 12.42.7 → 12.42.9

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-DnyRiuHR.js";
+import { P as p } from "./input-wrapper-CC_R5w7V.js";
 const r = p;
 export {
   p as PktInputWrapper,

package/dist/pkt-link.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./link-BWJrqWi7.cjs"),t=e.PktLink;Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>e.PktLink});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./link-qTz-qNVI.cjs"),t=e.PktLink;Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>e.PktLink});exports.default=t;

package/dist/pkt-link.js

@@ -1,4 +1,4 @@
-import { P as t } from "./link-Qj1bJCPw.js";
+import { P as t } from "./link-C9X0huxP.js";
 const a = t;
 export {
   t as PktLink,

package/dist/pkt-linkcard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./linkcard-0KLDuaGM.cjs"),t=e.PktLinkCard;Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>e.PktLinkCard});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./linkcard-CaBz6i7A.cjs"),t=e.PktLinkCard;Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>e.PktLinkCard});exports.default=t;

package/dist/pkt-linkcard.js

@@ -1,4 +1,4 @@
-import { P as a } from "./linkcard-Byt10fUI.js";
+import { P as a } from "./linkcard-Bhk2ttou.js";
 const k = a;
 export {
   a as PktLinkCard,

package/dist/pkt-loader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./loader--5h6NKGl.cjs"),t=e.PktLoader;Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>e.PktLoader});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./loader-BqYcg8Di.cjs"),t=e.PktLoader;Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>e.PktLoader});exports.default=t;

package/dist/pkt-loader.js

@@ -1,4 +1,4 @@
-import { P as a } from "./loader-xkMMWgaj.js";
+import { P as a } from "./loader-DMp859px.js";
 const t = a;
 export {
   a as PktLoader,

package/dist/pkt-messagebox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./messagebox-IJOkv427.cjs"),t=e.PktMessagebox;Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>e.PktMessagebox});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./messagebox-Do_nAUo3.cjs"),t=e.PktMessagebox;Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>e.PktMessagebox});exports.default=t;

package/dist/pkt-messagebox.js

@@ -1,4 +1,4 @@
-import { P as s } from "./messagebox-BLTBG8nD.js";
+import { P as s } from "./messagebox-_1f12rDq.js";
 const a = s;
 export {
   s as PktMessagebox,

package/dist/pkt-modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal-CBURcXBd.cjs"),t=e.PktModal;Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>e.PktModal});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal-C1inKvts.cjs"),t=e.PktModal;Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>e.PktModal});exports.default=t;

package/dist/pkt-modal.js

@@ -1,4 +1,4 @@
-import { P as a } from "./modal-C6ljjVs6.js";
+import { P as a } from "./modal-C3kEgTMj.js";
 const t = a;
 export {
   a as PktModal,

package/dist/pkt-options-controller-CZO1nxZ8.js

@@ -0,0 +1,39 @@
+import { i as r } from "./pkt-slot-controller-BPGj-LC5.js";
+class o {
+  constructor(t) {
+    this.nodes = [], this.options = [], this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));
+  }
+  hostConnected() {
+    Array.from(this.host.childNodes).forEach((t) => {
+      (t.nodeName === "OPTION" || t.nodeName === "DATA") && this.addNode(t);
+    }), this.observer.observe(this.host, { childList: !0, subtree: !1, attributes: !0 });
+  }
+  hostDisconnected() {
+    this.observer.disconnect();
+  }
+  addNode(t) {
+    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.hasAttribute("hidden") && !t.hasAttribute("data-skip") && t.setAttribute("data-hidden", "true"), !t.hasAttribute("hidden") && t.hasAttribute("data-skip") && t.hasAttribute("data-hidden") && t.removeAttribute("data-hidden"), t.setAttribute("class", "pkt-hide"), t.setAttribute("data-skip", "true"), t.setAttribute("hidden", "true"), this.nodes.push(t));
+  }
+  createOptions() {
+    this.options = this.nodes.map((t) => ({
+      value: t.hasAttribute("value") ? t.getAttribute("value") ?? "" : t.textContent ?? "",
+      label: t.textContent || t.getAttribute("value") || "",
+      selected: t.hasAttribute("selected"),
+      disabled: t.hasAttribute("disabled"),
+      hidden: t.hasAttribute("data-hidden")
+    })), this.host.setAttribute("options", JSON.stringify(this.options));
+  }
+  handleMutations(t) {
+    let e = !1;
+    t.forEach((s) => {
+      s.type === "childList" && (s.addedNodes.forEach((i) => {
+        r(i) && (this.addNode(i), e = !0);
+      }), s.removedNodes.forEach((i) => {
+        r(i) && (this.nodes = this.nodes.filter((h) => h !== i), e = !0);
+      })), s.type === "attributes" && r(s.target) && (this.addNode(s.target), e = !0);
+    }), e && this.createOptions();
+  }
+}
+export {
+  o as P
+};

package/dist/pkt-options-controller-CiuBG6Lt.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./pkt-slot-controller-BzddBp7z.cjs");class a{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0,subtree:!1,attributes:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.hasAttribute("hidden")&&!t.hasAttribute("data-skip")&&t.setAttribute("data-hidden","true"),!t.hasAttribute("hidden")&&t.hasAttribute("data-skip")&&t.hasAttribute("data-hidden")&&t.removeAttribute("data-hidden"),t.setAttribute("class","pkt-hide"),t.setAttribute("data-skip","true"),t.setAttribute("hidden","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.hasAttribute("value")?t.getAttribute("value")??"":t.textContent??"",label:t.textContent||t.getAttribute("value")||"",selected:t.hasAttribute("selected"),disabled:t.hasAttribute("disabled"),hidden:t.hasAttribute("data-hidden")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{r.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{r.isOptionElement(i)&&(this.nodes=this.nodes.filter(h=>h!==i),e=!0)})),s.type==="attributes"&&r.isOptionElement(s.target)&&(this.addNode(s.target),e=!0)}),e&&this.createOptions()}}exports.PktOptionsSlotController=a;

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BNGnC2U9.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BkVSXR5K.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-Drl_8-OU.js";
+import { P as t } from "./select-BlL8T2BX.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/{pkt-slot-controller-DtDaD9q_.js → pkt-slot-controller-BPGj-LC5.js}

@@ -1,22 +1,22 @@
-function d(e, s) {
+function c(e, s) {
   return s.some((t) => t.value === e);
 }
-function n(e) {
+function r(e) {
   return e.classList && (e.classList.contains("_dialog_overlay") || e.classList.contains("backdrop")) ? !0 : typeof e.hasAttribute == "function" && e.hasAttribute("data-skip");
 }
-function r(e) {
+function a(e) {
   return e.nodeName === "OPTION" || e.nodeName === "DATA";
 }
-function u(e, s) {
-  return e.nodeType === Node.ELEMENT_NODE && !d(e, s);
+function p(e, s) {
+  return e.nodeType === Node.ELEMENT_NODE && !c(e, s);
 }
-function a(e) {
+function d(e) {
   var s;
   return e.nodeType === Node.TEXT_NODE && ((s = e.nodeValue) == null ? void 0 : s.trim()) !== "";
 }
-class c {
+class N {
   constructor(s, ...t) {
-    this.nodes = [], this.filledSlots = /* @__PURE__ */ new Set(), this.skipOptions = !1, this.updatingSlots = !1, this.host = s, this.host.addController(this), this.slots = t, this.nodes = [], this.observer = new MutationObserver((o) => this.handleMutations(o)), this.contentObserver = new MutationObserver((o) => this.handleSlotMutations(o));
+    this.nodes = [], this.filledSlots = /* @__PURE__ */ new Set(), this.skipOptions = !1, this.updatingSlots = !1, this.host = s, this.host.addController(this), this.slots = t, this.nodes = [], this.observer = new MutationObserver((l) => this.handleMutations(l)), this.contentObserver = new MutationObserver((l) => this.handleSlotMutations(l));
   }
   hostConnected() {
     this.updateNodes(), this.observer.observe(this.host, { childList: !0 }), this.contentObserver.observe(this.host, { childList: !0, subtree: !0 });
@@ -30,7 +30,7 @@ class c {
   // ********* UPDATE NODES *********
   updateNodes() {
     this.nodes = [], Array.from(this.host.childNodes).forEach((t) => {
-      n(t) || r(t) && this.skipOptions || (!d(t, this.slots) || a(t)) && this.nodes.push(t);
+      r(t) || a(t) && this.skipOptions || (!c(t, this.slots) || d(t)) && this.nodes.push(t);
     });
   }
   // ********* UPDATE SLOTS *********
@@ -40,43 +40,54 @@ class c {
     const s = /* @__PURE__ */ new Set();
     this.slots.forEach((t) => {
       if (!t.value) return;
-      const o = t.value.getAttribute("name"), h = this.nodes.flatMap(
-        (l) => a(l) || l.getAttribute && l.getAttribute("slot") == o && !n(l) ? l : []
+      const l = t.value.getAttribute("name");
+      Array.from(t.value.childNodes).some((o) => {
+        var u, f;
+        if (o.nodeType === Node.COMMENT_NODE) return !1;
+        if (o.nodeType === Node.TEXT_NODE) return !!((u = o.textContent) != null && u.trim());
+        if (o.nodeType === Node.ELEMENT_NODE) {
+          if (r(o)) return !1;
+          if ((f = o.textContent) != null && f.trim()) return !0;
+        }
+        return !1;
+      }) && s.add(l);
+      const n = this.nodes.flatMap(
+        (o) => d(o) || o.getAttribute && o.getAttribute("slot") == l && !r(o) ? o : []
       ).filter(
-        (l) => t.value && !t.value.contains(l) && !l.contains(t.value)
+        (o) => t.value && !t.value.contains(o) && !o.contains(t.value)
       );
-      if (h.length > 0)
-        if (s.add(o), typeof t.value.replaceChildren != "function") {
+      if (n.length > 0)
+        if (typeof t.value.replaceChildren != "function") {
           for (; t.value.firstChild; )
             t.value.removeChild(t.value.firstChild);
-          t.value.append(...h);
+          t.value.append(...n);
         } else
-          t.value.replaceChildren(...h);
-    }), (this.filledSlots.size !== s.size || ![...this.filledSlots].every((t) => s.has(t))) && (this.filledSlots = s, this.host.requestUpdate()), this.updatingSlots = !1;
+          t.value.replaceChildren(...n);
+    }), (this.filledSlots.size !== s.size || ![...this.filledSlots].every((t) => s.has(t))) && (this.filledSlots = s, typeof this.host.updateSlots == "function" && this.host.updateSlots(this.filledSlots)), this.updatingSlots = !1;
   }
   // ********* HANDLE MUTATIONS *********
   handleMutations(s) {
     let t = !1;
-    s.forEach((o) => {
-      o.type === "childList" && (o.addedNodes.forEach((i) => {
-        n(i) || r(i) && this.skipOptions || (u(i, this.slots) || a(i)) && (this.nodes.push(i), t = !0);
-      }), o.removedNodes.forEach((i) => {
-        n(i) || r(i) && this.skipOptions || (this.nodes = this.nodes.filter((h) => h !== i), t = !0);
+    s.forEach((l) => {
+      l.type === "childList" && (l.addedNodes.forEach((i) => {
+        r(i) || a(i) && this.skipOptions || (p(i, this.slots) || d(i)) && (this.nodes.push(i), t = !0);
+      }), l.removedNodes.forEach((i) => {
+        r(i) || a(i) && this.skipOptions || (this.nodes = this.nodes.filter((h) => h !== i), t = !0);
       }));
     }), t && this.updateSlots();
   }
   handleSlotMutations(s) {
     let t = !1;
-    s.forEach((o) => {
-      const i = o.target.parentElement;
+    s.forEach((l) => {
+      const i = l.target.parentElement;
       if (i != null && i.hasAttribute("slot")) {
-        const h = i.getAttribute("slot"), l = i.hasChildNodes();
-        l && !this.filledSlots.has(h) ? (this.filledSlots.add(h), t = !0) : !l && this.filledSlots.has(h) && (this.filledSlots.delete(h), t = !0);
+        const h = i.getAttribute("slot"), n = i.hasChildNodes();
+        n && !this.filledSlots.has(h) ? (this.filledSlots.add(h), t = !0) : !n && this.filledSlots.has(h) && (this.filledSlots.delete(h), t = !0);
       }
     }), t && typeof this.host.updateSlots == "function" && this.host.updateSlots(this.filledSlots);
   }
 }
 export {
-  c as P,
-  r as i
+  N as P,
+  a as i
 };

package/dist/pkt-slot-controller-BzddBp7z.cjs

@@ -0,0 +1 @@
+"use strict";function c(e,s){return s.some(t=>t.value===e)}function h(e){return e.classList&&(e.classList.contains("_dialog_overlay")||e.classList.contains("backdrop"))?!0:typeof e.hasAttribute=="function"&&e.hasAttribute("data-skip")}function a(e){return e.nodeName==="OPTION"||e.nodeName==="DATA"}function p(e,s){return e.nodeType===Node.ELEMENT_NODE&&!c(e,s)}function d(e){var s;return e.nodeType===Node.TEXT_NODE&&((s=e.nodeValue)==null?void 0:s.trim())!==""}class N{constructor(s,...t){this.nodes=[],this.filledSlots=new Set,this.skipOptions=!1,this.updatingSlots=!1,this.host=s,this.host.addController(this),this.slots=t,this.nodes=[],this.observer=new MutationObserver(l=>this.handleMutations(l)),this.contentObserver=new MutationObserver(l=>this.handleSlotMutations(l))}hostConnected(){this.updateNodes(),this.observer.observe(this.host,{childList:!0}),this.contentObserver.observe(this.host,{childList:!0,subtree:!0})}hostDisconnected(){this.observer.disconnect(),this.contentObserver.disconnect()}hostUpdated(){this.updateSlots()}updateNodes(){this.nodes=[],Array.from(this.host.childNodes).forEach(t=>{h(t)||a(t)&&this.skipOptions||(!c(t,this.slots)||d(t))&&this.nodes.push(t)})}updateSlots(){if(this.updatingSlots)return;this.updatingSlots=!0;const s=new Set;this.slots.forEach(t=>{if(!t.value)return;const l=t.value.getAttribute("name");Array.from(t.value.childNodes).some(o=>{var u,f;if(o.nodeType===Node.COMMENT_NODE)return!1;if(o.nodeType===Node.TEXT_NODE)return!!((u=o.textContent)!=null&&u.trim());if(o.nodeType===Node.ELEMENT_NODE){if(h(o))return!1;if((f=o.textContent)!=null&&f.trim())return!0}return!1})&&s.add(l);const r=this.nodes.flatMap(o=>d(o)||o.getAttribute&&o.getAttribute("slot")==l&&!h(o)?o:[]).filter(o=>t.value&&!t.value.contains(o)&&!o.contains(t.value));if(r.length>0)if(typeof t.value.replaceChildren!="function"){for(;t.value.firstChild;)t.value.removeChild(t.value.firstChild);t.value.append(...r)}else t.value.replaceChildren(...r)}),(this.filledSlots.size!==s.size||![...this.filledSlots].every(t=>s.has(t)))&&(this.filledSlots=s,typeof this.host.updateSlots=="function"&&this.host.updateSlots(this.filledSlots)),this.updatingSlots=!1}handleMutations(s){let t=!1;s.forEach(l=>{l.type==="childList"&&(l.addedNodes.forEach(i=>{h(i)||a(i)&&this.skipOptions||(p(i,this.slots)||d(i))&&(this.nodes.push(i),t=!0)}),l.removedNodes.forEach(i=>{h(i)||a(i)&&this.skipOptions||(this.nodes=this.nodes.filter(n=>n!==i),t=!0)}))}),t&&this.updateSlots()}handleSlotMutations(s){let t=!1;s.forEach(l=>{const i=l.target.parentElement;if(i!=null&&i.hasAttribute("slot")){const n=i.getAttribute("slot"),r=i.hasChildNodes();r&&!this.filledSlots.has(n)?(this.filledSlots.add(n),t=!0):!r&&this.filledSlots.has(n)&&(this.filledSlots.delete(n),t=!0)}}),t&&typeof this.host.updateSlots=="function"&&this.host.updateSlots(this.filledSlots)}}exports.PktSlotController=N;exports.isOptionElement=a;

package/dist/pkt-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-lU4vz70a.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-DrbI0ng3.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;

package/dist/pkt-tag.js

@@ -1,4 +1,4 @@
-import { P as a } from "./tag-CX-zbR-7.js";
+import { P as a } from "./tag-m7OTZaCG.js";
 const o = a;
 export {
   a as PktTag,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-DcpZnWkt.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-Dc1sUaxx.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-CctE69uw.js";
+import { P as a } from "./textarea-Dk8hQMD2.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-DcES1ibY.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-DuLZ26DB.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;

package/dist/pkt-textinput.js

@@ -1,4 +1,4 @@
-import { P as t } from "./textinput-BAPxDvKu.js";
+import { P as t } from "./textinput-6Ip-0aVY.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/{select-BNGnC2U9.cjs → select-BkVSXR5K.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-ftMgG5DP.cjs"),v=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),hidden:s.hasAttribute("hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{select-Drl_8-OU.js → select-BlL8T2BX.js}

@@ -3,15 +3,15 @@ import { r as f } from "./state-BxrO4zNJ.js";
 import { e as u, n as d } from "./ref-DnSbnXsj.js";
 import { o } from "./if-defined-Cj-3Kdsr.js";
 import { P as b } from "./input-element-BEvaQK4g.js";
-import { P as $ } from "./pkt-options-controller-C_Yl_3P6.js";
-import { P as x } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-DnyRiuHR.js";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (t, e, s, i) => {
-  for (var l = i > 1 ? void 0 : i ? g(e, s) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (l = (i ? r(e, s, l) : r(l)) || l);
+import { P as $ } from "./pkt-options-controller-CZO1nxZ8.js";
+import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
+import "./input-wrapper-CC_R5w7V.js";
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (t, e, s, i) => {
+  for (var l = i > 1 ? void 0 : i ? g(e, s) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (l = (i ? r(e, s, l) : r(l)) || l);
   return i && l && m(e, s, l), l;
 };
-let h = class extends b {
+let n = class extends b {
   constructor() {
     super(), this.inputRef = u(), this.helptextSlot = u(), this.options = [], this.value = "", this._options = [], this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new $(this), this.slotController = new x(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
@@ -24,7 +24,7 @@ let h = class extends b {
         value: s.hasAttribute("value") ? s.getAttribute("value") ?? "" : s.textContent ?? "",
         label: s.textContent || s.getAttribute("value") || "",
         disabled: s.hasAttribute("disabled"),
-        hidden: s.hasAttribute("hidden")
+        hidden: s.hasAttribute("data-hidden")
       };
       s.getAttribute("selected") && !this.value && (this.value = i.value), this._options.push(i);
     }) : (this._options = this.options, this._options.forEach((s) => {
@@ -63,7 +63,7 @@ let h = class extends b {
   }
   attributeChangedCallback(t, e, s) {
     var i, l;
-    t === "options" && (this._options = s ? JSON.parse(s) : []), t === "value" && this.value !== e && (this.selectedIndex = this.touched ? this.returnNumberOrNull((i = this.inputRef.value) == null ? void 0 : i.selectedIndex) : this.options.findIndex((n) => n.value === s), this.selectedOptions = (l = this.inputRef.value) == null ? void 0 : l.selectedOptions, this.valueChanged(s, e)), super.attributeChangedCallback(t, e, s);
+    t === "options" && (this._options = s ? JSON.parse(s) : []), t === "value" && this.value !== e && (this.selectedIndex = this.touched ? this.returnNumberOrNull((i = this.inputRef.value) == null ? void 0 : i.selectedIndex) : this.options.findIndex((a) => a.value === s), this.selectedOptions = (l = this.inputRef.value) == null ? void 0 : l.selectedOptions, this.valueChanged(s, e)), super.attributeChangedCallback(t, e, s);
   }
   update(t) {
     var e, s;
@@ -138,18 +138,18 @@ let h = class extends b {
     return t == null || isNaN(t) ? null : t;
   }
 };
-a([
+h([
   c({ type: Array })
-], h.prototype, "options", 2);
-a([
+], n.prototype, "options", 2);
+h([
   c({ type: String })
-], h.prototype, "value", 2);
-a([
+], n.prototype, "value", 2);
+h([
   f()
-], h.prototype, "_options", 2);
-h = a([
+], n.prototype, "_options", 2);
+n = h([
   v("pkt-select")
-], h);
+], n);
 export {
-  h as P
+  n as P
 };

package/dist/{tag-lU4vz70a.cjs → tag-DrbI0ng3.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("./class-map-DWDPOqjO.cjs"),t=require("./element-90YeMNbV.cjs"),k=require("./state-D-Recv7U.cjs"),g=require("./pkt-slot-controller-Da-RgXfS.cjs"),c=require("./ref-B-w1vCo8.cjs");require("./icon-B1_BRNqf.cjs");const h=require("./if-defined-C8eotHpL.cjs"),f={closeTag:{default:!1},size:{default:"medium"},skin:{default:"blue"},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,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.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
+"use strict";const u=require("./class-map-DWDPOqjO.cjs"),t=require("./element-90YeMNbV.cjs"),k=require("./state-D-Recv7U.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-B-w1vCo8.cjs");require("./icon-B1_BRNqf.cjs");const h=require("./if-defined-C8eotHpL.cjs"),f={closeTag:{default:!1},size:{default:"medium"},skin:{default:"blue"},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,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.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
         <button
           class=${u.e(o)}
           type=${this.type}

package/dist/{tag-CX-zbR-7.js → tag-m7OTZaCG.js}

@@ -1,7 +1,7 @@
 import { e as u } from "./class-map-m7ZCZ49w.js";
 import { P as m, x as l, n as r, a as g } from "./element-gAd63VwC.js";
 import { r as k } from "./state-BxrO4zNJ.js";
-import { P as y } from "./pkt-slot-controller-DtDaD9q_.js";
+import { P as y } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as b, n as f } from "./ref-DnSbnXsj.js";
 import "./icon-CO1TLSs5.js";
 import { o as d } from "./if-defined-Cj-3Kdsr.js";

package/dist/{textarea-DcpZnWkt.cjs → textarea-Dc1sUaxx.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-90YeMNbV.cjs"),p=require("./if-defined-C8eotHpL.cjs"),c=require("./state-D-Recv7U.cjs"),l=require("./ref-B-w1vCo8.cjs"),$=require("./class-map-DWDPOqjO.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-v9b0v7lu.cjs"),x=require("./input-element-CInrWeac.cjs"),T=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");/**
+"use strict";const s=require("./element-90YeMNbV.cjs"),p=require("./if-defined-C8eotHpL.cjs"),c=require("./state-D-Recv7U.cjs"),l=require("./ref-B-w1vCo8.cjs"),$=require("./class-map-DWDPOqjO.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-v9b0v7lu.cjs"),x=require("./input-element-CInrWeac.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");require("./icon-B1_BRNqf.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textarea-CctE69uw.js → textarea-Dk8hQMD2.js}

@@ -6,8 +6,8 @@ import { e as v } from "./class-map-m7ZCZ49w.js";
 import { e as b, i as T, t as a } from "./directive-oAbCiebi.js";
 import { f as y, m as w } from "./directive-helpers--4ibN__v.js";
 import { P as C } from "./input-element-BEvaQK4g.js";
-import { P as E } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-DnyRiuHR.js";
+import { P as E } from "./pkt-slot-controller-BPGj-LC5.js";
+import "./input-wrapper-CC_R5w7V.js";
 import "./icon-CO1TLSs5.js";
 /**
  * @license

package/dist/{textinput-BAPxDvKu.js → textinput-6Ip-0aVY.js}

@@ -4,8 +4,8 @@ import { r as f } from "./state-BxrO4zNJ.js";
 import { e as m, n as d } from "./ref-DnSbnXsj.js";
 import { e as g } from "./class-map-m7ZCZ49w.js";
 import { P as x } from "./input-element-BEvaQK4g.js";
-import { P as y } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-DnyRiuHR.js";
+import { P as y } from "./pkt-slot-controller-BPGj-LC5.js";
+import "./input-wrapper-CC_R5w7V.js";
 import "./icon-CO1TLSs5.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (e, i, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, c; l >= 0; l--)

package/dist/{textinput-DcES1ibY.cjs → textinput-DuLZ26DB.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),a=require("./if-defined-C8eotHpL.cjs"),l=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),c=require("./class-map-DWDPOqjO.cjs"),x=require("./input-element-CInrWeac.cjs"),d=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new d.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-90YeMNbV.cjs"),a=require("./if-defined-C8eotHpL.cjs"),l=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),c=require("./class-map-DWDPOqjO.cjs"),x=require("./input-element-CInrWeac.cjs"),d=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-Dk0rKRlz.cjs");require("./icon-B1_BRNqf.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new d.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.42.7",
+  "version": "12.42.9",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.39.2",
-    "@oslokommune/punkt-css": "^12.42.7",
+    "@oslokommune/punkt-css": "^12.42.9",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -58,5 +58,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "c7b7988a22eb94069abbcfb1b31501b0d97a878c"
+  "gitHead": "b1c84b3a7403e934703bd982d6dec86f1aa11131"
 }

package/src/components/button/button.ts

@@ -70,7 +70,7 @@ export class PktButton extends PktElement<IPktButton> implements IPktButton {
   @property({ type: String }) skin: TPktButtonSkin = 'primary'
   @property({ type: String }) variant: TPktButtonVariant = 'label-only'
   @property({ type: String, reflect: true }) state?: TPktButtonState = 'normal'
-  @property({ type: String }) type: TPktButtonType = 'button'
+  @property({ type: String, reflect: true }) type: TPktButtonType = 'button'
   @property({ type: String }) form: string | undefined = undefined
   @property({ type: Boolean, reflect: true }) isLoading: Booleanish = false
   @property({ type: Boolean, reflect: true }) disabled: Booleanish = false
@@ -78,6 +78,32 @@ export class PktButton extends PktElement<IPktButton> implements IPktButton {
 
   // Lifecycle
 
+  connectedCallback(): void {
+    super.connectedCallback()
+    this.addEventListener(
+      'click',
+      (e) => {
+        if (this.disabled || this.hasAttribute('disabled') || this.isLoading) {
+          e.preventDefault()
+          e.stopImmediatePropagation()
+        }
+      },
+      true,
+    )
+
+    this.addEventListener(
+      'keydown',
+      (e) => {
+        if (!(this.disabled || this.hasAttribute('disabled') || this.isLoading)) return
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault()
+          e.stopImmediatePropagation()
+        }
+      },
+      true,
+    )
+  }
+
   attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
     super.attributeChangedCallback(name, _old, value)
     // Convert strings to booleans
@@ -122,7 +148,7 @@ export class PktButton extends PktElement<IPktButton> implements IPktButton {
         type=${this.type}
         ?disabled=${!!this.disabled}
         aria-busy=${ifDefined(this.isLoading ? 'true' : undefined)}
-        aria-disabled=${ifDefined(this.disabled ? 'true' : undefined)}
+        aria-disabled=${ifDefined(this.disabled || this.isLoading ? 'true' : undefined)}
         form=${ifDefined(formId)}
       >
         ${this.isLoading

package/src/components/helptext/helptext.ts

@@ -32,6 +32,12 @@ export class PktHelptext extends PktElement {
 
   @state() isHelpTextOpen: boolean = false
 
+  @state() filledSlots: Set<string | null | undefined> = new Set()
+
+  updateSlots(filledSlots: Set<string | null | undefined>) {
+    this.filledSlots = new Set(filledSlots)
+  }
+
   render() {
     const toggleDropdown = () => {
       const isOpen = !this.isHelpTextOpen
@@ -44,6 +50,12 @@ export class PktHelptext extends PktElement {
       )
     }
 
+    const helptextClasses = classMap({
+      'pkt-inputwrapper__helptext-container': true,
+      'pkt-inputwrapper__has-helptext':
+        this.helptext || this.helptextDropdown || this.filledSlots.size > 0,
+    })
+
     const helptextDropdown = () => {
       if (this.helptextDropdown) {
         return html`<div class="pkt-inputwrapper__helptext-expandable">
@@ -74,7 +86,7 @@ export class PktHelptext extends PktElement {
     }
 
     const helptextElement = () => {
-      return html`<div class="pkt-inputwrapper__helptext-container">
+      return html`<div class="${helptextClasses}">
         <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
           <div class="pkt-contents" ${ref(this.defaultSlot)} name="helptext"></div>
           ${this.helptext && unsafeHTML(this.helptext)}

package/src/components/input-wrapper/input-wrapper.ts

@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js'
 import { html, nothing, PropertyValues } from 'lit'
 import { unsafeHTML } from 'lit/directives/unsafe-html.js'
 import { classMap } from 'lit/directives/class-map.js'
-import { customElement, property, state } from 'lit/decorators.js'
+import { customElement, property } from 'lit/decorators.js'
 import { ElementProps } from '@/types/typeUtils'
 import { uuidish } from '@/utils/stringutils'
 import specs from 'componentSpecs/input-wrapper.json'
@@ -57,7 +57,6 @@ const booleanishConverter = {
 export class PktInputWrapper extends PktElement<Props> {
   defaultSlot: Ref<HTMLElement> = createRef()
   helptextSlot: Ref<HTMLElement> = createRef()
-  @state() hasHelptextSlot: boolean = true
 
   constructor() {
     super()
@@ -91,11 +90,6 @@ export class PktInputWrapper extends PktElement<Props> {
   @property({ type: Boolean, reflect: true, converter: booleanishConverter })
   useWrapper: Booleanish = specs.props.useWrapper.default
 
-  public updateSlots(filledSlots: Set<string | null | undefined>): void {
-    this.hasHelptextSlot = filledSlots.has('helptext')
-    this.requestUpdate()
-  }
-
   protected updated(changedProperties: PropertyValues): void {
     super.updated(changedProperties)
   }
@@ -169,9 +163,6 @@ export class PktInputWrapper extends PktElement<Props> {
     }
 
     const helptextElement = () => {
-      if (!this.helptext && !this.hasHelptextSlot && !this.helptextDropdown) {
-        return nothing
-      }
       return html`
         <pkt-helptext
           class="${ifDefined(!this.useWrapper ? 'pkt-hide' : undefined)}"

package/src/components/select/select.ts

@@ -74,7 +74,7 @@ export class PktSelect extends PktInputElement implements IPktSelect {
             : (node.textContent ?? ''),
           label: node.textContent || node.getAttribute('value') || '',
           disabled: node.hasAttribute('disabled'),
-          hidden: node.hasAttribute('hidden'),
+          hidden: node.hasAttribute('data-hidden'),
         }
         if (node.getAttribute('selected') && !this.value) {
           this.value = option.value