@oslokommune/punkt-elements 12.34.2 → 12.34.4

package/dist/{checkbox-nAnAn0E5.js → checkbox-CyYfA2fu.js}

@@ -1,7 +1,7 @@
-import { E as n, x as r, n as s, a as d } from "./element-J964Wi0N.js";
-import { P as k } from "./input-element-BoUU9kvo.js";
-import { e as b, n as f } from "./ref-3rhflVgg.js";
-import { e as u } from "./class-map-D4QK1bDP.js";
+import { E as n, x as r, n as s, a as d } from "./element-DjjF_tEh.js";
+import { P as k } from "./input-element-Bic-t96S.js";
+import { e as b, n as f } from "./ref-iIffqQAI.js";
+import { e as u } from "./class-map-KyMqi0fa.js";
 var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, h, c, l) => {
   for (var p = l > 1 ? void 0 : l ? y(h, c) : h, a = e.length - 1, o; a >= 0; a--)
     (o = e[a]) && (p = (l ? o(h, c, p) : o(p)) || p);

package/dist/checkbox.d.ts

@@ -1,47 +1 @@
 export { }
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-icon': PktIcon;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-combobox': PktCombobox & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-listbox': PktListbox;
-    }
-}
-
-
-/**
- * Pkt Select is a wrapper for the native select element using the pkt-input-wrapper component.
- *
- * The component will prioritize options passed as a prop over options passed as children if both are provided.
- * This is to allow for dynamic options that might change in the case of both children/slot and props are provided.
- *
- * @slot (default) - Options to be rendered as children
- * @prop {TSelectOption[]} options - Options to be rendered as children
- *
- *
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'pkt-select': PktSelect & HTMLSelectElement;
-    }
-}
-
-
-declare global {
-    interface Window {
-        pktTz: string;
-    }
-}

package/dist/{class-map-BjTUtIEl.cjs → class-map-DCyaICmy.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-BYpg5e6C.cjs"),r=require("./directive-C7oCP5Bh.cjs");/**
+"use strict";const a=require("./element-BSypUpzA.cjs"),r=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{class-map-D4QK1bDP.js → class-map-KyMqi0fa.js}

@@ -1,4 +1,4 @@
-import { T as a } from "./element-J964Wi0N.js";
+import { T as a } from "./element-DjjF_tEh.js";
 import { e as h, i as d, t as c } from "./directive-oAbCiebi.js";
 /**
  * @license

package/dist/{combobox-CKmkM6tY.js → combobox-CELUAZxF.js}

@@ -1,16 +1,16 @@
-import { E as y, x as d, n as r, a as O } from "./element-J964Wi0N.js";
-import { o as f } from "./if-defined-DEXc_i_J.js";
-import { r as c } from "./state-fdb9lRrL.js";
-import { e as _, n as v } from "./ref-3rhflVgg.js";
-import { e as k } from "./class-map-D4QK1bDP.js";
-import { c as R } from "./repeat-CTBD0h6a.js";
-import { P as V } from "./input-element-BoUU9kvo.js";
+import { E as y, x as d, n as r, a as O } from "./element-DjjF_tEh.js";
+import { o as f } from "./if-defined-BErSJCeJ.js";
+import { r as c } from "./state-BtbpSrdV.js";
+import { e as _, n as v } from "./ref-iIffqQAI.js";
+import { e as k } from "./class-map-KyMqi0fa.js";
+import { c as R } from "./repeat-D4kMediE.js";
+import { P as V } from "./input-element-Bic-t96S.js";
 import { P as C } from "./pkt-options-controller-CFmzX4xL.js";
 import { P as S } from "./pkt-slot-controller-DFrc5O93.js";
-import "./input-wrapper-CZI_ibQL.js";
-import "./icon-kSv2VoAB.js";
-import "./tag-Dizhf3tl.js";
-import "./listbox-B4tiuVzB.js";
+import "./input-wrapper-CeeNYbDA.js";
+import "./icon-Beoxup8E.js";
+import "./tag-CGnj4c1Z.js";
+import "./listbox-C1oYnM-t.js";
 const T = {
   displayValueAs: {
     default: "label"
@@ -18,10 +18,10 @@ const T = {
 }, A = {
   props: T
 };
-var M = Object.defineProperty, F = Object.getOwnPropertyDescriptor, h = (t, e, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? F(e, s) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (o = (i ? l(e, s, o) : l(o)) || o);
-  return i && o && M(e, s, o), o;
+var M = Object.defineProperty, F = Object.getOwnPropertyDescriptor, h = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? F(t, s) : t, o = e.length - 1, l; o >= 0; o--)
+    (l = e[o]) && (n = (i ? l(t, s, n) : l(n)) || n);
+  return i && n && M(t, s, n), n;
 };
 let a = class extends V {
   constructor() {
@@ -29,34 +29,38 @@ let a = class extends V {
   }
   // Lifecycle methods
   connectedCallback() {
-    if (super.connectedCallback(), document && document.body.addEventListener("click", (t) => {
-      this._isOptionsOpen && !this.contains(t.target) && this.handleFocusOut(t);
+    if (super.connectedCallback(), document && document.body.addEventListener("click", (e) => {
+      this._isOptionsOpen && !this.contains(e.target) && this.handleFocusOut(e);
     }), this._options = [], this.optionsController.nodes.length) {
-      const t = [];
-      this.optionsController.nodes.forEach((e) => {
-        if (!e.textContent && !e.getAttribute("value")) return null;
+      const e = [];
+      this.optionsController.nodes.forEach((t) => {
+        if (!t.textContent && !t.getAttribute("value")) return null;
         const s = {
-          value: e.getAttribute("value") || e.textContent || "",
-          label: e.textContent || e.getAttribute("value") || ""
+          value: t.getAttribute("value") || t.textContent || "",
+          label: t.textContent || t.getAttribute("value") || ""
         };
-        e.getAttribute("data-prefix") && (s.prefix = e.getAttribute("data-prefix") || void 0), e.getAttribute("tagskincolor") && (s.tagSkinColor = e.getAttribute("tagskincolor")), e.getAttribute("description") && (s.description = e.getAttribute("description") || void 0), s.fulltext = s.value + s.label + (s.prefix || ""), t.push(s);
-      }), t.length && (this.options = [...t], this._options = [...t]);
+        t.getAttribute("data-prefix") && (s.prefix = t.getAttribute("data-prefix") || void 0), t.getAttribute("tagskincolor") && (s.tagSkinColor = t.getAttribute("tagskincolor")), t.getAttribute("description") && (s.description = t.getAttribute("description") || void 0), s.fulltext = s.value + s.label + (s.prefix || ""), e.push(s);
+      }), e.length && (this.options = [...e], this._options = [...e]);
     }
   }
-  updated(t) {
-    t.has("_value") && this.valueChanged(this._value, t.get("_value")), t.has("value") && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]]), this.isMaxItemsReached()), t.has("options") && this.options.length && (this._options = this.options, this._options.forEach((e) => {
-      e.fulltext = e.value + e.label + (e.prefix || ""), e.selected = this._value.includes(e.value);
-    })), t.has("_search") && this.dispatchEvent(
+  updated(e) {
+    e.has("_value") && this.valueChanged(this._value, e.get("_value")), e.has("value") && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]]), this.isMaxItemsReached()), e.has("options") && this.options.length && (this._options = this.options, this._options.forEach((t) => {
+      if (t.value && !t.label && (t.label = t.value), t.selected && !this._value.includes(t.value)) {
+        const s = [...this._value];
+        this._value = [...this._value, t.value], this.valueChanged(this._value, s);
+      }
+      t.fulltext = t.value + t.label + (t.prefix || ""), t.selected = t.selected || this._value.includes(t.value);
+    })), e.has("_search") && this.dispatchEvent(
       new CustomEvent("search", {
         detail: this._search,
         bubbles: !1
       })
-    ), super.updated(t);
+    ), super.updated(e);
   }
-  attributeChangedCallback(t, e, s) {
-    t === "value" && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]])), t === "options" && (this._options = this.options, this._options.forEach((i) => {
-      i.fulltext = i.value + i.label + (i.prefix || "");
-    }), this._search = ""), super.attributeChangedCallback(t, e, s);
+  attributeChangedCallback(e, t, s) {
+    e === "value" && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]])), e === "options" && (this._options = this.options, this._options.forEach((i) => {
+      i.value && !i.label && (i.label = i.value), i.selected && !this._value.includes(i.value) && (this._value = [...this._value, i.value]), i.fulltext = i.value + i.label + (i.prefix || "");
+    }), this._search = ""), super.attributeChangedCallback(e, t, s);
   }
   // Render methods
   render() {
@@ -183,62 +187,62 @@ let a = class extends V {
         `;
   }
   renderSingleOrMultipleValues() {
-    const t = !this.multiple, e = this._editingSingleValue ? null : this.renderValueTag(this.findValueInOptions(this._value[0])), s = R(
+    const e = !this.multiple, t = this._editingSingleValue ? null : this.renderValueTag(this.findValueInOptions(this._value[0])), s = R(
       this._value,
       (i) => i,
       (i) => {
         var l;
-        const o = this.findValueInOptions(i), n = (l = this.options.find((u) => u.value === i)) == null ? void 0 : l.tagSkinColor;
+        const n = this.findValueInOptions(i), o = (l = this.options.find((u) => u.value === i)) == null ? void 0 : l.tagSkinColor;
         return d`
           <pkt-tag
-            skin=${n || "blue-dark"}
+            skin=${o || "blue-dark"}
             ?closeTag=${!this.disabled}
             @close=${() => this.handleTagRemove(i)}
           >
-            ${this.renderValueTag(o)}
+            ${this.renderValueTag(n)}
           </pkt-tag>
         `;
       }
     );
-    return t ? e : s;
+    return e ? t : s;
   }
-  renderValueTag(t) {
-    if (!t) return "";
+  renderValueTag(e) {
+    if (!e) return "";
     switch (this.displayValueAs) {
       case "prefixAndValue":
-        return d`<span data-focusfix=${this.id}>${t.prefix || ""} ${t.value}</span>`;
+        return d`<span data-focusfix=${this.id}>${e.prefix || ""} ${e.value}</span>`;
       case "value":
-        return d`<span data-focusfix=${this.id}>${t.value}</span>`;
+        return d`<span data-focusfix=${this.id}>${e.value}</span>`;
       case "label":
       default:
-        return d`<span data-focusfix=${this.id}>${t.label || t.value}</span>`;
+        return d`<span data-focusfix=${this.id}>${e.label || e.value}</span>`;
     }
   }
   // Event handlers
-  handleInput(t) {
-    if (t.stopPropagation(), t.stopImmediatePropagation(), this.disabled) return;
+  handleInput(e) {
+    if (e.stopPropagation(), e.stopImmediatePropagation(), this.disabled) return;
     this.touched = !0;
-    const e = t.target;
-    if (this._search = e.value, this.checkForMatches(), this.typeahead)
+    const t = e.target;
+    if (this._search = t.value, this.checkForMatches(), this.typeahead)
       if (this._search) {
         if (this._options = this.options.filter(
           (s) => {
             var i;
             return (i = s.fulltext) == null ? void 0 : i.toLowerCase().includes(this._search.toLowerCase());
           }
-        ), t.inputType !== "deleteContentBackward") {
+        ), e.inputType !== "deleteContentBackward") {
           const s = this._options.filter(
             (i) => {
-              var o;
-              return !i.selected && ((o = i.label) == null ? void 0 : o.toLowerCase().startsWith(this._search.toLowerCase()));
+              var n;
+              return !i.selected && ((n = i.label) == null ? void 0 : n.toLowerCase().startsWith(this._search.toLowerCase()));
             }
           );
           if (s.length > 0 && this.inputRef.value && this.inputRef.value.type !== "hidden") {
             const i = s[0];
-            i != null && i.label && (e.value = i.label, window.setTimeout(
-              () => e.setSelectionRange(this._search.length, e.value.length),
+            i != null && i.label && (t.value = i.label, window.setTimeout(
+              () => t.setSelectionRange(this._search.length, t.value.length),
               0
-            ), e.selectionDirection = "backward");
+            ), t.selectionDirection = "backward");
           }
         }
       } else
@@ -247,15 +251,15 @@ let a = class extends V {
   handleFocus() {
     if (!this.disabled) {
       if (!this.multiple && this._value[0] && this.inputRef.value && this.inputRef.value.type !== "hidden") {
-        const t = this.findValueInOptions(this._value[0]);
-        this._editingSingleValue = !0, this.inputRef.value.value = this.displayValueAs === "label" && (t != null && t.label) ? t.label : this._value[0];
+        const e = this.findValueInOptions(this._value[0]);
+        this._editingSingleValue = !0, this.inputRef.value.value = this.displayValueAs === "label" && (e != null && e.label) ? e.label : this._value[0];
       }
       this._inputFocus = !0, this._search = "", this._options = [...this.options], this._isOptionsOpen = !0, this.onFocus(), this.requestUpdate();
     }
   }
-  handleFocusOut(t) {
-    var e, s, i, o, n;
-    if (!this.disabled && ((s = (e = t.relatedTarget) == null ? void 0 : e.closest("pkt-combobox")) == null ? void 0 : s.id) !== this.id && ((o = (i = t.relatedTarget) == null ? void 0 : i.closest("pkt-combobox")) == null ? void 0 : o.id) !== this.id && ((n = t.target) == null ? void 0 : n.getAttribute("data-focusfix")) !== this.id && t.relatedTarget !== this.focusRef.value && t.relatedTarget !== this.inputRef.value && t.relatedTarget !== this.arrowRef.value && this._isOptionsOpen) {
+  handleFocusOut(e) {
+    var t, s, i, n, o;
+    if (!this.disabled && ((s = (t = e.relatedTarget) == null ? void 0 : t.closest("pkt-combobox")) == null ? void 0 : s.id) !== this.id && ((n = (i = e.relatedTarget) == null ? void 0 : i.closest("pkt-combobox")) == null ? void 0 : n.id) !== this.id && ((o = e.target) == null ? void 0 : o.getAttribute("data-focusfix")) !== this.id && e.relatedTarget !== this.focusRef.value && e.relatedTarget !== this.inputRef.value && e.relatedTarget !== this.arrowRef.value && this._isOptionsOpen) {
       if (this._inputFocus = !1, this._addValueText = null, this._userInfoMessage = "", this._search = "", this.inputRef.value && this.inputRef.value.type !== "hidden" && this.inputRef.value.value !== "") {
         const l = this.inputRef.value.value;
         !this._value.includes(l) && !this._options.find((u) => u.label === l) ? this.allowUserInput ? this.addNewUserValue(l) : this.multiple || this.removeValue(this._value[0]) : this._value.includes(l) || this.setSelected(l), this.inputRef.value.value = "";
@@ -266,66 +270,66 @@ let a = class extends V {
   handleBlur() {
     this._inputFocus = !1, this._editingSingleValue = !1, this.onBlur();
   }
-  handleInputClick(t) {
-    var e, s;
-    this.disabled || (t.currentTarget && t.currentTarget !== this.arrowRef.value && ((e = this.inputRef.value) == null ? void 0 : e.type) !== "hidden" ? (s = this.inputRef.value) == null || s.focus() : this.handleArrowClick(t));
+  handleInputClick(e) {
+    var t, s;
+    this.disabled || (e.currentTarget && e.currentTarget !== this.arrowRef.value && ((t = this.inputRef.value) == null ? void 0 : t.type) !== "hidden" ? (s = this.inputRef.value) == null || s.focus() : this.handleArrowClick(e));
   }
-  handleArrowClick(t) {
-    var e, s;
-    this.disabled || t instanceof KeyboardEvent && t.key && t.key !== "Enter" && t.key !== " " && t.key !== "ArrowDown" || (t.stopImmediatePropagation(), t.preventDefault(), this._isOptionsOpen = !this._isOptionsOpen, this._isOptionsOpen ? (e = this.listboxRef.value) == null || e.focusFirstOrSelectedOption() : (s = this.arrowRef.value) == null || s.focus());
+  handleArrowClick(e) {
+    var t, s;
+    this.disabled || e instanceof KeyboardEvent && e.key && e.key !== "Enter" && e.key !== " " && e.key !== "ArrowDown" || (e.stopImmediatePropagation(), e.preventDefault(), this._isOptionsOpen = !this._isOptionsOpen, this._isOptionsOpen ? (t = this.listboxRef.value) == null || t.focusFirstOrSelectedOption() : (s = this.arrowRef.value) == null || s.focus());
   }
-  handleOptionToggled(t) {
-    this.toggleValue(t.detail);
+  handleOptionToggled(e) {
+    this.toggleValue(e.detail);
   }
-  handleSearch(t) {
-    t.stopPropagation(), this._search = t.detail.toLowerCase();
+  handleSearch(e) {
+    e.stopPropagation(), this._search = e.detail.toLowerCase();
   }
-  handleInputKeydown(t) {
-    var e, s, i;
-    switch (t.key) {
+  handleInputKeydown(e) {
+    var t, s, i;
+    switch (e.key) {
       case ",":
       case "Enter":
-        t.preventDefault(), this.addValue();
+        e.preventDefault(), this.addValue();
         break;
       case "Backspace":
-        !this._search && ((e = this.inputRef.value) == null ? void 0 : e.type) === "hidden" && this.removeLastValue(t);
+        !this._search && ((t = this.inputRef.value) == null ? void 0 : t.type) === "hidden" && this.removeLastValue(e);
         break;
       case "Tab":
       case "ArrowDown":
-        t.shiftKey || ((s = this.listboxRef.value) == null || s.focusFirstOrSelectedOption(), t.preventDefault());
+        e.shiftKey || ((s = this.listboxRef.value) == null || s.focusFirstOrSelectedOption(), e.preventDefault());
         break;
       case "Escape":
-        this._isOptionsOpen = !1, (i = this.arrowRef.value) == null || i.focus(), t.preventDefault();
+        this._isOptionsOpen = !1, (i = this.arrowRef.value) == null || i.focus(), e.preventDefault();
         break;
     }
   }
-  handleTagRemove(t) {
-    this.removeSelected(t);
+  handleTagRemove(e) {
+    this.removeSelected(e);
   }
   blurInput() {
     this.inputRef.value && this.inputRef.value.matches(":focus") && this.inputRef.value.blur();
   }
   checkForMatches() {
-    var n;
-    const t = ((n = this.inputRef.value) == null ? void 0 : n.value) || this._search || "", e = t.trim().toLowerCase() || "";
-    if (!e) {
+    var o;
+    const e = ((o = this.inputRef.value) == null ? void 0 : o.value) || this._search || "", t = e.trim().toLowerCase() || "";
+    if (!t) {
       !this.multiple && this._value[0] && this.removeValue(this._value[0]), this.resetComboboxInput(!1);
       return;
     }
-    const s = this._value.find((l) => l.toLowerCase() === e), i = this._options.filter(
+    const s = this._value.find((l) => l.toLowerCase() === t), i = this._options.filter(
       (l) => {
         var u;
-        return ((u = l.label) == null ? void 0 : u.toLowerCase().includes(e)) ?? !1;
+        return ((u = l.label) == null ? void 0 : u.toLowerCase().includes(t)) ?? !1;
       }
-    ), o = i.find(
+    ), n = i.find(
       (l) => {
         var u;
-        return ((u = l.label) == null ? void 0 : u.toLowerCase()) === e || l.value.toLowerCase() === e;
+        return ((u = l.label) == null ? void 0 : u.toLowerCase()) === t || l.value.toLowerCase() === t;
       }
     );
     switch (!0) {
-      case ((i.length === 0 || !o) && this.allowUserInput):
-        this._addValueText = t, this._userInfoMessage = "";
+      case ((i.length === 0 || !n) && this.allowUserInput):
+        this._addValueText = e, this._userInfoMessage = "";
         break;
       case (i.length === 0 && !this.allowUserInput):
         this._addValueText = null, this._userInfoMessage = "Ingen match i søket";
@@ -340,41 +344,41 @@ let a = class extends V {
         this._addValueText = null, this._userInfoMessage = "";
     }
   }
-  findValueInOptions(t) {
-    return this.options.find((e) => e.value === t || e.label === t) || null;
+  findValueInOptions(e) {
+    return this.options.find((t) => t.value === e || t.label === e) || null;
   }
-  findIndexInOptions(t) {
-    return this._options.findIndex((e) => e.value === t || e.label === t);
+  findIndexInOptions(e) {
+    return this._options.findIndex((t) => t.value === e || t.label === e);
   }
   isMaxItemsReached() {
-    const t = this.maxlength !== null && this._value.length >= this.maxlength;
-    return t ? this._maxIsReached = !0 : this._maxIsReached = !1, t;
+    const e = this.maxlength !== null && this._value.length >= this.maxlength;
+    return e ? this._maxIsReached = !0 : this._maxIsReached = !1, e;
   }
-  toggleValue(t) {
+  toggleValue(e) {
     var I, w;
     if (this.disabled) return;
     this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const e = ((I = this.findValueInOptions(t)) == null ? void 0 : I.value) || null, s = this._value.includes(t || e || ""), i = !!e, o = ((w = this._options.find((m) => m.value === t)) == null ? void 0 : w.disabled) || !1, n = !(t != null && t.trim()), l = !this.multiple, u = this.multiple, $ = this.isMaxItemsReached();
+    const t = ((I = this.findValueInOptions(e)) == null ? void 0 : I.value) || null, s = this._value.includes(e || t || ""), i = !!t, n = ((w = this._options.find((m) => m.value === e)) == null ? void 0 : w.disabled) || !1, o = !(e != null && e.trim()), l = !this.multiple, u = this.multiple, $ = this.isMaxItemsReached();
     let p = !1, b = !0, g = "", x = "";
-    o || (!i && this.allowUserInput && !n ? (this.addNewUserValue(t), g = "Ny verdi lagt til", p = !u) : !i && !this.allowUserInput ? (l && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : s ? (this.removeValue(e), p = !0) : n && l ? (this.removeAllSelected(), p = !0) : l ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(e), p = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : u && !$ ? (this.setSelected(e), p = !0) : u && $ ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = t) : (l && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = t), this._isOptionsOpen = p, p || window.setTimeout(() => {
+    n || (!i && this.allowUserInput && !o ? (this.addNewUserValue(e), g = "Ny verdi lagt til", p = !u) : !i && !this.allowUserInput ? (l && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : s ? (this.removeValue(t), p = !0) : o && l ? (this.removeAllSelected(), p = !0) : l ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(t), p = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : u && !$ ? (this.setSelected(t), p = !0) : u && $ ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = e) : (l && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = e), this._isOptionsOpen = p, p || window.setTimeout(() => {
       var m;
       (m = this.focusRef.value) == null || m.focus();
     }, 0), this._userInfoMessage = g, this._search = x || "", this.resetComboboxInput(b), u && this.isMaxItemsReached());
   }
-  setSelected(t) {
-    if (!this._value.includes(t)) {
+  setSelected(e) {
+    if (!this._value.includes(e)) {
       if (this.multiple && this.isMaxItemsReached()) {
         this._userInfoMessage = "Maks antall valg nådd";
         return;
       }
-      !this.multiple && this.removeAllSelected(), this._value = t ? [...this._value, t] : this._value, this._options = this._options.map((e) => (e.value === t && (e.selected = !0), e)), this.resetComboboxInput(!0);
+      !this.multiple && this.removeAllSelected(), this._value = e ? [...this._value, e] : this._value, this._options = this._options.map((t) => (t.value === e && (t.selected = !0), t)), this.resetComboboxInput(!0);
     }
   }
-  removeSelected(t) {
-    if (!t) return;
-    this._value = this._value.filter((s) => s !== t);
-    const e = this.findValueInOptions(t);
-    e ? (e.selected = !1, e.userAdded ? (this._options = [...this._options.filter((s) => s.value !== t)], this.options = [...this.options.filter((s) => s.value !== t)]) : this._options = [...this._options, e]) : !t && !this.multiple && (this._options = this._options.map((s) => (s.selected = !1, s)));
+  removeSelected(e) {
+    if (!e) return;
+    this._value = this._value.filter((s) => s !== e);
+    const t = this.findValueInOptions(e);
+    t ? (t.selected = !1, t.userAdded ? (this._options = [...this._options.filter((s) => s.value !== e)], this.options = [...this.options.filter((s) => s.value !== e)]) : this._options = [...this._options, t]) : !e && !this.multiple && (this._options = this._options.map((s) => (s.selected = !1, s)));
   }
   addAllOptions() {
     if (this.multiple) {
@@ -382,48 +386,48 @@ let a = class extends V {
         this._userInfoMessage = "For mange valgt";
         return;
       }
-      this._value = this._options.map((t) => t.value), this._options = this._options.map((t) => (t.selected = !0, t)), this.requestUpdate();
+      this._value = this._options.map((e) => e.value), this._options = this._options.map((e) => (e.selected = !0, e)), this.requestUpdate();
     }
   }
   removeAllSelected() {
-    this._value = [], this._options = this._options.map((t) => (t.selected = !1, t)), this._options = this._options.filter((t) => !t.userAdded), this.requestUpdate();
+    this._value = [], this._options = this._options.map((e) => (e.selected = !1, e)), this._options = this._options.filter((e) => !e.userAdded), this.requestUpdate();
   }
   addValue() {
-    var e;
-    const t = ((e = this.inputRef.value) == null ? void 0 : e.value.trim()) || "";
-    this._search = t, this.toggleValue(t);
+    var t;
+    const e = ((t = this.inputRef.value) == null ? void 0 : t.value.trim()) || "";
+    this._search = e, this.toggleValue(e);
   }
-  removeValue(t) {
-    this._value = this.multiple ? this._value.filter((e) => e !== t) : [], this.removeSelected(t);
+  removeValue(e) {
+    this._value = this.multiple ? this._value.filter((t) => t !== e) : [], this.removeSelected(e);
   }
-  addNewUserValue(t) {
-    if (!t || t.trim() === "") return;
+  addNewUserValue(e) {
+    if (!e || e.trim() === "") return;
     if (!this.multiple)
-      this._value[0] && this.removeSelected(this._value[0]), this._value = [t], this._isOptionsOpen = !1, this.blurInput();
-    else if (!this.findValueInOptions(t)) {
+      this._value[0] && this.removeSelected(this._value[0]), this._value = [e], this._isOptionsOpen = !1, this.blurInput();
+    else if (!this.findValueInOptions(e)) {
       if (this.isMaxItemsReached()) return;
-      this._value = [...this._value, t];
+      this._value = [...this._value, e];
     }
-    const e = { value: t, label: t, userAdded: !0 };
-    this.options = [e, ...this.options], this._options = [e, ...this._options], this.setSelected(t), this.requestUpdate();
+    const t = { value: e, label: e, userAdded: !0 };
+    this.options = [t, ...this.options], this._options = [t, ...this._options], this.setSelected(e), this.requestUpdate();
   }
-  resetComboboxInput(t = !0) {
-    if (this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && t)
+  resetComboboxInput(e = !0) {
+    if (this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && e)
       if (this._search = "", this.multiple)
         this.inputRef.value.value = "";
       else {
-        const e = this.findValueInOptions(this._value[0]);
+        const t = this.findValueInOptions(this._value[0]);
         window.setTimeout(() => {
-          !this.inputRef.value || this.inputRef.value.type === "hidden" || (this.inputRef.value.value = this.displayValueAs === "label" && (e != null && e.label) ? e.label : this._value[0] || "");
+          !this.inputRef.value || this.inputRef.value.type === "hidden" || (this.inputRef.value.value = this.displayValueAs === "label" && (t != null && t.label) ? t.label : this._value[0] || "");
         }, 0), this._userInfoMessage = "";
       }
     this._options = [...this.options];
   }
-  removeLastValue(t) {
+  removeLastValue(e) {
     if (this._value.length === 0) return;
-    t.preventDefault();
-    const e = this._value[this._value.length - 1];
-    e && this.removeSelected(e), this.isMaxItemsReached();
+    e.preventDefault();
+    const t = this._value[this._value.length - 1];
+    t && this.removeSelected(t), this.isMaxItemsReached();
   }
 };
 h([