@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/dist/{combobox-BmxSecfE.js → combobox-DSB5WOxg.js}

@@ -1,18 +1,18 @@
-import { n as r, A as m, b as c, t as M } from "./element-CPpT3rFQ.js";
-import { o as u } from "./if-defined-B0krMLad.js";
-import { e as I, n as y } from "./ref-Bg_Swj5w.js";
+import { n as p, t as M, A as b, b as d } from "./element-CPpT3rFQ.js";
+import { o as r } from "./if-defined-B0krMLad.js";
+import { e as A, n as O } from "./ref-Bg_Swj5w.js";
 import { e as w } from "./class-map-CEnykyO_.js";
-import { c as P } from "./repeat-BD8TKgJb.js";
-import { f, g as B, b as U, i as O, a as E, c as R } from "./listbox-BQKDZvZn.js";
-import { s as q } from "./element-with-slot-Dqk6-TRR.js";
-import { r as v } from "./state-C_1EOo3D.js";
-import { P as N } from "./input-element-8nLwuQS4.js";
-import { P as L } from "./pkt-options-controller-B5YalfCb.js";
-import "./input-wrapper-B2JpK016.js";
-import "./icon-BlKA8YuW.js";
-import "./tag-BuCpqaks.js";
-const j = (i, t, e) => {
-  switch (i) {
+import { c as D } from "./repeat-BD8TKgJb.js";
+import { f as c, g as P, b as F, i as k, a as B, c as R } from "./listbox-Bia4_tvN.js";
+import { s as E } from "./element-with-slot-Dqk6-TRR.js";
+import { r as m } from "./state-C_1EOo3D.js";
+import { P as q } from "./input-element-8nLwuQS4.js";
+import { P as N } from "./pkt-options-controller-B5YalfCb.js";
+import "./input-wrapper-Bs4CRNst.js";
+import "./icon-CxQcIa5F.js";
+import "./tag-D4FI5t3y.js";
+const L = (a, t, e) => {
+  switch (a) {
     case ",":
       return e ? "addValue" : null;
     case "Enter":
@@ -25,65 +25,65 @@ const j = (i, t, e) => {
     default:
       return null;
   }
-}, K = (i, t, e, s, l) => {
-  if (!i) return { action: "none", value: null };
-  const a = f(e, i);
-  return !t.includes(i) && !a ? s ? { action: "addUserValue", value: i } : l ? { action: "none", value: null } : { action: "removeValue", value: t[0] } : a && !t.includes(a.value) ? { action: "selectOption", value: a.value } : { action: "none", value: null };
-}, W = (i, t, e, s, l) => i.trim().toLowerCase() ? {
-  ...B(i, t, e, s),
+}, j = (a, t, e, s, i) => {
+  if (!a) return { action: "none", value: null };
+  const l = c(e, a);
+  return !t.includes(a) && !l ? s ? { action: "addUserValue", value: a } : i ? { action: "none", value: null } : { action: "removeValue", value: t[0] } : l && !t.includes(l.value) ? { action: "selectOption", value: l.value } : { action: "none", value: null };
+}, K = (a, t, e, s, i) => a.trim().toLowerCase() ? {
+  ...P(a, t, e, s),
   shouldRemoveValue: !1,
   shouldResetInput: !1
 } : {
   addValueText: null,
   userInfoMessage: "",
-  shouldRemoveValue: !l && !!t[0],
+  shouldRemoveValue: !i && !!t[0],
   shouldResetInput: !0
-}, k = (i, t, e) => {
-  const s = f(t, i);
-  return e === "label" && (s != null && s.label) ? s.label : i;
-}, b = {
-  markOptionSelected(i, t) {
+}, $ = (a, t, e) => {
+  const s = c(t, a);
+  return e === "label" && (s != null && s.label) ? s.label : a;
+}, x = {
+  markOptionSelected(a, t) {
     if (t) {
-      for (const e of i)
+      for (const e of a)
         if (e.value === t) {
           e.selected = !0;
           break;
         }
     }
   },
-  markOptionDeselected(i, t) {
+  markOptionDeselected(a, t) {
     if (t) {
-      for (const e of i)
+      for (const e of a)
         if (e.value === t) {
           e.selected = !1;
           break;
         }
     }
   },
-  markAllSelected(i) {
-    for (const t of i)
+  markAllSelected(a) {
+    for (const t of a)
       t.selected = !0;
   },
-  markAllDeselected(i) {
-    for (const t of i)
+  markAllDeselected(a) {
+    for (const t of a)
       t.selected = !1;
   },
-  removeUserAddedOptions(i) {
-    return i.filter((t) => !t.userAdded);
+  removeUserAddedOptions(a) {
+    return a.filter((t) => !t.userAdded);
   }
 }, C = {
-  parseOptionsFromSlot(i) {
+  parseOptionsFromSlot(a) {
     const t = [];
-    return i.forEach((e) => {
+    return a.forEach((e) => {
       if (!e.textContent && !e.getAttribute("value")) return;
       const s = {
         value: e.getAttribute("value") || e.textContent || "",
         label: e.textContent || e.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 = U(s), t.push(s);
+      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 = F(s), t.push(s);
     }), t;
   }
-}, A = {
+}, V = {
   /**
    * Ensures options have labels and fulltext set.
    * Also syncs selected state with current values.
@@ -91,31 +91,31 @@ const j = (i, t, e) => {
    * IMPORTANT: Mutates options in place to preserve referential identity
    * between this._options and this.options in the Lit component.
    */
-  syncOptionsWithValues(i, t) {
+  syncOptionsWithValues(a, t) {
     const e = [...t];
-    return i.forEach((s) => {
-      s.value && !s.label && (s.label = s.value), s.selected && !e.includes(s.value) && e.push(s.value), s.fulltext = U(s), s.selected = s.selected || e.includes(s.value);
-    }), { options: i, newValues: e };
+    return a.forEach((s) => {
+      s.value && !s.label && (s.label = s.value), s.selected && !e.includes(s.value) && e.push(s.value), s.fulltext = F(s), s.selected = s.selected || e.includes(s.value);
+    }), { options: a, newValues: e };
   },
   /**
    * Merges user-added options with new options, preserving user additions.
    */
-  mergeWithUserAdded(i, t) {
-    return [...t.filter((l) => (l == null ? void 0 : l.userAdded) && l.selected).filter(
-      (l) => !(Array.isArray(i) ? i : []).some((a) => a.value === l.value)
-    ), ...i];
+  mergeWithUserAdded(a, t) {
+    return [...t.filter((i) => (i == null ? void 0 : i.userAdded) && i.selected).filter(
+      (i) => !(Array.isArray(a) ? a : []).some((l) => l.value === i.value)
+    ), ...a];
   }
-}, G = { displayValueAs: { default: "label" } }, J = {
-  props: G
+}, W = { displayValueAs: { default: "label" } }, G = {
+  props: W
 };
-var H = Object.defineProperty, h = (i, t, e, s) => {
-  for (var l = void 0, a = i.length - 1, o; a >= 0; a--)
-    (o = i[a]) && (l = o(t, e, l) || l);
-  return l && H(t, e, l), l;
+var J = Object.defineProperty, h = (a, t, e, s) => {
+  for (var i = void 0, l = a.length - 1, o; l >= 0; l--)
+    (o = a[l]) && (i = o(t, e, i) || i);
+  return i && J(t, e, i), i;
 };
-class n extends N {
+class n extends q {
   constructor() {
-    super(), 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 = J.props.displayValueAs.default, this.tagPlacement = null, this.isOpen = !1, this._options = [], this._value = [], this._isOptionsOpen = !1, this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._internalValueSync = !1, this._optionsFromSlot = !1, this._lastSlotGeneration = 0, this._suppressNextOpen = !1, this.inputRef = I(), this.triggerRef = I(), this.listboxRef = I(), this.optionsController = new L(this);
+    super(), 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 = G.props.displayValueAs.default, this.tagPlacement = null, this.isOpen = !1, this._options = [], this._value = [], this._isOptionsOpen = !1, this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._internalValueSync = !1, this._optionsFromSlot = !1, this._lastSlotGeneration = 0, this._suppressNextOpen = !1, this.inputRef = A(), this.triggerRef = A(), this.listboxRef = A(), this.optionsController = new N(this);
   }
   get _hasTextInput() {
     return this.typeahead || this.allowUserInput;
@@ -142,7 +142,7 @@ class n extends N {
    * Updates the _maxIsReached state flag.
    */
   updateMaxReached() {
-    this._maxIsReached = O(this._value.length, this.maxlength);
+    this._maxIsReached = k(this._value.length, this.maxlength);
   }
   /**
    * Syncs the public value property from internal _value state and dispatches
@@ -150,10 +150,10 @@ class n extends N {
    * to prevent array→string reflect cascades.
    */
   syncValueAndDispatch(t) {
-    const e = this._value, s = this.multiple ? e.join(",") : e[0] || "", l = Array.isArray(this.value) ? this.value.join(",") : String(this.value || "");
-    if (s !== l && (this._internalValueSync = !0, this.value = s), (t == null ? void 0 : t.join(",")) !== e.join(",")) {
-      const a = this.multiple ? [...e] : e[0] || "";
-      this.onChange(a);
+    const e = this._value, s = this.multiple ? e.join(",") : e[0] || "", i = Array.isArray(this.value) ? this.value.join(",") : String(this.value || "");
+    if (s !== i && (this._internalValueSync = !0, this.value = s), (t == null ? void 0 : t.join(",")) !== e.join(",")) {
+      const l = this.multiple ? [...e] : e[0] || "";
+      this.onChange(l);
     } else e.length === 0 && t && t.length > 0 && this.clearInputValue();
   }
   /**
@@ -175,90 +175,90 @@ class n extends N {
   }
 }
 h([
-  r({ type: String, reflect: !0 })
+  p({ type: String, reflect: !0 })
 ], n.prototype, "value");
 h([
-  r({ type: Array })
+  p({ type: Array })
 ], n.prototype, "options");
 h([
-  r({ type: Array, attribute: "default-options" })
+  p({ type: Array, attribute: "default-options" })
 ], n.prototype, "defaultOptions");
 h([
-  r({ type: Boolean, attribute: "allow-user-input" })
+  p({ type: Boolean, attribute: "allow-user-input" })
 ], n.prototype, "allowUserInput");
 h([
-  r({ type: Boolean })
+  p({ type: Boolean })
 ], n.prototype, "typeahead");
 h([
-  r({ type: Boolean, attribute: "include-search" })
+  p({ type: Boolean, attribute: "include-search" })
 ], n.prototype, "includeSearch");
 h([
-  r({ type: String, attribute: "search-placeholder" })
+  p({ type: String, attribute: "search-placeholder" })
 ], n.prototype, "searchPlaceholder");
 h([
-  r({ type: Boolean })
+  p({ type: Boolean })
 ], n.prototype, "multiple");
 h([
-  r({ type: Number })
+  p({ type: Number })
 ], n.prototype, "maxlength");
 h([
-  r({ type: String, attribute: "display-value-as" })
+  p({ type: String, attribute: "display-value-as" })
 ], n.prototype, "displayValueAs");
 h([
-  r({ type: String, attribute: "tag-placement" })
+  p({ type: String, attribute: "tag-placement" })
 ], n.prototype, "tagPlacement");
 h([
-  r({ type: Boolean, attribute: "open" })
+  p({ type: Boolean, attribute: "open" })
 ], n.prototype, "isOpen");
 h([
-  v()
+  m()
 ], n.prototype, "_options");
 h([
-  v()
+  m()
 ], n.prototype, "_value");
 h([
-  v()
+  m()
 ], n.prototype, "_isOptionsOpen");
 h([
-  v()
+  m()
 ], n.prototype, "_userInfoMessage");
 h([
-  v()
+  m()
 ], n.prototype, "_addValueText");
 h([
-  v()
+  m()
 ], n.prototype, "_maxIsReached");
 h([
-  v()
+  m()
 ], n.prototype, "_search");
 h([
-  v()
+  m()
 ], n.prototype, "_inputFocus");
-class z extends n {
+class H extends n {
   toggleValue(t) {
     var T, S;
     if (this.disabled) return;
     this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const e = ((T = f(this.options, t)) == null ? void 0 : T.value) || null, s = this._value.includes(t || e || ""), l = !!e, a = ((S = this._options.find((D) => D.value === t)) == null ? void 0 : S.disabled) || !1, o = !(t != null && t.trim()), p = !this.multiple, d = this.multiple, V = O(this._value.length, this.maxlength);
-    let _ = !1, x = !0, g = "", $ = "";
-    a || (!l && this.allowUserInput && !o ? (this.addNewUserValue(t), g = "Ny verdi lagt til", _ = d) : !l && !this.allowUserInput ? (p && this._value[0] && this.removeValue(this._value[0]), x = !1, _ = !0, g = "Ingen treff i søket") : s ? (this.removeValue(e), _ = !0, p && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "")) : o && p ? (this.removeAllSelected(), _ = !0) : p ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(e), _ = !1) : d && !V ? (this.setSelected(e), _ = !0) : d && V ? (g = "Maks antall valg nådd", x = !1, $ = t) : (p && this.removeAllSelected(), g = "Ingen gyldig verdi valgt", x = !1, _ = !0, $ = t), this._isOptionsOpen = _, _ || (p && this._hasTextInput && (this._suppressNextOpen = !0), window.setTimeout(() => {
+    const e = ((T = c(this.options, t)) == null ? void 0 : T.value) || null, s = this._value.includes(t || e || ""), i = !!e, l = ((S = this._options.find((U) => U.value === t)) == null ? void 0 : S.disabled) || !1, o = !(t != null && t.trim()), u = !this.multiple, _ = this.multiple, v = k(this._value.length, this.maxlength);
+    let f = !1, y = !0, g = "", I = "";
+    l || (!i && this.allowUserInput && !o ? (this.addNewUserValue(t), g = "Ny verdi lagt til", f = _) : !i && !this.allowUserInput ? (u && this._value[0] && this.removeValue(this._value[0]), y = !1, f = !0, g = "Ingen treff i søket") : s ? (this.removeValue(e), f = !0, u && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "")) : o && u ? (this.removeAllSelected(), f = !0) : u ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(e), f = !1) : _ && !v ? (this.setSelected(e), f = !0) : _ && v ? (g = "Maks antall valg nådd", y = !1, I = t) : (u && this.removeAllSelected(), g = "Ingen gyldig verdi valgt", y = !1, f = !0, I = t), this._isOptionsOpen = f, f || (u && this._hasTextInput && (this._suppressNextOpen = !0), window.setTimeout(() => {
       this.focusTrigger();
-    }, 0)), this._userInfoMessage = g, this._search = $ || "", this.resetComboboxInput(x), d && this.updateMaxReached());
+    }, 0)), this._userInfoMessage = g, this._search = I || "", this.resetComboboxInput(y), _ && this.updateMaxReached());
   }
   setSelected(t) {
     if (!this._value.includes(t)) {
-      if (this.multiple && O(this._value.length, this.maxlength)) {
+      if (this.multiple && k(this._value.length, this.maxlength)) {
         this._userInfoMessage = "Maks antall valg nådd";
         return;
       }
-      !this.multiple && this.removeAllSelected(), this._value = t ? [...this._value, t] : this._value, b.markOptionSelected(this._options, t), this.resetComboboxInput(!0);
+      !this.multiple && this.removeAllSelected(), this._value = t ? [...this._value, t] : this._value, x.markOptionSelected(this._options, t), this.resetComboboxInput(!0);
     }
   }
   removeSelected(t) {
     if (!t) return;
     this._value = this._value.filter((s) => s !== t);
-    const e = f(this.options, t);
-    e && (b.markOptionDeselected(this.options, t), e.userAdded ? (this._options = [...this._options.filter((s) => s.value !== t)], this.options = [...this.options.filter((s) => s.value !== t)]) : this._options.some((s) => s.value === t) || (this._options = [...this._options, e]));
+    const e = c(this.options, t);
+    e && (x.markOptionDeselected(this.options, t), e.userAdded ? (this._options = [...this._options.filter((s) => s.value !== t)], this.options = [...this.options.filter((s) => s.value !== t)]) : this._options.some((s) => s.value === t) || (this._options = [...this._options, e]));
   }
   addAllOptions() {
     if (this.multiple) {
@@ -266,11 +266,11 @@ class z extends n {
         this._userInfoMessage = "For mange valgt";
         return;
       }
-      this._value = this._options.map((t) => t.value), b.markAllSelected(this._options), this.requestUpdate();
+      this._value = this._options.map((t) => t.value), x.markAllSelected(this._options), this.requestUpdate();
     }
   }
   removeAllSelected() {
-    this._value = [], b.markAllDeselected(this._options), this._options = b.removeUserAddedOptions(this._options), this.requestUpdate();
+    this._value = [], x.markAllDeselected(this._options), this._options = x.removeUserAddedOptions(this._options), this.requestUpdate();
   }
   addValue() {
     var e;
@@ -288,8 +288,8 @@ class z extends n {
     if (!t || t.trim() === "") return;
     if (!this.multiple)
       this._value[0] && this.removeSelected(this._value[0]), this._value = [t];
-    else if (!f(this.options, t)) {
-      if (O(this._value.length, this.maxlength)) return;
+    else if (!c(this.options, t)) {
+      if (k(this._value.length, this.maxlength)) return;
       this._value = [...this._value, t];
     }
     const e = { value: t, label: t, userAdded: !0, selected: !0 };
@@ -298,7 +298,7 @@ class z extends n {
     }, 0)), this.requestUpdate();
   }
   resetComboboxInput(t = !0) {
-    this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && t && (this._search = "", this.multiple ? this.inputRef.value.value = "" : (this.inputRef.value.value = this._value[0] ? k(this._value[0], this.options, this.displayValueAs) : "", this._userInfoMessage = "")), this._options = [...this.options];
+    this._addValueText = null, this.inputRef.value && this.inputRef.value.type !== "hidden" && t && (this._search = "", this.multiple ? this.inputRef.value.value = "" : (this.inputRef.value.value = this._value[0] ? $(this._value[0], this.options, this.displayValueAs) : "", this._userInfoMessage = "")), this._options = [...this.options];
   }
   removeLastValue(t) {
     if (this._value.length === 0) return;
@@ -307,15 +307,15 @@ class z extends n {
     e && this.removeSelected(e), this.updateMaxReached();
   }
 }
-class Q extends z {
+class z extends H {
   handleInput(t) {
     if (t.stopPropagation(), t.stopImmediatePropagation(), this.disabled) return;
     this.touched = !0;
     const e = t.target;
     if (this._search = e.value, this.checkForMatches(), this.typeahead)
       if (this._search) {
-        const { filtered: s, suggestion: l } = E(this.options, this._search);
-        this._options = s, t.inputType !== "deleteContentBackward" && (l != null && l.label) && this.inputRef.value && this.inputRef.value.type !== "hidden" && (e.value = l.label, window.setTimeout(
+        const { filtered: s, suggestion: i } = B(this.options, this._search);
+        this._options = s, t.inputType !== "deleteContentBackward" && (i != null && i.label) && this.inputRef.value && this.inputRef.value.type !== "hidden" && (e.value = i.label, window.setTimeout(
           () => e.setSelectionRange(this._search.length, e.value.length),
           0
         ), e.selectionDirection = "backward");
@@ -328,7 +328,7 @@ class Q extends z {
         this._suppressNextOpen = !1, this._inputFocus = !0, this.requestUpdate();
         return;
       }
-      !this.multiple && this._value[0] && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = k(
+      !this.multiple && this._value[0] && this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = $(
         this._value[0],
         this.options,
         this.displayValueAs
@@ -336,10 +336,10 @@ class Q extends z {
     }
   }
   handleFocusOut(t) {
-    var l, a;
+    var i, l;
     if (this.disabled || !this._isOptionsOpen) return;
     const e = t.relatedTarget;
-    ((l = e == null ? void 0 : e.closest("pkt-combobox")) == null ? void 0 : l.id) === this.id || ((a = t.target) == null ? void 0 : a.getAttribute("data-focusfix")) === this.id || e === this.inputRef.value || e === this.triggerRef.value || this.closeAndProcessInput();
+    ((i = e == null ? void 0 : e.closest("pkt-combobox")) == null ? void 0 : i.id) === this.id || ((l = t.target) == null ? void 0 : l.getAttribute("data-focusfix")) === this.id || e === this.inputRef.value || e === this.triggerRef.value || this.closeAndProcessInput();
   }
   /**
    * Shared close logic used by both focusout and outside-click handlers.
@@ -350,7 +350,7 @@ class Q extends z {
       const t = this.inputRef.value.value;
       if (this.multiple) {
         if (t !== "") {
-          const { action: e, value: s } = K(
+          const { action: e, value: s } = j(
             t,
             this._value,
             this.options,
@@ -372,10 +372,10 @@ class Q extends z {
       } else if (!t)
         this._value[0] && this.removeSelected(this._value[0]);
       else {
-        const e = f(this.options, t);
+        const e = c(this.options, t);
         e && e.value !== this._value[0] ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(e.value)) : !e && this.allowUserInput && (this._value[0] && this.removeSelected(this._value[0]), this.addNewUserValue(t));
       }
-      !this.multiple && this._value[0] ? this.inputRef.value.value = k(
+      !this.multiple && this._value[0] ? this.inputRef.value.value = $(
         this._value[0],
         this.options,
         this.displayValueAs
@@ -430,7 +430,7 @@ class Q extends z {
     t.stopPropagation(), this._search = t.detail.toLowerCase(), this.checkForMatches();
   }
   handleInputKeydown(t) {
-    var s, l, a;
+    var s, i, l;
     if (t.key === "Backspace") {
       const o = !((s = this.inputRef.value) != null && s.value);
       !this._search && o && this.multiple && this._value.length > 0 && this.removeLastValue(t);
@@ -443,9 +443,9 @@ class Q extends z {
         return;
       }
     }
-    const e = j(t.key, t.shiftKey, this.multiple);
+    const e = L(t.key, t.shiftKey, this.multiple);
     if (e && !(t.key === "Tab" && !this._isOptionsOpen)) {
-      if (e === "focusListbox" && t.key === "Tab" && !((l = this.listboxRef.value) == null ? void 0 : l.querySelector(
+      if (e === "focusListbox" && t.key === "Tab" && !((i = this.listboxRef.value) == null ? void 0 : i.querySelector(
         '[role="option"]:not([data-disabled]), [data-type="new-option"]'
       ))) {
         this.closeAndProcessInput();
@@ -456,7 +456,7 @@ class Q extends z {
           this.addValue();
           break;
         case "focusListbox":
-          (a = this.listboxRef.value) == null || a.focusFirstOrSelectedOption();
+          (l = this.listboxRef.value) == null || l.focusFirstOrSelectedOption();
           break;
         case "closeOptions":
           this._isOptionsOpen = !1;
@@ -473,12 +473,12 @@ class Q extends z {
     );
   }
   focusTag(t) {
-    var l;
+    var i;
     const e = this.getInsideTags();
-    e.forEach((a, o) => {
-      a.buttonTabindex = o === t ? 0 : -1;
+    e.forEach((l, o) => {
+      l.buttonTabindex = o === t ? 0 : -1;
     });
-    const s = (l = e[t]) == null ? void 0 : l.querySelector("button");
+    const s = (i = e[t]) == null ? void 0 : i.querySelector("button");
     s == null || s.focus();
   }
   resetTagTabindices() {
@@ -489,8 +489,8 @@ class Q extends z {
   handleTagKeydown(t, e) {
     t.stopPropagation();
     const s = () => {
-      var l;
-      this.resetTagTabindices(), this._hasTextInput && this.inputRef.value ? this.inputRef.value.focus() : (l = this.triggerRef.value) == null || l.focus();
+      var i;
+      this.resetTagTabindices(), this._hasTextInput && this.inputRef.value ? this.inputRef.value.focus() : (i = this.triggerRef.value) == null || i.focus();
     };
     switch (t.key) {
       case "ArrowLeft":
@@ -503,8 +503,8 @@ class Q extends z {
       case "Delete":
         t.preventDefault();
         {
-          const l = this._value[e], a = e >= this._value.length - 1 ? e - 1 : e;
-          this.removeSelected(l), a >= 0 ? (this.requestUpdate(), this.updateComplete.then(() => this.focusTag(a))) : s();
+          const i = this._value[e], l = e >= this._value.length - 1 ? e - 1 : e;
+          this.removeSelected(i), l >= 0 ? (this.requestUpdate(), this.updateComplete.then(() => this.focusTag(l))) : s();
         }
         break;
       case "Tab":
@@ -517,7 +517,7 @@ class Q extends z {
   }
   checkForMatches() {
     var s;
-    const t = ((s = this.inputRef.value) == null ? void 0 : s.value) || this._search || "", e = W(
+    const t = ((s = this.inputRef.value) == null ? void 0 : s.value) || this._search || "", e = K(
       t,
       this._value,
       this.options,
@@ -531,78 +531,73 @@ class Q extends z {
     this._addValueText = e.addValueText, this._userInfoMessage = e.userInfoMessage;
   }
 }
-var X = Object.getOwnPropertyDescriptor, Y = (i, t, e, s) => {
-  for (var l = s > 1 ? void 0 : s ? X(t, e) : t, a = i.length - 1, o; a >= 0; a--)
-    (o = i[a]) && (l = o(l) || l);
-  return l;
-};
-let F = class extends Q {
+class Q extends z {
   constructor() {
-    super(...arguments), this.handleBodyClick = (i) => {
-      this._isOptionsOpen && !this.contains(i.target) && this.closeAndProcessInput();
+    super(...arguments), this.handleBodyClick = (t) => {
+      this._isOptionsOpen && !this.contains(t.target) && this.closeAndProcessInput();
     };
   }
   // Lifecycle methods
   connectedCallback() {
-    var i, t;
+    var t, e;
     if (super.connectedCallback(), document == null || document.body.addEventListener("click", this.handleBodyClick), this._options = [], this.defaultOptions && this.defaultOptions.length) {
-      const e = ((i = this.options) == null ? void 0 : i.filter((s) => s.userAdded)) || [];
-      this.options = [...e, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
+      const s = ((t = this.options) == null ? void 0 : t.filter((i) => i.userAdded)) || [];
+      this.options = [...s, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
     }
-    if ((t = this.optionsController) != null && t.nodes && this.optionsController.nodes.length) {
-      const e = C.parseOptionsFromSlot(this.optionsController.nodes);
-      e.length && (this.options = [...e], this._options = [...e], this._optionsFromSlot = !0, this._lastSlotGeneration = this.optionsController.generation);
+    if ((e = this.optionsController) != null && e.nodes && this.optionsController.nodes.length) {
+      const s = C.parseOptionsFromSlot(this.optionsController.nodes);
+      s.length && (this.options = [...s], this._options = [...s], this._optionsFromSlot = !0, this._lastSlotGeneration = this.optionsController.generation);
     }
   }
-  willUpdate(i) {
+  willUpdate(t) {
     if (this._optionsFromSlot && this.optionsController) {
-      const t = this.optionsController.generation;
-      if (t !== this._lastSlotGeneration) {
-        this._lastSlotGeneration = t;
-        const e = C.parseOptionsFromSlot(this.optionsController.nodes), s = this._options.filter((l) => l.userAdded);
-        this.options = [...s, ...e];
+      const e = this.optionsController.generation;
+      if (e !== this._lastSlotGeneration) {
+        this._lastSlotGeneration = e;
+        const s = C.parseOptionsFromSlot(this.optionsController.nodes), i = this._options.filter((l) => l.userAdded);
+        this.options = [...i, ...s];
       }
     }
-    super.willUpdate(i);
+    super.willUpdate(t);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document == null || document.body.removeEventListener("click", this.handleBodyClick);
   }
-  firstUpdated(i) {
-    this.defaultValue !== null && !this.value && (this.value = this.defaultValue), super.firstUpdated(i);
-  }
-  updated(i) {
-    i.has("isOpen") && (this._isOptionsOpen = this.isOpen);
-    const t = i.has("value"), e = i.has("_value");
-    if (t && this._internalValueSync)
-      this._internalValueSync = !1, e && this.syncValueAndDispatch(i.get("_value"));
-    else if (t) {
-      const l = [...this._value], a = this.parseValue();
-      a.join(",") !== this._value.join(",") && (this._value = a), this.updateMaxReached(), this.syncValueAndDispatch(l);
-    } else e && this.syncValueAndDispatch(i.get("_value"));
-    if (i.has("defaultOptions") && this.defaultOptions.length) {
-      const l = (Array.isArray(this.options) ? this.options : []).filter((a) => a.userAdded) || [];
+  firstUpdated(t) {
+    this.defaultValue !== null && !this.value && (this.value = this.defaultValue), super.firstUpdated(t);
+  }
+  updated(t) {
+    t.has("isOpen") && (this._isOptionsOpen = this.isOpen);
+    const e = t.has("value"), s = t.has("_value");
+    if (e && this._internalValueSync)
+      this._internalValueSync = !1, s && this.syncValueAndDispatch(t.get("_value"));
+    else if (e) {
+      const l = [...this._value], o = this.parseValue();
+      o.join(",") !== this._value.join(",") && (this._value = o), this.updateMaxReached(), this.syncValueAndDispatch(l);
+    } else s && this.syncValueAndDispatch(t.get("_value"));
+    if (t.has("defaultOptions") && this.defaultOptions.length) {
+      const l = (Array.isArray(this.options) ? this.options : []).filter((o) => o.userAdded) || [];
       this.options = [...l, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
     }
-    if (i.has("options")) {
-      const l = i.get("options") || this._options || [], a = A.mergeWithUserAdded(this.options, l);
-      this._options = a, a.length > this.options.length && (this.options = a);
-      const o = A.syncOptionsWithValues(this._options, this._value);
-      if (this._options = o.options, o.newValues.length > this._value.length) {
-        const p = [...this._value];
-        this._value = o.newValues, this.syncValueAndDispatch(p);
+    if (t.has("options")) {
+      const l = t.get("options") || this._options || [], o = V.mergeWithUserAdded(this.options, l);
+      this._options = o, o.length > this.options.length && (this.options = o);
+      const u = V.syncOptionsWithValues(this._options, this._value);
+      if (this._options = u.options, u.newValues.length > this._value.length) {
+        const _ = [...this._value];
+        this._value = u.newValues, this.syncValueAndDispatch(_);
       }
     }
-    if (i.has("_search") && this.dispatchEvent(
+    if (t.has("_search") && this.dispatchEvent(
       new CustomEvent("search", {
         detail: this._search,
         bubbles: !1
       })
     ), !this._isOptionsOpen && !this.multiple && this._hasTextInput && this.inputRef.value && this.inputRef.value.type !== "hidden") {
-      const l = this._value[0] ? k(this._value[0], this.options, this.displayValueAs) : "";
+      const l = this._value[0] ? $(this._value[0], this.options, this.displayValueAs) : "";
       this.inputRef.value.value !== l && (this.inputRef.value.value = l);
     }
-    super.updated(i);
+    super.updated(t);
   }
   /**
    * Override form reset to properly restore combobox state.
@@ -612,25 +607,25 @@ let F = class extends Q {
    */
   formResetCallback() {
     this.touched = !1;
-    const i = this.defaultValue || (this.multiple, "");
-    this.value = i, this._value = this.parseValue(), this._options = this._options.filter((t) => !t.userAdded).map((t) => ({ ...t, selected: this._value.includes(t.value) })), this.options = this.options.filter((t) => !t.userAdded).map((t) => ({ ...t, selected: this._value.includes(t.value) })), this._search = "", this._isOptionsOpen = !1, this._userInfoMessage = "", this._addValueText = null, this._inputFocus = !1, this.updateMaxReached(), this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = ""), this.internals.setFormValue(""), this.internals.ariaInvalid = "false", this.requestUpdate();
+    const t = this.defaultValue || (this.multiple, "");
+    this.value = t, this._value = this.parseValue(), this._options = this._options.filter((e) => !e.userAdded).map((e) => ({ ...e, selected: this._value.includes(e.value) })), this.options = this.options.filter((e) => !e.userAdded).map((e) => ({ ...e, selected: this._value.includes(e.value) })), this._search = "", this._isOptionsOpen = !1, this._userInfoMessage = "", this._addValueText = null, this._inputFocus = !1, this.updateMaxReached(), this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = ""), this.internals.setFormValue(""), this.internals.ariaInvalid = "false", this.requestUpdate();
   }
-  attributeChangedCallback(i, t, e) {
-    if (i === "options") {
+  attributeChangedCallback(t, e, s) {
+    if (t === "options") {
       this._options = Array.isArray(this.options) ? [...this.options] : [];
-      const s = A.syncOptionsWithValues(this._options, this._value);
-      this._options = s.options, s.newValues.length > this._value.length && (this._value = s.newValues), this._search = "";
+      const i = V.syncOptionsWithValues(this._options, this._value);
+      this._options = i.options, i.newValues.length > this._value.length && (this._value = i.newValues), this._search = "";
     }
-    super.attributeChangedCallback(i, t, e);
+    super.attributeChangedCallback(t, e, s);
   }
   // Render methods
   render() {
-    return c`
+    return d`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
-        .helptextDropdown=${u(this.helptextDropdown)}
-        .helptextDropdownButton=${u(this.helptextDropdownButton)}
+        .helptextDropdown=${r(this.helptextDropdown)}
+        .helptextDropdownButton=${r(this.helptextDropdownButton)}
         ?fullwidth=${this.fullwidth}
         ?hasError=${this.hasError}
         ?inline=${this.inline}
@@ -647,7 +642,7 @@ let F = class extends Q {
         class="pkt-combobox__wrapper"
         @labelClick=${this.handleInputClick}
       >
-        <div class="pkt-contents" slot="helptext">${q(this, "helptext")}</div>
+        <div class="pkt-contents" slot="helptext">${E(this, "helptext")}</div>
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
             class=${w({
@@ -657,28 +652,28 @@ let F = class extends Q {
       "pkt-combobox__input--error": this.hasError,
       "pkt-combobox__input--disabled": this.disabled
     })}
-            id=${u(this._hasTextInput ? void 0 : `${this.id}-combobox`)}
-            role=${u(this._hasTextInput ? void 0 : "combobox")}
-            aria-expanded=${u(
+            id=${r(this._hasTextInput ? void 0 : `${this.id}-combobox`)}
+            role=${r(this._hasTextInput ? void 0 : "combobox")}
+            aria-expanded=${r(
       this._hasTextInput ? void 0 : this._isOptionsOpen ? "true" : "false"
     )}
-            aria-controls=${u(this._hasTextInput ? void 0 : `${this.id}-listbox`)}
-            aria-haspopup=${u(this._hasTextInput ? void 0 : "listbox")}
-            aria-labelledby=${u(
+            aria-controls=${r(this._hasTextInput ? void 0 : `${this.id}-listbox`)}
+            aria-haspopup=${r(this._hasTextInput ? void 0 : "listbox")}
+            aria-labelledby=${r(
       this._hasTextInput ? void 0 : `${this.id}-combobox-label`
     )}
-            aria-activedescendant=${u(
-      !this._hasTextInput && this._value[0] && f(this.options, this._value[0]) ? `${this.id}-listbox-${R(this._options, this._value[0])}` : void 0
+            aria-activedescendant=${r(
+      !this._hasTextInput && this._value[0] && c(this.options, this._value[0]) ? `${this.id}-listbox-${R(this._options, this._value[0])}` : void 0
     )}
-            aria-description=${u(this._selectionDescription || void 0)}
+            aria-description=${r(this._selectionDescription || void 0)}
             tabindex=${this._hasTextInput || this.disabled ? "-1" : "0"}
             @click=${this.handleInputClick}
-            @keydown=${this._hasTextInput ? m : this.handleSelectOnlyKeydown}
-            ${y(this.triggerRef)}
+            @keydown=${this._hasTextInput ? b : this.handleSelectOnlyKeydown}
+            ${O(this.triggerRef)}
           >
-            ${!this._hasTextInput && this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? c`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
+            ${!this._hasTextInput && 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() : m}
+                >` : this.tagPlacement !== "outside" ? this.renderSingleOrMultipleValues() : b}
             ${this.renderInputField()}
             <pkt-icon
               class=${w({
@@ -700,7 +695,7 @@ let F = class extends Q {
             ?is-multi-select=${this.multiple}
             ?allow-user-input=${this.allowUserInput && !this._maxIsReached}
             ?max-is-reached=${this._maxIsReached}
-            .customUserInput=${u(this._addValueText)}
+            .customUserInput=${r(this._addValueText)}
             .userMessage=${this._userInfoMessage}
             @search=${this.handleSearch}
             @option-toggle=${this.handleOptionToggled}
@@ -709,29 +704,29 @@ let F = class extends Q {
             @tab-close=${() => this.closeAndProcessInput()}
             .searchValue=${this._search || null}
             .maxLength=${this.maxlength || 0}
-            ${y(this.listboxRef)}
+            ${O(this.listboxRef)}
           ></pkt-listbox>
         </div>
 
-        ${this.tagPlacement === "outside" && this.multiple ? c`<div class="pkt-combobox__tags-outside">
+        ${this.tagPlacement === "outside" && this.multiple ? d`<div class="pkt-combobox__tags-outside">
               ${this.renderSingleOrMultipleValues()}
-            </div>` : m}
+            </div>` : b}
       </pkt-input-wrapper>
     `;
   }
   renderInputField() {
-    return this.typeahead || this.allowUserInput ? c`
+    return this.typeahead || this.allowUserInput ? d`
           <div class="pkt-combobox__input-div combobox__input">
             <input
               type="text"
               id="${this.id}-input"
               name=${(this.name || this.id) + "-input"}
-              placeholder=${u(
+              placeholder=${r(
       !this._value.length || this.multiple && this.tagPlacement === "outside" ? this.placeholder : void 0
     )}
               @input=${this.handleInput}
-              @change=${(i) => {
-      i.stopPropagation(), i.stopImmediatePropagation();
+              @change=${(t) => {
+      t.stopPropagation(), t.stopImmediatePropagation();
     }}
               @keydown=${this.handleInputKeydown}
               @focus=${this.handleFocus}
@@ -739,49 +734,49 @@ let F = class extends Q {
               autocomplete="off"
               role="combobox"
               aria-expanded=${this._isOptionsOpen ? "true" : "false"}
-              aria-label=${u(this.label)}
+              aria-label=${r(this.label)}
               aria-autocomplete=${this.typeahead ? "both" : this.allowUserInput ? "list" : "none"}
               aria-controls="${this.id}-listbox"
-              aria-activedescendant=${u(
-      this._value[0] && f(this.options, this._value[0]) ? `${this.id}-listbox-${R(this._options, this._value[0])}` : void 0
+              aria-activedescendant=${r(
+      this._value[0] && c(this.options, this._value[0]) ? `${this.id}-listbox-${R(this._options, this._value[0])}` : void 0
     )}
-              aria-description=${u(this._selectionDescription || void 0)}
-              ${y(this.inputRef)}
+              aria-description=${r(this._selectionDescription || void 0)}
+              ${O(this.inputRef)}
             />
           </div>
-        ` : c`
+        ` : d`
           <input
             type="hidden"
             id="${this.id}-input"
             name=${(this.name || this.id) + "-input"}
             .value=${this._value.join(",")}
-            ${y(this.inputRef)}
+            ${O(this.inputRef)}
           />
         `;
   }
   renderSingleOrMultipleValues() {
-    if (!this.multiple && this._hasTextInput) return m;
-    const i = !this.multiple, t = this.renderValueTag(f(this.options, this._value[0])), e = this.tagPlacement === "outside", s = c`
+    if (!this.multiple && this._hasTextInput) return b;
+    const t = !this.multiple, e = this.renderValueTag(c(this.options, this._value[0])), s = this.tagPlacement === "outside", i = d`
       <ul role="list" class="pkt-combobox__tag-list">
-        ${P(
+        ${D(
       this._value,
       (l) => l,
-      (l, a) => {
-        const o = f(this.options, l), p = o == null ? void 0 : o.tagSkinColor;
-        return c`
+      (l, o) => {
+        const u = c(this.options, l), _ = u == null ? void 0 : u.tagSkinColor;
+        return d`
               <li
                 role="listitem"
-                @click=${e ? m : (d) => d.stopPropagation()}
-                @mousedown=${e ? m : (d) => d.preventDefault()}
+                @click=${s ? b : (v) => v.stopPropagation()}
+                @mousedown=${s ? b : (v) => v.preventDefault()}
               >
                 <pkt-tag
-                  skin=${p || "blue-dark"}
+                  skin=${_ || "blue-dark"}
                   ?closeTag=${!this.disabled}
-                  .buttonTabindex=${e ? void 0 : -1}
+                  .buttonTabindex=${s ? void 0 : -1}
                   @close=${() => this.handleTagRemove(l)}
-                  @keydown=${e ? m : (d) => this.handleTagKeydown(d, a)}
+                  @keydown=${s ? b : (v) => this.handleTagKeydown(v, o)}
                 >
-                  ${this.renderValueTag(o)}
+                  ${this.renderValueTag(u)}
                 </pkt-tag>
               </li>
             `;
@@ -789,30 +784,32 @@ let F = class extends Q {
     )}
       </ul>
     `;
-    return i ? t : s;
+    return t ? e : i;
   }
-  renderValueTag(i) {
-    if (!i) return "";
+  renderValueTag(t) {
+    if (!t) return "";
     switch (this.displayValueAs) {
       case "prefixAndValue":
-        return c`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${i.prefix || ""} ${i.value}</span
+        return d`<span class="pkt-combobox__value" data-focusfix=${this.id}
+          >${t.prefix || ""} ${t.value}</span
         >`;
       case "value":
-        return c`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${i.value}</span
+        return d`<span class="pkt-combobox__value" data-focusfix=${this.id}
+          >${t.value}</span
         >`;
       case "label":
       default:
-        return c`<span class="pkt-combobox__value" data-focusfix=${this.id}
-          >${i.label || i.value}</span
+        return d`<span class="pkt-combobox__value" data-focusfix=${this.id}
+          >${t.label || t.value}</span
         >`;
     }
   }
-};
-F = Y([
-  M("pkt-combobox")
-], F);
+}
+try {
+  M("pkt-combobox")(Q);
+} catch {
+  console.warn("Forsøker å definere <pkt-combobox>, men den er allerede definert");
+}
 export {
-  F as P
+  Q as P
 };