@oslokommune/punkt-elements 13.6.5 → 13.6.7

package/dist/{combobox-D3aPvdrE.js → combobox-C_pTRtsQ.js}

@@ -1,82 +1,83 @@
-import { E as k, x as d, n as r, a as w } from "./element-DJZPsA_J.js";
+import { E as I, x as d, n as r, a as w } from "./element-DJZPsA_J.js";
 import { o as f } from "./if-defined-D3lgJqT7.js";
 import { r as c } from "./state-CPQXJ4Ct.js";
 import { e as _, n as v } from "./ref-BCGCor-j.js";
-import { e as y } from "./class-map-Dw6Wrxwi.js";
+import { e as k } from "./class-map-Dw6Wrxwi.js";
 import { c as R } from "./repeat-B6qPUgAq.js";
 import { P as V } from "./input-element-DQOVrqUZ.js";
-import { P as C } from "./pkt-options-controller-CZO1nxZ8.js";
-import { P as S } from "./pkt-slot-controller-BPGj-LC5.js";
+import { P as A } from "./pkt-options-controller-CZO1nxZ8.js";
+import { P as C } from "./pkt-slot-controller-BPGj-LC5.js";
 import "./input-wrapper-D_JdEqcO.js";
 import "./icon-B1-mkmwB.js";
 import "./tag-NZ5oeGfw.js";
 import "./listbox-DJ7b3Wmc.js";
-const A = {
+const S = {
   displayValueAs: {
     default: "label"
   }
 }, T = {
-  props: A
+  props: S
 };
-var M = Object.defineProperty, P = Object.getOwnPropertyDescriptor, o = (e, t, i, s) => {
-  for (var l = s > 1 ? void 0 : s ? P(t, i) : t, n = e.length - 1, a; n >= 0; n--)
-    (a = e[n]) && (l = (s ? a(t, i, l) : a(l)) || l);
-  return s && l && M(t, i, l), l;
+var M = Object.defineProperty, U = Object.getOwnPropertyDescriptor, n = (t, e, i, s) => {
+  for (var h = s > 1 ? void 0 : s ? U(e, i) : e, l = t.length - 1, a; l >= 0; l--)
+    (a = t[l]) && (h = (s ? a(e, i, h) : a(h)) || h);
+  return s && h && M(e, i, h), h;
 };
-let h = class extends V {
+let o = class extends V {
   constructor() {
-    super(), this.helptextSlot = _(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = !1, this.typeahead = !1, this.includeSearch = !1, this.searchPlaceholder = "", this.multiple = !1, this.maxlength = null, this.displayValueAs = T.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._isOptionsOpen = !1, this._value = [], this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = _(), this.arrowRef = _(), this.listboxRef = _(), this.focusRef = _(), this.optionTagRef = _(), this.optionsController = new C(this), this.slotController = new S(this, this.helptextSlot), this.slotController.skipOptions = !0;
+    super(), this.helptextSlot = _(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = !1, this.typeahead = !1, this.includeSearch = !1, this.searchPlaceholder = "", this.multiple = !1, this.maxlength = null, this.displayValueAs = T.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._isOptionsOpen = !1, this._value = [], this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = _(), this.arrowRef = _(), this.listboxRef = _(), this.focusRef = _(), this.optionTagRef = _(), this.optionsController = new A(this), this.slotController = new C(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
   // Lifecycle methods
   connectedCallback() {
-    var e;
-    if (super.connectedCallback(), document && document.body.addEventListener("click", (t) => {
-      this._isOptionsOpen && !this.contains(t.target) && this.handleFocusOut(t);
+    var t;
+    if (super.connectedCallback(), document && document.body.addEventListener("click", (e) => {
+      this._isOptionsOpen && !this.contains(e.target) && this.handleFocusOut(e);
     }), this._options = [], this.defaultOptions && this.defaultOptions.length) {
-      const t = ((e = this.options) == null ? void 0 : e.filter((i) => i.userAdded)) || [];
-      this.options = [...t, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
+      const e = ((t = this.options) == null ? void 0 : t.filter((i) => i.userAdded)) || [];
+      this.options = [...e, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
     }
     if (this.optionsController.nodes.length) {
-      const t = [];
+      const e = [];
       this.optionsController.nodes.forEach((i) => {
         if (!i.textContent && !i.getAttribute("value")) return null;
         const s = {
           value: i.getAttribute("value") || i.textContent || "",
           label: i.textContent || i.getAttribute("value") || ""
         };
-        i.getAttribute("data-prefix") && (s.prefix = i.getAttribute("data-prefix") || void 0), i.getAttribute("tagskincolor") && (s.tagSkinColor = i.getAttribute("tagskincolor")), i.getAttribute("description") && (s.description = i.getAttribute("description") || void 0), s.fulltext = s.value + s.label + (s.prefix || ""), t.push(s);
-      }), t.length && (this.options = [...t], this._options = [...t]);
+        i.getAttribute("data-prefix") && (s.prefix = i.getAttribute("data-prefix") || void 0), i.getAttribute("tagskincolor") && (s.tagSkinColor = i.getAttribute("tagskincolor")), i.getAttribute("description") && (s.description = i.getAttribute("description") || void 0), s.fulltext = s.value + s.label + (s.prefix || ""), e.push(s);
+      }), e.length && (this.options = [...e], this._options = [...e]);
     }
   }
-  updated(e) {
-    var t;
-    if (e.has("_value") && this.valueChanged(this._value, e.get("_value")), e.has("value") && (Array.isArray(this.value) ? this._value = this.value : this.value && this.multiple ? this._value = this.value.split(",") : this.value ? this._value = [this.value] : this._value = [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]]), this.isMaxItemsReached()), e.has("defaultOptions") && this.defaultOptions.length) {
-      const i = ((t = this.options) == null ? void 0 : t.filter((s) => s.userAdded)) || [];
-      this.options = [...i, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
+  updated(t) {
+    if (t.has("_value") && this.valueChanged(this._value, t.get("_value")), t.has("value") && (Array.isArray(this.value) ? this._value = this.value : this.value && this.multiple ? this._value = this.value.split(",") : this.value ? this._value = [this.value] : this._value = [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]]), this.isMaxItemsReached()), t.has("defaultOptions") && this.defaultOptions.length) {
+      const e = (Array.isArray(this.options) ? this.options : []).filter((i) => i.userAdded) || [];
+      this.options = [...e, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
     }
-    if (e.has("options")) {
-      const s = this._options.filter((l) => l.userAdded).filter(
-        (l) => !this.options.some((n) => n.value === l.value)
-      );
-      this._options = [...s, ...this.options], this._options.forEach((l) => {
+    if (t.has("options")) {
+      const s = (t.get("options") || this._options || []).filter((l) => l && l.userAdded).filter(
+        (l) => !(Array.isArray(this.options) ? this.options : []).some(
+          (a) => a.value === l.value
+        )
+      ), h = [...s, ...this.options];
+      this._options = h, s.length > 0 && (this.options = h), this._options.forEach((l) => {
         if (l.value && !l.label && (l.label = l.value), l.selected && !this._value.includes(l.value)) {
-          const n = [...this._value];
-          this._value = [...this._value, l.value], this.valueChanged(this._value, n);
+          const a = [...this._value];
+          this._value = [...this._value, l.value], this.valueChanged(this._value, a);
         }
         l.fulltext = l.value + l.label + (l.prefix || ""), l.selected = l.selected || this._value.includes(l.value);
       });
     }
-    e.has("_search") && this.dispatchEvent(
+    t.has("_search") && this.dispatchEvent(
       new CustomEvent("search", {
         detail: this._search,
         bubbles: !1
       })
-    ), super.updated(e);
+    ), super.updated(t);
   }
-  attributeChangedCallback(e, t, i) {
-    e === "value" && (Array.isArray(this.value) ? this._value = this.value : this.value && this.multiple ? this._value = this.value.split(",") : this.value ? this._value = [this.value] : this._value = [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]])), e === "options" && (this._options = this.options, this._options.forEach((s) => {
+  attributeChangedCallback(t, e, i) {
+    t === "value" && (Array.isArray(this.value) ? this._value = this.value : this.value && this.multiple ? this._value = this.value.split(",") : this.value ? this._value = [this.value] : this._value = [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]])), t === "options" && (this._options = Array.isArray(this.options) ? [...this.options] : [], this._options.forEach((s) => {
       s.value && !s.label && (s.label = s.value), s.selected && !this._value.includes(s.value) && (this._value = [...this._value, s.value]), s.fulltext = s.value + s.label + (s.prefix || "");
-    }), this._search = ""), super.attributeChangedCallback(e, t, i);
+    }), this._search = ""), super.attributeChangedCallback(t, e, i);
   }
   // Render methods
   render() {
@@ -104,7 +105,7 @@ let h = class extends V {
         <div class="pkt-contents" ${v(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
-            class=${y({
+            class=${k({
       "pkt-combobox__input": !0,
       "pkt-combobox__input--fullwidth": this.fullwidth,
       "pkt-combobox__input--open": this._isOptionsOpen,
@@ -116,7 +117,7 @@ let h = class extends V {
           >
             ${this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? d`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
                   >${this.placeholder}</span
-                >` : this.tagPlacement !== "outside" ? this.renderSingleOrMultipleValues() : k}
+                >` : this.tagPlacement !== "outside" ? this.renderSingleOrMultipleValues() : I}
             ${this.renderInputField()}
             <div
               class="pkt-btn pkt-btn--tertiary pkt-combobox__arrow"
@@ -134,7 +135,7 @@ let h = class extends V {
               tabindex="${this.disabled ? "-1" : "0"}"
             >
               <pkt-icon
-                class=${y({
+                class=${k({
       "pkt-combobox__arrow-icon": !0,
       "pkt-combobox__arrow-icon--open": this._isOptionsOpen
     })}
@@ -173,7 +174,7 @@ let h = class extends V {
 
         ${this.tagPlacement === "outside" && this.multiple ? d`<div class="pkt-combobox__tags-outside">
               ${this.renderSingleOrMultipleValues()}
-            </div>` : k}
+            </div>` : I}
       </pkt-input-wrapper>
     `;
   }
@@ -211,68 +212,68 @@ let h = class extends V {
         `;
   }
   renderSingleOrMultipleValues() {
-    const e = !this.multiple, t = this._editingSingleValue ? null : this.renderValueTag(this.findValueInOptions(this._value[0])), i = R(
+    const t = !this.multiple, e = this._editingSingleValue ? null : this.renderValueTag(this.findValueInOptions(this._value[0])), i = R(
       this._value,
       (s) => s,
       (s) => {
         var a;
-        const l = this.findValueInOptions(s), n = (a = this.options.find((u) => u.value === s)) == null ? void 0 : a.tagSkinColor;
+        const h = this.findValueInOptions(s), l = (a = this.options.find((u) => u.value === s)) == null ? void 0 : a.tagSkinColor;
         return d`
           <pkt-tag
-            skin=${n || "blue-dark"}
+            skin=${l || "blue-dark"}
             ?closeTag=${!this.disabled}
             @close=${() => this.handleTagRemove(s)}
           >
-            ${this.renderValueTag(l)}
+            ${this.renderValueTag(h)}
           </pkt-tag>
         `;
       }
     );
-    return e ? t : i;
+    return t ? e : i;
   }
-  renderValueTag(e) {
-    if (!e) return "";
+  renderValueTag(t) {
+    if (!t) return "";
     switch (this.displayValueAs) {
       case "prefixAndValue":
         return d`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${e.prefix || ""} ${e.value}</span
+          >${t.prefix || ""} ${t.value}</span
         >`;
       case "value":
         return d`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${e.value}</span
+          >${t.value}</span
         >`;
       case "label":
       default:
         return d`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${e.label || e.value}</span
+          >${t.label || t.value}</span
         >`;
     }
   }
   // Event handlers
-  handleInput(e) {
-    if (e.stopPropagation(), e.stopImmediatePropagation(), this.disabled) return;
+  handleInput(t) {
+    if (t.stopPropagation(), t.stopImmediatePropagation(), this.disabled) return;
     this.touched = !0;
-    const t = e.target;
-    if (this._search = t.value, this.checkForMatches(), this.typeahead)
+    const e = t.target;
+    if (this._search = e.value, this.checkForMatches(), this.typeahead)
       if (this._search) {
         if (this._options = this.options.filter(
           (i) => {
             var s;
             return (s = i.fulltext) == null ? void 0 : s.toLowerCase().includes(this._search.toLowerCase());
           }
-        ), e.inputType !== "deleteContentBackward") {
+        ), t.inputType !== "deleteContentBackward") {
           const i = this._options.filter(
             (s) => {
-              var l;
-              return !s.selected && ((l = s.label) == null ? void 0 : l.toLowerCase().startsWith(this._search.toLowerCase()));
+              var h;
+              return !s.selected && ((h = s.label) == null ? void 0 : h.toLowerCase().startsWith(this._search.toLowerCase()));
             }
           );
           if (i.length > 0 && this.inputRef.value && this.inputRef.value.type !== "hidden") {
             const s = i[0];
-            s != null && s.label && (t.value = s.label, window.setTimeout(
-              () => t.setSelectionRange(this._search.length, t.value.length),
+            s != null && s.label && (e.value = s.label, window.setTimeout(
+              () => e.setSelectionRange(this._search.length, e.value.length),
               0
-            ), t.selectionDirection = "backward");
+            ), e.selectionDirection = "backward");
           }
         }
       } else
@@ -281,15 +282,15 @@ let h = class extends V {
   handleFocus() {
     if (!this.disabled) {
       if (!this.multiple && this._value[0] && this.inputRef.value && this.inputRef.value.type !== "hidden") {
-        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];
+        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];
       }
       this._inputFocus = !0, this._search = "", this._options = [...this.options], this._isOptionsOpen = !0, this.onFocus(), this.requestUpdate();
     }
   }
-  handleFocusOut(e) {
-    var t, i, s, l, n;
-    if (!this.disabled && ((i = (t = e.relatedTarget) == null ? void 0 : t.closest("pkt-combobox")) == null ? void 0 : i.id) !== this.id && ((l = (s = e.relatedTarget) == null ? void 0 : s.closest("pkt-combobox")) == null ? void 0 : l.id) !== this.id && ((n = e.target) == null ? void 0 : n.getAttribute("data-focusfix")) !== this.id && e.relatedTarget !== this.focusRef.value && e.relatedTarget !== this.inputRef.value && e.relatedTarget !== this.arrowRef.value && this._isOptionsOpen) {
+  handleFocusOut(t) {
+    var e, i, s, h, l;
+    if (!this.disabled && ((i = (e = t.relatedTarget) == null ? void 0 : e.closest("pkt-combobox")) == null ? void 0 : i.id) !== this.id && ((h = (s = t.relatedTarget) == null ? void 0 : s.closest("pkt-combobox")) == null ? void 0 : h.id) !== this.id && ((l = t.target) == null ? void 0 : l.getAttribute("data-focusfix")) !== this.id && t.relatedTarget !== this.focusRef.value && t.relatedTarget !== this.inputRef.value && t.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 a = this.inputRef.value.value, u = this.findValueInOptions(a);
         !this._value.includes(a) && !u ? this.allowUserInput ? this.addNewUserValue(a) : this.multiple || this.removeValue(this._value[0]) : u && !this._value.includes(u.value) && this.setSelected(u.value), this.inputRef.value.value = "";
@@ -300,71 +301,71 @@ let h = class extends V {
   handleBlur() {
     this._inputFocus = !1, this._editingSingleValue = !1, this.onBlur();
   }
-  handleInputClick(e) {
-    var t, i;
-    this.disabled || (e.currentTarget && e.currentTarget !== this.arrowRef.value && ((t = this.inputRef.value) == null ? void 0 : t.type) !== "hidden" ? ((i = this.inputRef.value) == null || i.focus(), this.requestUpdate()) : this.handleArrowClick(e));
+  handleInputClick(t) {
+    var e, i;
+    this.disabled || (t.currentTarget && t.currentTarget !== this.arrowRef.value && ((e = this.inputRef.value) == null ? void 0 : e.type) !== "hidden" ? ((i = this.inputRef.value) == null || i.focus(), this.requestUpdate()) : this.handleArrowClick(t));
   }
-  handlePlaceholderClick(e) {
-    this.disabled || (e.stopPropagation(), this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.focus(), this._inputFocus = !0, this.requestUpdate()));
+  handlePlaceholderClick(t) {
+    this.disabled || (t.stopPropagation(), this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.focus(), this._inputFocus = !0, this.requestUpdate()));
   }
-  handleArrowClick(e) {
-    var t, i;
-    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() : (i = this.arrowRef.value) == null || i.focus());
+  handleArrowClick(t) {
+    var e, i;
+    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() : (i = this.arrowRef.value) == null || i.focus());
   }
-  handleOptionToggled(e) {
-    this.toggleValue(e.detail);
+  handleOptionToggled(t) {
+    this.toggleValue(t.detail);
   }
-  handleSearch(e) {
-    e.stopPropagation(), this._search = e.detail.toLowerCase();
+  handleSearch(t) {
+    t.stopPropagation(), this._search = t.detail.toLowerCase();
   }
-  handleInputKeydown(e) {
-    var t, i, s;
-    switch (e.key) {
+  handleInputKeydown(t) {
+    var e, i, s;
+    switch (t.key) {
       case ",":
-        this.multiple && (e.preventDefault(), this.addValue());
+        this.multiple && (t.preventDefault(), this.addValue());
         break;
       case "Enter":
-        e.preventDefault(), this.addValue();
+        t.preventDefault(), this.addValue();
         break;
       case "Backspace":
-        !this._search && ((t = this.inputRef.value) == null ? void 0 : t.type) === "hidden" && this.removeLastValue(e);
+        !this._search && ((e = this.inputRef.value) == null ? void 0 : e.type) === "hidden" && this.removeLastValue(t);
         break;
       case "Tab":
       case "ArrowDown":
-        e.shiftKey || ((i = this.listboxRef.value) == null || i.focusFirstOrSelectedOption(), e.preventDefault());
+        t.shiftKey || ((i = this.listboxRef.value) == null || i.focusFirstOrSelectedOption(), t.preventDefault());
         break;
       case "Escape":
-        this._isOptionsOpen = !1, (s = this.arrowRef.value) == null || s.focus(), e.preventDefault();
+        this._isOptionsOpen = !1, (s = this.arrowRef.value) == null || s.focus(), t.preventDefault();
         break;
     }
   }
-  handleTagRemove(e) {
-    this.removeSelected(e);
+  handleTagRemove(t) {
+    this.removeSelected(t);
   }
   blurInput() {
     this.inputRef.value && this.inputRef.value.matches(":focus") && this.inputRef.value.blur();
   }
   checkForMatches() {
-    var n;
-    const e = ((n = this.inputRef.value) == null ? void 0 : n.value) || this._search || "", t = e.trim().toLowerCase() || "";
-    if (!t) {
+    var l;
+    const t = ((l = this.inputRef.value) == null ? void 0 : l.value) || this._search || "", e = t.trim().toLowerCase() || "";
+    if (!e) {
       !this.multiple && this._value[0] && this.removeValue(this._value[0]), this.resetComboboxInput(!1);
       return;
     }
-    const i = this._value.find((a) => a.toLowerCase() === t), s = this._options.filter(
+    const i = this._value.find((a) => a.toLowerCase() === e), s = this._options.filter(
       (a) => {
         var u;
-        return ((u = a.label) == null ? void 0 : u.toLowerCase().includes(t)) ?? !1;
+        return ((u = a.label) == null ? void 0 : u.toLowerCase().includes(e)) ?? !1;
       }
-    ), l = s.find(
+    ), h = s.find(
       (a) => {
         var u;
-        return ((u = a.label) == null ? void 0 : u.toLowerCase()) === t || a.value.toLowerCase() === t;
+        return ((u = a.label) == null ? void 0 : u.toLowerCase()) === e || a.value.toLowerCase() === e;
       }
     );
     switch (!0) {
-      case ((s.length === 0 || !l) && this.allowUserInput):
-        this._addValueText = e, this._userInfoMessage = "";
+      case ((s.length === 0 || !h) && this.allowUserInput):
+        this._addValueText = t, this._userInfoMessage = "";
         break;
       case (s.length === 0 && !this.allowUserInput):
         this._addValueText = null, this._userInfoMessage = "Ingen match i søket";
@@ -379,41 +380,41 @@ let h = class extends V {
         this._addValueText = null, this._userInfoMessage = "";
     }
   }
-  findValueInOptions(e) {
-    return this.options.find((t) => t.value === e || t.label === e) || null;
+  findValueInOptions(t) {
+    return this.options.find((e) => e.value === t || e.label === t) || null;
   }
-  findIndexInOptions(e) {
-    return this._options.findIndex((t) => t.value === e || t.label === e);
+  findIndexInOptions(t) {
+    return this._options.findIndex((e) => e.value === t || e.label === t);
   }
   isMaxItemsReached() {
-    const e = this.maxlength !== null && this._value.length >= this.maxlength;
-    return e ? this._maxIsReached = !0 : this._maxIsReached = !1, e;
+    const t = this.maxlength !== null && this._value.length >= this.maxlength;
+    return t ? this._maxIsReached = !0 : this._maxIsReached = !1, t;
   }
-  toggleValue(e) {
-    var $, I;
+  toggleValue(t) {
+    var O, $;
     if (this.disabled) return;
     this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const t = (($ = this.findValueInOptions(e)) == null ? void 0 : $.value) || null, i = this._value.includes(e || t || ""), s = !!t, l = ((I = this._options.find((m) => m.value === e)) == null ? void 0 : I.disabled) || !1, n = !(e != null && e.trim()), a = !this.multiple, u = this.multiple, O = this.isMaxItemsReached();
+    const e = ((O = this.findValueInOptions(t)) == null ? void 0 : O.value) || null, i = this._value.includes(t || e || ""), s = !!e, h = (($ = this._options.find((m) => m.value === t)) == null ? void 0 : $.disabled) || !1, l = !(t != null && t.trim()), a = !this.multiple, u = this.multiple, y = this.isMaxItemsReached();
     let p = !1, b = !0, g = "", x = "";
-    l || (!s && this.allowUserInput && !n ? (this.addNewUserValue(e), g = "Ny verdi lagt til", p = !u) : !s && !this.allowUserInput ? (a && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : i ? (this.removeValue(t), p = !0) : n && a ? (this.removeAllSelected(), p = !0) : a ? (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 && !O ? (this.setSelected(t), p = !0) : u && O ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = e) : (a && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = e), this._isOptionsOpen = p, p || window.setTimeout(() => {
+    h || (!s && this.allowUserInput && !l ? (this.addNewUserValue(t), g = "Ny verdi lagt til", p = !u) : !s && !this.allowUserInput ? (a && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : i ? (this.removeValue(e), p = !0) : l && a ? (this.removeAllSelected(), p = !0) : a ? (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 && !y ? (this.setSelected(e), p = !0) : u && y ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = t) : (a && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = t), 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(e) {
-    if (!this._value.includes(e)) {
+  setSelected(t) {
+    if (!this._value.includes(t)) {
       if (this.multiple && this.isMaxItemsReached()) {
         this._userInfoMessage = "Maks antall valg nådd";
         return;
       }
-      !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);
+      !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);
     }
   }
-  removeSelected(e) {
-    if (!e) return;
-    this._value = this._value.filter((i) => i !== e);
-    const t = this.findValueInOptions(e);
-    t ? (t.selected = !1, t.userAdded ? (this._options = [...this._options.filter((i) => i.value !== e)], this.options = [...this.options.filter((i) => i.value !== e)]) : this._options = [...this._options, t]) : !e && !this.multiple && (this._options = this._options.map((i) => (i.selected = !1, i)));
+  removeSelected(t) {
+    if (!t) return;
+    this._value = this._value.filter((i) => i !== t);
+    const e = this.findValueInOptions(t);
+    e ? (e.selected = !1, e.userAdded ? (this._options = [...this._options.filter((i) => i.value !== t)], this.options = [...this.options.filter((i) => i.value !== t)]) : this._options = [...this._options, e]) : !t && !this.multiple && (this._options = this._options.map((i) => (i.selected = !1, i)));
   }
   addAllOptions() {
     if (this.multiple) {
@@ -421,113 +422,113 @@ let h = class extends V {
         this._userInfoMessage = "For mange valgt";
         return;
       }
-      this._value = this._options.map((e) => e.value), this._options = this._options.map((e) => (e.selected = !0, e)), this.requestUpdate();
+      this._value = this._options.map((t) => t.value), this._options = this._options.map((t) => (t.selected = !0, t)), this.requestUpdate();
     }
   }
   removeAllSelected() {
-    this._value = [], this._options = this._options.map((e) => (e.selected = !1, e)), this._options = this._options.filter((e) => !e.userAdded), this.requestUpdate();
+    this._value = [], this._options = this._options.map((t) => (t.selected = !1, t)), this._options = this._options.filter((t) => !t.userAdded), this.requestUpdate();
   }
   addValue() {
-    var t;
-    const e = ((t = this.inputRef.value) == null ? void 0 : t.value.trim()) || "";
-    this._search = e, this.toggleValue(e);
+    var e;
+    const t = ((e = this.inputRef.value) == null ? void 0 : e.value.trim()) || "";
+    this._search = t, this.toggleValue(t);
   }
-  removeValue(e) {
-    this._value = this.multiple ? this._value.filter((t) => t !== e) : [], this.removeSelected(e);
+  removeValue(t) {
+    this._value = this.multiple ? this._value.filter((e) => e !== t) : [], this.removeSelected(t);
   }
-  addNewUserValue(e) {
-    if (!e || e.trim() === "") return;
+  addNewUserValue(t) {
+    if (!t || t.trim() === "") return;
     if (!this.multiple)
-      this._value[0] && this.removeSelected(this._value[0]), this._value = [e], this._isOptionsOpen = !1, this.blurInput();
-    else if (!this.findValueInOptions(e)) {
+      this._value[0] && this.removeSelected(this._value[0]), this._value = [t], this._isOptionsOpen = !1, this.blurInput();
+    else if (!this.findValueInOptions(t)) {
       if (this.isMaxItemsReached()) return;
-      this._value = [...this._value, e];
+      this._value = [...this._value, t];
     }
-    const t = { value: e, label: e, userAdded: !0 };
-    this.options = [t, ...this.options], this._options = [t, ...this._options], this.setSelected(e), this.requestUpdate();
+    const e = { value: t, label: t, userAdded: !0 };
+    this.options = [e, ...this.options], this._options = [e, ...this._options], this.setSelected(t), this.requestUpdate();
   }
-  resetComboboxInput(e = !0) {
-    if (this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && e)
+  resetComboboxInput(t = !0) {
+    if (this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && t)
       if (this._search = "", this.multiple)
         this.inputRef.value.value = "";
       else {
-        const t = this.findValueInOptions(this._value[0]);
+        const e = this.findValueInOptions(this._value[0]);
         window.setTimeout(() => {
-          !this.inputRef.value || this.inputRef.value.type === "hidden" || (this.inputRef.value.value = this.displayValueAs === "label" && (t != null && t.label) ? t.label : this._value[0] || "");
+          !this.inputRef.value || this.inputRef.value.type === "hidden" || (this.inputRef.value.value = this.displayValueAs === "label" && (e != null && e.label) ? e.label : this._value[0] || "");
         }, 0), this._userInfoMessage = "";
       }
     this._options = [...this.options];
   }
-  removeLastValue(e) {
+  removeLastValue(t) {
     if (this._value.length === 0) return;
-    e.preventDefault();
-    const t = this._value[this._value.length - 1];
-    t && this.removeSelected(t), this.isMaxItemsReached();
+    t.preventDefault();
+    const e = this._value[this._value.length - 1];
+    e && this.removeSelected(e), this.isMaxItemsReached();
   }
 };
-o([
+n([
   r({ type: String, reflect: !0 })
-], h.prototype, "value", 2);
-o([
+], o.prototype, "value", 2);
+n([
   r({ type: Array })
-], h.prototype, "options", 2);
-o([
+], o.prototype, "options", 2);
+n([
   r({ type: Array })
-], h.prototype, "defaultOptions", 2);
-o([
+], o.prototype, "defaultOptions", 2);
+n([
   r({ type: Boolean })
-], h.prototype, "allowUserInput", 2);
-o([
+], o.prototype, "allowUserInput", 2);
+n([
   r({ type: Boolean })
-], h.prototype, "typeahead", 2);
-o([
+], o.prototype, "typeahead", 2);
+n([
   r({ type: Boolean })
-], h.prototype, "includeSearch", 2);
-o([
+], o.prototype, "includeSearch", 2);
+n([
   r({ type: String })
-], h.prototype, "searchPlaceholder", 2);
-o([
+], o.prototype, "searchPlaceholder", 2);
+n([
   r({ type: Boolean })
-], h.prototype, "multiple", 2);
-o([
+], o.prototype, "multiple", 2);
+n([
   r({ type: Number })
-], h.prototype, "maxlength", 2);
-o([
+], o.prototype, "maxlength", 2);
+n([
   r({ type: String })
-], h.prototype, "displayValueAs", 2);
-o([
+], o.prototype, "displayValueAs", 2);
+n([
   r({ type: String })
-], h.prototype, "tagPlacement", 2);
-o([
+], o.prototype, "tagPlacement", 2);
+n([
   c()
-], h.prototype, "_options", 2);
-o([
+], o.prototype, "_options", 2);
+n([
   c()
-], h.prototype, "_isOptionsOpen", 2);
-o([
+], o.prototype, "_isOptionsOpen", 2);
+n([
   c()
-], h.prototype, "_value", 2);
-o([
+], o.prototype, "_value", 2);
+n([
   c()
-], h.prototype, "_userInfoMessage", 2);
-o([
+], o.prototype, "_userInfoMessage", 2);
+n([
   c()
-], h.prototype, "_addValueText", 2);
-o([
+], o.prototype, "_addValueText", 2);
+n([
   c()
-], h.prototype, "_maxIsReached", 2);
-o([
+], o.prototype, "_maxIsReached", 2);
+n([
   c()
-], h.prototype, "_search", 2);
-o([
+], o.prototype, "_search", 2);
+n([
   c()
-], h.prototype, "_inputFocus", 2);
-o([
+], o.prototype, "_inputFocus", 2);
+n([
   c()
-], h.prototype, "_editingSingleValue", 2);
-h = o([
+], o.prototype, "_editingSingleValue", 2);
+o = n([
   w("pkt-combobox")
-], h);
+], o);
 export {
-  h as P
+  o as P
 };