@oslokommune/punkt-elements 14.3.0 → 14.5.2

package/dist/{repeat-CJ79egkN.js → repeat-B55jMEsG.js}

@@ -1,6 +1,6 @@
-import { T as A } from "./element-CRDRygXu.js";
+import { T as A } from "./element-BXsf_NlG.js";
 import { e as M, i as b, t as j } from "./directive-oAbCiebi.js";
-import { p as C, v as h, s as v, M as x, m as D } from "./directive-helpers-BzAtj9by.js";
+import { p as C, v as h, s as v, M as x, m as D } from "./directive-helpers-CQef4qUQ.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/{repeat-BZb41H64.cjs → repeat-DcYSFU2y.cjs}

@@ -1,4 +1,4 @@
-"use strict";const m=require("./element-CJ_QKaki.cjs"),x=require("./directive-C7oCP5Bh.cjs"),r=require("./directive-helpers-4oOjKnGY.cjs");/**
+"use strict";const m=require("./element-aUzIoa1s.cjs"),x=require("./directive-C7oCP5Bh.cjs"),r=require("./directive-helpers-CYIEJ8pI.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/select-Bug9sfr5.js

@@ -0,0 +1,228 @@
+import { n as c, x as a, t as _ } from "./element-BXsf_NlG.js";
+import { e as u, n as d } from "./ref-BxiKhrfa.js";
+import { o as n } from "./if-defined-CxHgig4I.js";
+import { r as $ } from "./state-DgnkjP0q.js";
+import { P as x } from "./input-element-DVZhYDJ_.js";
+import { P as m } from "./pkt-options-controller-zn5cmMvL.js";
+import { P as b } from "./pkt-slot-controller-BPGj-LC5.js";
+import "./input-wrapper-3qfjLkrP.js";
+var P = Object.defineProperty, v = (e, t, s, o) => {
+  for (var i = void 0, l = e.length - 1, p; l >= 0; l--)
+    (p = e[l]) && (i = p(t, s, i) || i);
+  return i && P(t, s, i), i;
+};
+class h extends x {
+  constructor() {
+    super(...arguments), this._optionsProp = [], this._options = [];
+  }
+  /**
+   * Public getter for options that includes selected state
+   * Override this in subclasses to customize the selected state logic
+   */
+  get options() {
+    return this._options.map((t) => ({
+      ...t,
+      selected: this.isOptionSelected(t)
+    }));
+  }
+  /**
+   * Public setter for options
+   */
+  set options(t) {
+    this._optionsProp = t, this.requestUpdate("_optionsProp", this._options);
+  }
+  /**
+   * Determines if an option is selected
+   * Subclasses should override this to implement their selection logic
+   *
+   * @param option - The option to check
+   * @returns True if the option is selected
+   * @protected
+   */
+  isOptionSelected(t) {
+    return Array.isArray(this.value) ? this.value.includes(t.value) : t.value === this.value;
+  }
+  /**
+   * Finds an option by its value
+   *
+   * @param value - The value to search for
+   * @returns The option if found, undefined otherwise
+   * @protected
+   */
+  findOptionByValue(t) {
+    return this._options.find((s) => s.value === t);
+  }
+  /**
+   * Gets all currently selected options
+   *
+   * @returns Array of selected options
+   * @protected
+   */
+  getSelectedOptions() {
+    return this._options.filter((t) => this.isOptionSelected(t));
+  }
+  /**
+   * Parses options from either props or slot controller
+   * Call this in connectedCallback to initialize options
+   *
+   * @protected
+   */
+  parseOptions() {
+    var o, i;
+    const t = this._optionsProp.length > 0, s = ((i = (o = this.optionsController) == null ? void 0 : o.nodes) == null ? void 0 : i.length) && this.optionsController.nodes.length > 0;
+    t ? this._options = this._optionsProp : s && (this._options = this.optionsController.options);
+  }
+  /**
+   * Re-parse options when the component updates
+   * This ensures options stay in sync when they change dynamically
+   *
+   * @protected
+   */
+  willUpdate(t) {
+    super.willUpdate(t), this.parseOptions();
+  }
+}
+v([
+  c({ type: Array, attribute: "options" })
+], h.prototype, "_optionsProp");
+v([
+  $()
+], h.prototype, "_options");
+var g = Object.defineProperty, O = Object.getOwnPropertyDescriptor, f = (e, t, s, o) => {
+  for (var i = o > 1 ? void 0 : o ? O(t, s) : t, l = e.length - 1, p; l >= 0; l--)
+    (p = e[l]) && (i = (o ? p(t, s, i) : p(i)) || i);
+  return o && i && g(t, s, i), i;
+};
+let r = class extends h {
+  constructor() {
+    super(), this.inputRef = u(), this.helptextSlot = u(), this.value = "", this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new m(this), this.slotController = new b(this, this.helptextSlot), this.slotController.skipOptions = !0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.parseOptions(), this._options.forEach((e) => {
+      e.selected && !this.value && (this.value = e.value);
+    });
+  }
+  // Support native Select method `add`
+  add(e, t) {
+    const s = {
+      value: e.value || e.text,
+      label: e.text || e.value,
+      selected: e.selected,
+      disabled: e.disabled
+    };
+    if (t === void 0)
+      this._options.push(s);
+    else if (typeof t == "number")
+      this._options.splice(t, 0, s);
+    else {
+      const o = t.value || t.text, i = this._options.findIndex((l) => l.value === o);
+      i >= 0 ? this._options.splice(i, 0, s) : this._options.push(s);
+    }
+    e.selected && (this.value = e.value || e.text, this.selectedIndex = this._options.findIndex((o) => o.value === this.value)), this.requestUpdate();
+  }
+  // Support native Select method `remove`
+  remove(e) {
+    var t;
+    typeof e == "number" && (this.selectedIndex === e && (this.value = ((t = this._options[0]) == null ? void 0 : t.value) || ""), this._options.splice(e, 1), this.requestUpdate());
+  }
+  // Support native Select method `item`
+  item(e) {
+    var t;
+    return (t = this.inputRef.value) == null ? void 0 : t.item(e);
+  }
+  // Support native Select method `namedItem`
+  namedItem(e) {
+    var t;
+    return (t = this.inputRef.value) == null ? void 0 : t.namedItem(e);
+  }
+  // Support native Select method `showPicker`
+  showPicker() {
+    this.inputRef.value && "showPicker" in this.inputRef.value && this.inputRef.value.showPicker();
+  }
+  attributeChangedCallback(e, t, s) {
+    var o, i;
+    e === "options" && (this._options = s ? JSON.parse(s) : []), e === "value" && this.value !== t && (this.selectedIndex = this.touched ? this.returnNumberOrNull((o = this.inputRef.value) == null ? void 0 : o.selectedIndex) : this._options.findIndex((l) => l.value === s), this.selectedOptions = (i = this.inputRef.value) == null ? void 0 : i.selectedOptions, this.valueChanged(s, t)), super.attributeChangedCallback(e, t, s);
+  }
+  update(e) {
+    var t, s;
+    super.update(e), e.has("_optionsProp") && this._optionsProp.length > 0 && (this._options = this._optionsProp, this.requestUpdate("_options"), !this.value && this._options.length > 0 && (this.value = this._options[0].value, this.selectedIndex = 0)), e.has("value") && this.value !== e.get("value") && (this.selectedIndex = this.touched ? this.returnNumberOrNull((t = this.inputRef.value) == null ? void 0 : t.selectedIndex) : this._options.findIndex((o) => o.value === this.value), this.selectedOptions = (s = this.inputRef.value) == null ? void 0 : s.selectedOptions, this.valueChanged(this.value, e.get("value"))), e.has("id") && !this.name && this.id && (this.name = this.id);
+  }
+  firstUpdated(e) {
+    var t;
+    super.firstUpdated(e), this._optionsProp.length && (this._options = this._optionsProp), !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 = (t = this.inputRef.value) == null ? void 0 : t.selectedOptions;
+  }
+  render() {
+    const e = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
+    return a`
+      <pkt-input-wrapper
+        ?counter=${this.counter}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?hasFieldset=${this.hasFieldset}
+        ?inline=${this.inline}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        ariaDescribedBy=${n(this.ariaDescribedBy)}
+        class="pkt-select"
+        errorMessage=${n(this.errorMessage)}
+        forId=${this.id + "-input"}
+        helptext=${n(this.helptext)}
+        helptextDropdown=${n(this.helptextDropdown)}
+        helptextDropdownButton=${n(this.helptextDropdownButton)}
+        label=${n(this.label)}
+        optionalText=${n(this.optionalText)}
+        requiredText=${n(this.requiredText)}
+        tagText=${n(this.tagText)}
+      >
+        <select
+          class=${e}
+          aria-invalid=${this.hasError}
+          aria-errormessage=${`${this.id}-error`}
+          aria-labelledby=${n(this.ariaLabelledby)}
+          ?disabled=${this.disabled}
+          id=${this.id + "-input"}
+          name=${(this.name || this.id) + "-input"}
+          value=${this.value}
+          @change=${(t) => {
+      this.touched = !0, 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) => a`<option
+                    value=${t.value}
+                    ?selected=${this.value == t.value || t.selected}
+                    ?disabled=${t.disabled}
+                    ?hidden=${t.hidden}
+                  >
+                    ${t.label}
+                  </option>`
+    ) : ""}
+        </select>
+        <div class="pkt-contents" ${d(this.helptextSlot)} name="helptext" slot="helptext"></div>
+      </pkt-input-wrapper>
+    `;
+  }
+  returnNumberOrNull(e) {
+    return e == null || isNaN(e) ? null : e;
+  }
+};
+f([
+  c({ type: String })
+], r.prototype, "value", 2);
+r = f([
+  _("pkt-select")
+], r);
+export {
+  r as P
+};

package/dist/select-jbIbD7hW.cjs

@@ -0,0 +1,49 @@
+"use strict";const p=require("./element-aUzIoa1s.cjs"),h=require("./ref-C5iJMIE1.cjs"),l=require("./if-defined-BElHLTlB.cjs"),c=require("./state-GDzxl12x.cjs"),v=require("./input-element-RBQVA8i0.cjs"),f=require("./pkt-options-controller-DjBCEHU4.cjs"),_=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-rgXsRNkk.cjs");var $=Object.defineProperty,u=(r,t,e,i)=>{for(var s=void 0,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=n(t,e,s)||s);return s&&$(t,e,s),s};class a extends v.PktInputElement{constructor(){super(...arguments),this._optionsProp=[],this._options=[]}get options(){return this._options.map(t=>({...t,selected:this.isOptionSelected(t)}))}set options(t){this._optionsProp=t,this.requestUpdate("_optionsProp",this._options)}isOptionSelected(t){return Array.isArray(this.value)?this.value.includes(t.value):t.value===this.value}findOptionByValue(t){return this._options.find(e=>e.value===t)}getSelectedOptions(){return this._options.filter(t=>this.isOptionSelected(t))}parseOptions(){var i,s;const t=this._optionsProp.length>0,e=((s=(i=this.optionsController)==null?void 0:i.nodes)==null?void 0:s.length)&&this.optionsController.nodes.length>0;t?this._options=this._optionsProp:e&&(this._options=this.optionsController.options)}willUpdate(t){super.willUpdate(t),this.parseOptions()}}u([p.n({type:Array,attribute:"options"})],a.prototype,"_optionsProp");u([c.r()],a.prototype,"_options");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(r,t,e,i)=>{for(var s=i>1?void 0:i?b(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&x(t,e,s),s};exports.PktSelect=class extends a{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new f.PktOptionsSlotController(this),this.slotController=new _.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(t=>{t.selected&&!this.value&&(this.value=t.value)})}add(t,e){const i={value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled};if(e===void 0)this._options.push(i);else if(typeof e=="number")this._options.splice(e,0,i);else{const s=e.value||e.text,o=this._options.findIndex(n=>n.value===s);o>=0?this._options.splice(o,0,i):this._options.push(i)}t.selected&&(this.value=t.value||t.text,this.selectedIndex=this._options.findIndex(s=>s.value===this.value)),this.requestUpdate()}remove(t){var e;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),this._options.splice(t,1),this.requestUpdate())}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(){this.inputRef.value&&"showPicker"in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(t,e,i){var s,o;t==="options"&&(this._options=i?JSON.parse(i):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((s=this.inputRef.value)==null?void 0:s.selectedIndex):this._options.findIndex(n=>n.value===i),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions,this.valueChanged(i,e)),super.attributeChangedCallback(t,e,i)}update(t){var e,i;super.update(t),t.has("_optionsProp")&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate("_options"),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),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(s=>s.value===this.value),this.selectedOptions=(i=this.inputRef.value)==null?void 0:i.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._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(i=>i.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 p.x`
+      <pkt-input-wrapper
+        ?counter=${this.counter}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?hasFieldset=${this.hasFieldset}
+        ?inline=${this.inline}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        ariaDescribedBy=${l.o(this.ariaDescribedBy)}
+        class="pkt-select"
+        errorMessage=${l.o(this.errorMessage)}
+        forId=${this.id+"-input"}
+        helptext=${l.o(this.helptext)}
+        helptextDropdown=${l.o(this.helptextDropdown)}
+        helptextDropdownButton=${l.o(this.helptextDropdownButton)}
+        label=${l.o(this.label)}
+        optionalText=${l.o(this.optionalText)}
+        requiredText=${l.o(this.requiredText)}
+        tagText=${l.o(this.tagText)}
+      >
+        <select
+          class=${t}
+          aria-invalid=${this.hasError}
+          aria-errormessage=${`${this.id}-error`}
+          aria-labelledby=${l.o(this.ariaLabelledby)}
+          ?disabled=${this.disabled}
+          id=${this.id+"-input"}
+          name=${(this.name||this.id)+"-input"}
+          value=${this.value}
+          @change=${e=>{this.touched=!0,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()}}
+          ${h.n(this.inputRef)}
+        >
+          ${this._options.length>0?this._options.map(e=>p.x`<option
+                    value=${e.value}
+                    ?selected=${this.value==e.value||e.selected}
+                    ?disabled=${e.disabled}
+                    ?hidden=${e.hidden}
+                  >
+                    ${e.label}
+                  </option>`):""}
+        </select>
+        <div class="pkt-contents" ${h.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
+      </pkt-input-wrapper>
+    `}returnNumberOrNull(t){return t==null||isNaN(t)?null:t}};d([p.n({type:String})],exports.PktSelect.prototype,"value",2);exports.PktSelect=d([p.t("pkt-select")],exports.PktSelect);

package/dist/{state-DS_kr2Fy.js → state-DgnkjP0q.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./element-CRDRygXu.js";
+import { n as r } from "./element-BXsf_NlG.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/{state-DSjcvzDN.cjs → state-GDzxl12x.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-CJ_QKaki.cjs");/**
+"use strict";const e=require("./element-aUzIoa1s.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{tabitem-D5zyipN1.cjs → tabitem-CtltSqDK.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),v=require("./state-DSjcvzDN.cjs"),p=require("./ref-BFa5Utho.cjs"),u=require("./if-defined-Bc9-_I01.cjs");/**
+"use strict";const a=require("./element-aUzIoa1s.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),v=require("./state-GDzxl12x.cjs"),p=require("./ref-C5iJMIE1.cjs"),u=require("./if-defined-BElHLTlB.cjs");/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{tabitem-NV2fzs_-.js → tabitem-CypTmORF.js}

@@ -1,8 +1,8 @@
-import { P as $, x as p, n as h, a as y } from "./element-CRDRygXu.js";
+import { P as $, x as p, n as h, t as y } from "./element-BXsf_NlG.js";
 import { P as C } from "./pkt-slot-controller-BPGj-LC5.js";
-import { r as w } from "./state-DS_kr2Fy.js";
-import { e as x, n as f } from "./ref-Xa5dbh--.js";
-import { o as u } from "./if-defined-BWZGb3bh.js";
+import { r as w } from "./state-DgnkjP0q.js";
+import { e as x, n as f } from "./ref-BxiKhrfa.js";
+import { o as u } from "./if-defined-CxHgig4I.js";
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -25,11 +25,11 @@ let P = class extends Event {
  */
 let m = class {
   constructor(t, s, i, e) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (a, r) => {
-      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = a, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(a, r)), this.unsubscribe = r;
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, r) => {
+      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, r)), this.unsubscribe = r;
     }, this.host = t, s.context !== void 0) {
-      const a = s;
-      this.context = a.context, this.callback = a.callback, this.subscribe = a.subscribe ?? !1;
+      const n = s;
+      this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
     } else this.context = s, this.callback = i, this.subscribe = e ?? !1;
     this.host.addController(this);
   }
@@ -88,17 +88,17 @@ let _ = class extends Event {
 };
 class g extends N {
   constructor(t, s, i) {
-    var e, a;
+    var e, n;
     super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (r) => {
       if (r.context !== this.context) return;
-      const n = r.contextTarget ?? r.composedPath()[0];
-      n !== this.host && (r.stopPropagation(), this.addCallback(r.callback, n, r.subscribe));
+      const a = r.contextTarget ?? r.composedPath()[0];
+      a !== this.host && (r.stopPropagation(), this.addCallback(r.callback, a, r.subscribe));
     }, this.onProviderRequest = (r) => {
       if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
-      const n = /* @__PURE__ */ new Set();
-      for (const [v, { consumerHost: k }] of this.subscriptions) n.has(v) || (n.add(v), k.dispatchEvent(new P(this.context, k, v, !0)));
+      const a = /* @__PURE__ */ new Set();
+      for (const [v, { consumerHost: k }] of this.subscriptions) a.has(v) || (a.add(v), k.dispatchEvent(new P(this.context, k, v, !0)));
       r.stopPropagation();
-    }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (a = (e = this.host).addController) == null || a.call(e, this);
+    }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (n = (e = this.host).addController) == null || n.call(e, this);
   }
   attachListeners() {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
@@ -127,21 +127,21 @@ function R({ context: o }) {
         i.set(r, new g(r, { context: o }));
       }));
       const e = Object.getOwnPropertyDescriptor(t, s);
-      let a;
+      let n;
       if (e === void 0) {
         const r = /* @__PURE__ */ new WeakMap();
-        a = { get() {
+        n = { get() {
           return r.get(this);
-        }, set(n) {
-          i.get(this).setValue(n), r.set(this, n);
+        }, set(a) {
+          i.get(this).setValue(a), r.set(this, a);
         }, configurable: !0, enumerable: !0 };
       } else {
         const r = e.set;
-        a = { ...e, set(n) {
-          i.get(this).setValue(n), r == null || r.call(this, n);
+        n = { ...e, set(a) {
+          i.get(this).setValue(a), r == null || r.call(this, a);
         } };
       }
-      return void Object.defineProperty(t, s, a);
+      return void Object.defineProperty(t, s, n);
     }
   };
 }
@@ -157,16 +157,16 @@ function A({ context: o, subscribe: t }) {
         s.set.call(this, e);
       }, subscribe: t });
     })) : s.constructor.addInitializer(((e) => {
-      new m(e, { context: o, callback: (a) => {
-        e[i] = a;
+      new m(e, { context: o, callback: (n) => {
+        e[i] = n;
       }, subscribe: t });
     }));
   };
 }
 const S = Symbol("pkt-tabs-context");
 var O = Object.defineProperty, T = Object.getOwnPropertyDescriptor, d = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? T(t, s) : t, a = o.length - 1, r; a >= 0; a--)
-    (r = o[a]) && (e = (i ? r(t, s, e) : r(e)) || e);
+  for (var e = i > 1 ? void 0 : i ? T(t, s) : t, n = o.length - 1, r; n >= 0; n--)
+    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
   return i && e && O(t, s, e), e;
 };
 let b = class extends $ {
@@ -240,8 +240,8 @@ b = d([
 ], b);
 const M = b;
 var j = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? q(t, s) : t, a = o.length - 1, r; a >= 0; a--)
-    (r = o[a]) && (e = (i ? r(t, s, e) : r(e)) || e);
+  for (var e = i > 1 ? void 0 : i ? q(t, s) : t, n = o.length - 1, r; n >= 0; n--)
+    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
   return i && e && j(t, s, e), e;
 };
 let c = class extends $ {
@@ -261,7 +261,7 @@ let c = class extends $ {
   }
   render() {
     var r;
-    const o = ((r = this.context) == null ? void 0 : r.useArrowNav) ?? !0, t = this.active ? "active" : "", s = o ? "tab" : void 0, i = o ? this.active : void 0, e = this.active || !o ? void 0 : -1, a = p`
+    const o = ((r = this.context) == null ? void 0 : r.useArrowNav) ?? !0, t = this.active ? "active" : "", s = o ? "tab" : void 0, i = o ? this.active : void 0, e = this.active || !o ? void 0 : -1, n = p`
       ${this.icon ? p`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>` : ""}
       <span ${f(this.defaultSlot)}></span>
       ${this.tag ? p`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
@@ -278,7 +278,7 @@ let c = class extends $ {
           @click=${this.handleClick}
           @keyup=${this.handleKeyUp}
         >
-          ${a}
+          ${n}
         </a>
       ` : p`
       <button
@@ -292,7 +292,7 @@ let c = class extends $ {
         @click=${this.handleClick}
         @keyup=${this.handleKeyUp}
       >
-        ${a}
+        ${n}
       </button>
     `;
   }

package/dist/{tag-B02fKJ66.cjs → tag-BfjOlIyS.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("./class-map-C_erArZz.cjs"),t=require("./element-CJ_QKaki.cjs"),k=require("./state-DSjcvzDN.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-BFa5Utho.cjs");require("./icon-MRx-m0Or.cjs");const u=require("./if-defined-Bc9-_I01.cjs"),d={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},r={props:d};var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,a,o)=>{for(var s=o>1?void 0:o?y(e,a):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(o?p(e,a,s):p(s))||s);return o&&s&&f(e,a,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:!1,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!1,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var a,o;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(o=(a=this.defaultSlot.value)==null?void 0:a.textContent)==null?void 0:o.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},a={"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 h=require("./class-map-CApIYSRo.cjs"),t=require("./element-aUzIoa1s.cjs"),k=require("./state-GDzxl12x.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-C5iJMIE1.cjs");require("./icon-Dl9ZPqe6.cjs");const u=require("./if-defined-BElHLTlB.cjs"),d={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},r={props:d};var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,a,o)=>{for(var s=o>1?void 0:o?y(e,a):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(o?p(e,a,s):p(s))||s);return o&&s&&f(e,a,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:!1,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!1,composed:!0}))},this.slotController=new g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var a,o;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(o=(a=this.defaultSlot.value)==null?void 0:a.textContent)==null?void 0:o.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},a={"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=${h.e(a)}
           type=${this.type}

package/dist/{tag-CES41g0D.js → tag-DgoTYNVA.js}

@@ -1,10 +1,10 @@
-import { e as u } from "./class-map-wy7PUk0P.js";
-import { P as m, x as p, n as r, a as g } from "./element-CRDRygXu.js";
-import { r as k } from "./state-DS_kr2Fy.js";
+import { e as u } from "./class-map-Dt2jXOlF.js";
+import { P as m, x as p, n as r, t as g } from "./element-BXsf_NlG.js";
+import { r as k } from "./state-DgnkjP0q.js";
 import { P as y } from "./pkt-slot-controller-BPGj-LC5.js";
-import { e as b, n as f } from "./ref-Xa5dbh--.js";
-import "./icon-BB7e5iQN.js";
-import { o as d } from "./if-defined-BWZGb3bh.js";
+import { e as b, n as f } from "./ref-BxiKhrfa.js";
+import "./icon-BgG6oO4Q.js";
+import { o as d } from "./if-defined-CxHgig4I.js";
 const _ = { size: { default: "medium" }, skin: { default: "blue" }, closeTag: { default: !1 }, type: { default: "button" } }, n = {
   props: _
 };

package/dist/{textarea-a6T4aJJU.js → textarea-Da9E3RM7.js}

@@ -1,14 +1,14 @@
-import { T as l, E as $, x as f, n as d, a as g } from "./element-CRDRygXu.js";
-import { o as u } from "./if-defined-BWZGb3bh.js";
-import { r as x } from "./state-DS_kr2Fy.js";
-import { e as m, n as c } from "./ref-Xa5dbh--.js";
-import { e as v } from "./class-map-wy7PUk0P.js";
+import { T as l, E as $, x as f, n as d, t as g } from "./element-BXsf_NlG.js";
+import { o as u } from "./if-defined-CxHgig4I.js";
+import { r as x } from "./state-DgnkjP0q.js";
+import { e as m, n as c } from "./ref-BxiKhrfa.js";
+import { e as v } from "./class-map-Dt2jXOlF.js";
 import { e as T, i as b, t as a } from "./directive-oAbCiebi.js";
-import { f as y, m as w } from "./directive-helpers-BzAtj9by.js";
-import { P as C } from "./input-element-B8M8Nppd.js";
+import { f as y, m as w } from "./directive-helpers-CQef4qUQ.js";
+import { P as C } from "./input-element-DVZhYDJ_.js";
 import { P as E } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-1PCXqtiu.js";
-import "./icon-BB7e5iQN.js";
+import "./input-wrapper-3qfjLkrP.js";
+import "./icon-BgG6oO4Q.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/dist/{textarea-DyUy8u7X.cjs → textarea-Dfa4_ZBy.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-CJ_QKaki.cjs"),p=require("./if-defined-Bc9-_I01.cjs"),c=require("./state-DSjcvzDN.cjs"),l=require("./ref-BFa5Utho.cjs"),$=require("./class-map-C_erArZz.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-4oOjKnGY.cjs"),x=require("./input-element-D697OAJo.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CtBiAb04.cjs");require("./icon-MRx-m0Or.cjs");/**
+"use strict";const s=require("./element-aUzIoa1s.cjs"),p=require("./if-defined-BElHLTlB.cjs"),c=require("./state-GDzxl12x.cjs"),l=require("./ref-C5iJMIE1.cjs"),$=require("./class-map-CApIYSRo.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-CYIEJ8pI.cjs"),x=require("./input-element-RBQVA8i0.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-rgXsRNkk.cjs");require("./icon-Dl9ZPqe6.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-IN3b0nSH.cjs → textinput-CLM9fRjm.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-CJ_QKaki.cjs"),a=require("./if-defined-Bc9-_I01.cjs"),l=require("./state-DSjcvzDN.cjs"),h=require("./ref-BFa5Utho.cjs"),c=require("./class-map-C_erArZz.cjs"),d=require("./input-element-D697OAJo.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CtBiAb04.cjs");require("./icon-MRx-m0Or.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 d.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 x.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-aUzIoa1s.cjs"),a=require("./if-defined-BElHLTlB.cjs"),l=require("./state-GDzxl12x.cjs"),h=require("./ref-C5iJMIE1.cjs"),c=require("./class-map-CApIYSRo.cjs"),d=require("./input-element-RBQVA8i0.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-rgXsRNkk.cjs");require("./icon-Dl9ZPqe6.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 d.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 x.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/dist/{textinput-DIuM70dd.js → textinput-DaMYc5gd.js}

@@ -1,12 +1,12 @@
-import { E as p, x as h, n as a, a as $ } from "./element-CRDRygXu.js";
-import { o as u } from "./if-defined-BWZGb3bh.js";
-import { r as f } from "./state-DS_kr2Fy.js";
-import { e as d, n as m } from "./ref-Xa5dbh--.js";
-import { e as g } from "./class-map-wy7PUk0P.js";
-import { P as x } from "./input-element-B8M8Nppd.js";
+import { E as p, x as h, n as a, t as $ } from "./element-BXsf_NlG.js";
+import { o as u } from "./if-defined-CxHgig4I.js";
+import { r as f } from "./state-DgnkjP0q.js";
+import { e as d, n as m } from "./ref-BxiKhrfa.js";
+import { e as g } from "./class-map-Dt2jXOlF.js";
+import { P as x } from "./input-element-DVZhYDJ_.js";
 import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-1PCXqtiu.js";
-import "./icon-BB7e5iQN.js";
+import "./input-wrapper-3qfjLkrP.js";
+import "./icon-BgG6oO4Q.js";
 var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, e, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(e, r) : e, l = i.length - 1, c; l >= 0; l--)
     (c = i[l]) && (n = (t ? c(e, r, n) : c(n)) || n);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "14.3.0",
+  "version": "14.5.2",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -79,5 +79,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "892df7abaa2e9e117dc32b0c44c77592c80233cb"
+  "gitHead": "fd47b46c754cf9df72186df66db3f17d2bb925b4"
 }

package/src/components/checkbox/checkbox.ts

@@ -23,7 +23,7 @@ type Props = ElementProps<
 
 @customElement('pkt-checkbox')
 export class PktCheckbox extends PktInputElement<Props> {
-  private inputRef: Ref<HTMLInputElement> = createRef()
+  inputRef: Ref<HTMLInputElement> = createRef()
 
   @property({ type: String, reflect: true }) value: string = ''
   @property({ type: String }) checkHelptext: string | null = null

package/src/components/combobox/combobox.ts

@@ -93,8 +93,8 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
 
   // State
   @state() _options: IPktComboboxOption[] = []
+  @state() _value: string[] = [] // Internal value representation
   @state() private _isOptionsOpen = false
-  @state() private _value: string[] = []
   @state() private _userInfoMessage: string = ''
   @state() private _addValueText: string | null = null
   @state() private _maxIsReached: boolean = false
@@ -130,7 +130,7 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
     }
 
     // If options are provided via the options slot, we need to extract them
-    if (this.optionsController.nodes.length) {
+    if (this.optionsController?.nodes && this.optionsController.nodes.length) {
       const options: IPktComboboxOption[] = []
       this.optionsController.nodes.forEach((node: Element) => {
         if (!node.textContent && !node.getAttribute('value')) return null

package/src/components/datepicker/datepicker-utils.test.ts

@@ -13,31 +13,6 @@ import { createRef } from 'lit/directives/ref.js'
 
 describe('datepicker-utils', () => {
   describe('valueUtils', () => {
-    describe('normalizeNameForMultiple', () => {
-      it('should return null when name is null', () => {
-        expect(valueUtils.normalizeNameForMultiple(null, false, false)).toBe(null)
-        expect(valueUtils.normalizeNameForMultiple(null, true, false)).toBe(null)
-        expect(valueUtils.normalizeNameForMultiple(null, false, true)).toBe(null)
-      })
-
-      it('should add [] suffix for multiple inputs without []', () => {
-        expect(valueUtils.normalizeNameForMultiple('dates', true, false)).toBe('dates[]')
-      })
-
-      it('should add [] suffix for range inputs without []', () => {
-        expect(valueUtils.normalizeNameForMultiple('daterange', false, true)).toBe('daterange[]')
-      })
-
-      it('should not add [] suffix when already present', () => {
-        expect(valueUtils.normalizeNameForMultiple('dates[]', true, false)).toBe('dates[]')
-        expect(valueUtils.normalizeNameForMultiple('range[]', false, true)).toBe('range[]')
-      })
-
-      it('should not modify name for single inputs', () => {
-        expect(valueUtils.normalizeNameForMultiple('singledate', false, false)).toBe('singledate')
-      })
-    })
-
     describe('validateRangeOrder', () => {
       it('should return true for incomplete ranges', () => {
         expect(valueUtils.validateRangeOrder([])).toBe(true)