@oslokommune/punkt-elements 12.26.2 → 12.27.1

package/dist/pkt-index.js

@@ -1,25 +1,25 @@
-import { P as w } from "./alert-MKb7NX3r.js";
+import { P as w } from "./alert-BvN80UkI.js";
 import { c as P } from "./calendar-DB_8j4en.js";
 import { P as O } from "./calendar-DB_8j4en.js";
-import { P as j } from "./card-ClWsCQfD.js";
+import { P as j } from "./card-Br6A74Q1.js";
 import { P as f, x as m, s as k, n, t as c } from "./element-BKrU5soj.js";
-import { P as x } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as x } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as h, n as d } from "./ref-D5qG7OFB.js";
 import { e as u } from "./class-map-CQzsZCwS.js";
-import { P as D } from "./datepicker-BVI4szRk.js";
-import { P as R } from "./helptext-CNgXo34f.js";
+import { P as D } from "./datepicker-ONV4HuJt.js";
+import { P as R } from "./helptext-DHfBEO42.js";
 import { P as G } from "./icon-Bsb0MB2h.js";
-import { P as M } from "./input-wrapper-CWvzXs6X.js";
-import { P as N } from "./link-B3PDtnXT.js";
-import { P as W } from "./linkcard-C4q7HCwY.js";
-import { P as z } from "./messagebox-BDfhozc3.js";
-import { P as J } from "./modal-CYv8Qk0Y.js";
+import { P as M } from "./input-wrapper-Df18_PvD.js";
+import { P as N } from "./link-0N9wG5l8.js";
+import { P as W } from "./linkcard-BJeRbpq_.js";
+import { P as z } from "./messagebox-C5M56R8f.js";
+import { P as J } from "./modal-PKDnp91S.js";
 import { P as V } from "./progressbar-DETyIwXf.js";
 import { P as Y } from "./radiobutton-BhQCBJ0I.js";
-import { P as tt } from "./tag-CPLBzyiV.js";
-import { P as rt } from "./textarea-Da-bIu5d.js";
-import { P as ot } from "./textinput-Buj2CAKl.js";
-import { P as nt } from "./select-BJr30hL7.js";
+import { P as tt } from "./tag-W9Lf1doW.js";
+import { P as rt } from "./textarea-80zuPTTD.js";
+import { P as ot } from "./textinput-CZIE3v3S.js";
+import { P as nt } from "./select-DVyh7z8C.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
     (l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);

package/dist/pkt-input-wrapper.cjs

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

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-CWvzXs6X.js";
+import { P as p } from "./input-wrapper-Df18_PvD.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-BnL83t0x.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-I_LKEBVK.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-B3PDtnXT.js";
+import { P as t } from "./link-0N9wG5l8.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-RyOjvpmF.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-ClXGVwdJ.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-C4q7HCwY.js";
+import { P as a } from "./linkcard-BJeRbpq_.js";
 const k = a;
 export {
   a as PktLinkCard,

package/dist/pkt-messagebox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./messagebox-CuM1y2P_.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-CC3j63Wp.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-BDfhozc3.js";
+import { P as s } from "./messagebox-C5M56R8f.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-gLMGJSSY.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-BkchlKkL.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-CYv8Qk0Y.js";
+import { P as a } from "./modal-PKDnp91S.js";
 const t = a;
 export {
   a as PktModal,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-B19JEWYw.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-DFlu7Eq6.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-BJr30hL7.js";
+import { P as t } from "./select-DVyh7z8C.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-slot-controller-Clbye6cM.js

@@ -0,0 +1,85 @@
+function a(s, e) {
+  return e.some((t) => t.value === s);
+}
+function d(s, e) {
+  var t;
+  return s.hasAttribute("data-skip") ? [] : s === ((t = e.value) == null ? void 0 : t.parentNode) ? [] : s instanceof HTMLTemplateElement ? Array.from(s.content.childNodes) : [s];
+}
+function r(s) {
+  return typeof s.hasAttribute == "function" && s.hasAttribute("data-skip");
+}
+function h(s) {
+  return s.nodeName === "OPTION" || s.nodeName === "DATA";
+}
+function u(s, e) {
+  return s.nodeType === Node.ELEMENT_NODE && !a(s, e);
+}
+function p(s) {
+  var e;
+  return s.nodeType === Node.TEXT_NODE && ((e = s.nodeValue) == null ? void 0 : e.trim()) !== "";
+}
+class f {
+  constructor(e, ...t) {
+    this.nodes = [], this.filledSlots = /* @__PURE__ */ new Set(), this.skipOptions = !1, this.updatingSlots = !1, this.host = e, this.host.addController(this), this.slots = t, this.nodes = [], this.observer = new MutationObserver((o) => this.handleMutations(o));
+  }
+  hostConnected() {
+    this.updateNodes(), this.observer.observe(this.host, { childList: !0 });
+  }
+  hostDisconnected() {
+    this.observer.disconnect();
+  }
+  hostUpdated() {
+    this.updateSlots();
+  }
+  updateNodes() {
+    this.nodes = [], Array.from(this.host.childNodes).forEach((t) => {
+      var o;
+      if (!r(t) && !(h(t) && this.skipOptions))
+        if (t.nodeType === Node.TEXT_NODE && ((o = t.nodeValue) != null && o.trim())) {
+          const i = document == null ? void 0 : document.createElement("template");
+          i.content.appendChild(t), this.nodes.push(i);
+        } else a(t, this.slots) || this.nodes.push(t);
+    });
+  }
+  updateSlots() {
+    if (this.updatingSlots) return;
+    this.updatingSlots = !0;
+    const e = /* @__PURE__ */ new Set();
+    this.slots.forEach((t) => {
+      if (!t.value) return;
+      const o = t.value.getAttribute("name"), l = this.nodes.flatMap(
+        (n) => n.getAttribute && n.getAttribute("slot") == o && !n.hasAttribute("data-skip") ? d(n, t) : []
+      ).filter(
+        (n) => t.value && !t.value.contains(n) && !n.contains(t.value)
+      );
+      if (l.length > 0)
+        if (e.add(o), typeof t.value.replaceChildren != "function") {
+          for (; t.value.firstChild; )
+            t.value.removeChild(t.value.firstChild);
+          t.value.append(...l);
+        } else
+          t.value.replaceChildren(...l);
+    }), (this.filledSlots.size !== e.size || ![...this.filledSlots].every((t) => e.has(t))) && (this.filledSlots = e, Array.from(this.filledSlots).length && !(Array.from(this.filledSlots).length === 1 && Array.from(this.filledSlots)[0] !== null) && this.host.requestUpdate()), this.updatingSlots = !1;
+  }
+  handleMutations(e) {
+    let t = !1;
+    e.forEach((o) => {
+      o.type === "childList" && (o.addedNodes.forEach((i) => {
+        if (!r(i) && !(h(i) && this.skipOptions)) {
+          if (u(i, this.slots))
+            this.nodes.push(i), t = !0;
+          else if (p(i)) {
+            const l = document == null ? void 0 : document.createElement("template");
+            l.content.appendChild(i), this.nodes.push(l), t = !0;
+          }
+        }
+      }), o.removedNodes.forEach((i) => {
+        r(i) || h(i) && this.skipOptions || (this.nodes = this.nodes.filter((l) => l !== i), t = !0);
+      }));
+    }), t && this.updateSlots();
+  }
+}
+export {
+  f as P,
+  h as i
+};

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

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

package/dist/pkt-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-nAMwKi6B.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-DGywzHJ5.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-CPLBzyiV.js";
+import { P as a } from "./tag-W9Lf1doW.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-D7uvC79V.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-WWRAA1LV.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-Da-bIu5d.js";
+import { P as a } from "./textarea-80zuPTTD.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-C9pkRR6S.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-CE5AzOur.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-Buj2CAKl.js";
+import { P as t } from "./textinput-CZIE3v3S.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/progressbar.d.ts

@@ -1,6 +1,13 @@
 export { }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-icon': PktIcon;
+    }
+}
+
+
 declare global {
     interface Window {
         pktTz: string;

package/dist/radiobutton.d.ts

@@ -1,6 +1,13 @@
 export { }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-icon': PktIcon;
+    }
+}
+
+
 declare global {
     interface Window {
         pktTz: string;

package/dist/select-DFlu7Eq6.cjs

@@ -0,0 +1,48 @@
+"use strict";const l=require("./element-B0UgldHm.cjs"),d=require("./state-CG-binsl.cjs"),a=require("./ref-DDYBJ4EB.cjs"),o=require("./if-defined-Br3lDE5v.cjs"),c=require("./input-element-Dnda8hac.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-DeCY6nta.cjs");class b{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})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{u.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{u.isOptionElement(i)&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)}))}),e&&this.createOptions()}}var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&v(t,e,i),i};exports.PktSelect=class extends c.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new b(this),this.slotController=new u.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.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&this.valueChanged(s,e),super.attributeChangedCallback(t,e,s)}updated(t){var e;super.updated(t),t.has("value")&&(this.counterCurrent=((e=this.value)==null?void 0:e.length)||0,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
+      <pkt-input-wrapper
+        ?counter=${this.counter}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?inline=${this.inline}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        ?useWrapper=${this.useWrapper}
+        ariaDescribedBy=${o.o(this.ariaDescribedBy)}
+        .counterCurrent=${this.counterCurrent}
+        .counterMaxLength=${this.counterMaxLength}
+        class="pkt-select"
+        errorMessage=${o.o(this.errorMessage)}
+        forId=${this.id+"-input"}
+        helptext=${o.o(this.helptext)}
+        helptextDropdown=${o.o(this.helptextDropdown)}
+        helptextDropdownButton=${o.o(this.helptextDropdownButton)}
+        label=${o.o(this.label)}
+        optionalText=${o.o(this.optionalText)}
+        requiredText=${o.o(this.requiredText)}
+      >
+        <select
+          class=${t}
+          aria-invalid=${this.hasError}
+          aria-errormessage=${`${this.id}-error`}
+          aria-labelledby=${o.o(this.ariaLabelledby)}
+          ?disabled=${this.disabled}
+          id=${this.id+"-input"}
+          name=${(this.name||this.id)+"-input"}
+          value=${this.value}
+          @change=${e=>{this.value=e.target.value,e.stopImmediatePropagation()}}
+          @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
+          @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
+          @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
+          ${a.n(this.inputRef)}
+        >
+          ${this._options.length>0&&this._options.map(e=>l.x`<option
+                value=${e.value}
+                ?selected=${this.value==e.value}
+                ?disabled=${e.disabled}
+              >
+                ${e.label}
+              </option>`)}
+        </select>
+        <div class="pkt-contents" ${a.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
+      </pkt-input-wrapper>
+    `}};h([l.n({type:Array})],exports.PktSelect.prototype,"options",2);h([l.n({type:String,reflect:!0})],exports.PktSelect.prototype,"value",2);h([d.r()],exports.PktSelect.prototype,"_options",2);exports.PktSelect=h([l.t("pkt-select")],exports.PktSelect);

package/dist/{select-BJr30hL7.js → select-DVyh7z8C.js}

@@ -1,10 +1,11 @@
-import { x as p, n as c, t as b } from "./element-BKrU5soj.js";
-import { r as f } from "./state-C36ZmZgt.js";
-import { e as d, n as u } from "./ref-D5qG7OFB.js";
+import { x as p, n as b, t as f } from "./element-BKrU5soj.js";
+import { r as v } from "./state-C36ZmZgt.js";
+import { e as u, n as d } from "./ref-D5qG7OFB.js";
 import { o as r } from "./if-defined-f3M1y6S-.js";
 import { P as $ } from "./input-element-URKBm_vS.js";
-import "./input-wrapper-CWvzXs6X.js";
-class v {
+import { i as c, P as m } from "./pkt-slot-controller-Clbye6cM.js";
+import "./input-wrapper-Df18_PvD.js";
+class g {
   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));
   }
@@ -17,7 +18,7 @@ class v {
     this.observer.disconnect();
   }
   addNode(t) {
-    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.setAttribute("class", "pkt-hide"), this.nodes.push(t));
+    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.setAttribute("class", "pkt-hide"), t.setAttribute("aria-hidden", "true"), t.setAttribute("data-skip", "true"), this.nodes.push(t));
   }
   createOptions() {
     this.options = this.nodes.map((t) => ({
@@ -30,28 +31,28 @@ class v {
   handleMutations(t) {
     let e = !1;
     t.forEach((o) => {
-      o.addedNodes.forEach((s) => {
-        (s.nodeName === "OPTION" || s.nodeName === "DATA") && (this.addNode(s), e = !0);
-      }), o.removedNodes.forEach((s) => {
-        (s.nodeName === "OPTION" || s.nodeName === "DATA") && (this.nodes = this.nodes.filter((a) => a !== s), e = !0);
-      });
+      o.type === "childList" && (o.addedNodes.forEach((i) => {
+        c(i) && (this.addNode(i), e = !0);
+      }), o.removedNodes.forEach((i) => {
+        c(i) && (this.nodes = this.nodes.filter((a) => a !== i), e = !0);
+      }));
     }), e && this.createOptions();
   }
 }
-var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, h = (i, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? m(t, e) : t, a = i.length - 1, n; a >= 0; a--)
-    (n = i[a]) && (s = (o ? n(t, e, s) : n(s)) || s);
-  return o && s && g(t, e, s), s;
+var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (s, t, e, o) => {
+  for (var i = o > 1 ? void 0 : o ? x(t, e) : t, a = s.length - 1, n; a >= 0; a--)
+    (n = s[a]) && (i = (o ? n(t, e, i) : n(i)) || i);
+  return o && i && C(t, e, i), i;
 };
-let l = class extends $ {
+let h = class extends $ {
   constructor() {
-    super(), this.selectRef = d(), this.defaultSlot = d(), this.options = [], this.value = "", this._options = [], this.optionsController = new v(this);
+    super(), this.inputRef = u(), this.helptextSlot = u(), this.options = [], this.value = "", this._options = [], this.optionsController = new g(this), this.slotController = new m(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
   // Used for initilization
   connectedCallback() {
     super.connectedCallback();
-    const i = this.options.length > 0, t = this.optionsController.nodes.length && this.optionsController.nodes.length > 0;
-    !i && t ? this.optionsController.nodes.forEach((e) => {
+    const s = this.options.length > 0, t = this.optionsController.nodes.length && this.optionsController.nodes.length > 0;
+    !s && t ? this.optionsController.nodes.forEach((e) => {
       const o = {
         value: e.getAttribute("value") || e.textContent || "",
         label: e.textContent || e.getAttribute("value") || "",
@@ -60,14 +61,18 @@ let l = class extends $ {
       e.getAttribute("selected") && !this.value && (this.value = o.value), this._options.push(o);
     }) : this._options = this.options;
   }
-  attributeChangedCallback(i, t, e) {
-    i === "options" && (this._options = e ? JSON.parse(e) : []), super.attributeChangedCallback(i, t, e);
+  attributeChangedCallback(s, t, e) {
+    s === "options" && (this._options = e ? JSON.parse(e) : []), s === "value" && this.value !== t && this.valueChanged(e, t), super.attributeChangedCallback(s, t, e);
   }
-  firstUpdated(i) {
-    super.firstUpdated(i), this.options.length && (this._options = this.options);
+  updated(s) {
+    var t;
+    super.updated(s), s.has("value") && (this.counterCurrent = ((t = this.value) == null ? void 0 : t.length) || 0, this.valueChanged(this.value, s.get("value"))), s.has("id") && !this.name && this.id && (this.name = this.id);
+  }
+  firstUpdated(s) {
+    super.firstUpdated(s), this.options.length && (this._options = this.options);
   }
   render() {
-    const i = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
+    const s = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
     return p`
       <pkt-input-wrapper
         ?counter=${this.counter}
@@ -82,7 +87,7 @@ let l = class extends $ {
         .counterMaxLength=${this.counterMaxLength}
         class="pkt-select"
         errorMessage=${r(this.errorMessage)}
-        forId=${this.id}
+        forId=${this.id + "-input"}
         helptext=${r(this.helptext)}
         helptextDropdown=${r(this.helptextDropdown)}
         helptextDropdownButton=${r(this.helptextDropdownButton)}
@@ -91,16 +96,27 @@ let l = class extends $ {
         requiredText=${r(this.requiredText)}
       >
         <select
-          class=${i}
+          class=${s}
           aria-invalid=${this.hasError}
           aria-errormessage=${`${this.id}-error`}
           aria-labelledby=${r(this.ariaLabelledby)}
           ?disabled=${this.disabled}
-          id=${this.id}
-          name=${this.name || this.id}
+          id=${this.id + "-input"}
+          name=${(this.name || this.id) + "-input"}
           value=${this.value}
-          ${u(this.selectRef)}
-          ${u(this.defaultSlot)}
+          @change=${(t) => {
+      this.value = t.target.value, t.stopImmediatePropagation();
+    }}
+          @input=${(t) => {
+      this.onInput(), t.stopImmediatePropagation();
+    }}
+          @focus=${(t) => {
+      this.onFocus(), t.stopImmediatePropagation();
+    }}
+          @blur=${(t) => {
+      this.onBlur(), t.stopImmediatePropagation();
+    }}
+          ${d(this.inputRef)}
         >
           ${this._options.length > 0 && this._options.map(
       (t) => p`<option
@@ -112,22 +128,23 @@ let l = class extends $ {
               </option>`
     )}
         </select>
+        <div class="pkt-contents" ${d(this.helptextSlot)} name="helptext" slot="helptext"></div>
       </pkt-input-wrapper>
     `;
   }
 };
-h([
-  c({ type: Array })
-], l.prototype, "options", 2);
-h([
-  c({ type: String })
-], l.prototype, "value", 2);
-h([
-  f()
-], l.prototype, "_options", 2);
-l = h([
-  b("pkt-select")
-], l);
+l([
+  b({ type: Array })
+], h.prototype, "options", 2);
+l([
+  b({ type: String, reflect: !0 })
+], h.prototype, "value", 2);
+l([
+  v()
+], h.prototype, "_options", 2);
+h = l([
+  f("pkt-select")
+], h);
 export {
-  l as P
+  h as P
 };

package/dist/select.d.ts

@@ -1,6 +1,13 @@
 export { }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-icon': PktIcon;
+    }
+}
+
+
 declare global {
     interface Window {
         pktTz: string;

package/dist/{tag-nAMwKi6B.cjs → tag-DGywzHJ5.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("./class-map-aeZWY44S.cjs"),t=require("./element-B0UgldHm.cjs"),h=require("./state-CG-binsl.cjs"),g=require("./pkt-slot-controller-BEDVscvU.cjs"),c=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");const k="pkt-tag",d=!0,f={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"icon",required:!1},skin:{required:!1,default:"blue",type:["blue","blue-light","blue-dark","green","red","beige","yellow","gray"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"Lukk"}},y={default:{description:"Teksten til tag"}},a={name:k,"css-class":"pkt-tag",isElement:d,props:f,slots:y};var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(o,e,l,r)=>{for(var i=r>1?void 0:r?m(e,l):e,n=o.length-1,p;n>=0;n--)(p=o[n])&&(i=(r?p(e,l,i):p(i))||i);return r&&i&&b(e,l,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=a.props.textStyle.default,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=a.props.ariaLabel.default,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.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},l={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"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-aeZWY44S.cjs"),t=require("./element-B0UgldHm.cjs"),h=require("./state-CG-binsl.cjs"),g=require("./pkt-slot-controller-Oc32unDk.cjs"),c=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");const k="pkt-tag",d=!0,f={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"icon",required:!1},skin:{required:!1,default:"blue",type:["blue","blue-light","blue-dark","green","red","beige","yellow","gray"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"Lukk"}},y={default:{description:"Teksten til tag"}},a={name:k,"css-class":"pkt-tag",isElement:d,props:f,slots:y};var b=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(o,e,l,r)=>{for(var i=r>1?void 0:r?m(e,l):e,n=o.length-1,p;n>=0;n--)(p=o[n])&&(i=(r?p(e,l,i):p(i))||i);return r&&i&&b(e,l,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=a.props.textStyle.default,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=a.props.ariaLabel.default,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.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},l={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
         <button
           class=${u.e(l)}
           type=${this.type}

package/dist/{tag-CPLBzyiV.js → tag-W9Lf1doW.js}

@@ -1,7 +1,7 @@
 import { e as h } from "./class-map-CQzsZCwS.js";
 import { P as d, x as p, n as o, t as m } from "./element-BKrU5soj.js";
 import { r as y } from "./state-C36ZmZgt.js";
-import { P as g } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as g } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as k, n as f } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
 const b = "pkt-tag", S = !0, $ = {

package/dist/tag.d.ts

@@ -1,6 +1,13 @@
 export { }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'pkt-icon': PktIcon;
+    }
+}
+
+
 declare global {
     interface Window {
         pktTz: string;