@oslokommune/punkt-react 13.6.4 → 13.6.6

package/dist/punkt-react.es.js

@@ -6013,7 +6013,7 @@ let it = class extends ge {
       this._isOptionsOpen && !this.contains(r.target) && this.handleFocusOut(r);
     }), this._options = [], this.defaultOptions && this.defaultOptions.length) {
       const r = ((t = this.options) == null ? void 0 : t.filter((n) => n.userAdded)) || [];
-      this.options = [...r, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
+      this.options = [...r, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
     }
     if (this.optionsController.nodes.length) {
       const r = [];
@@ -6028,16 +6028,17 @@ let it = class extends ge {
     }
   }
   updated(t) {
-    var r;
     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 n = ((r = this.options) == null ? void 0 : r.filter((a) => a.userAdded)) || [];
-      this.options = [...n, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
+      const r = (Array.isArray(this.options) ? this.options : []).filter((n) => n.userAdded) || [];
+      this.options = [...r, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = Array.isArray(this.options) ? [...this.options] : [];
     }
     if (t.has("options")) {
-      const n = this._options.filter((a) => a.userAdded).filter(
-        (a) => !this.options.some((i) => i.value === a.value)
-      );
-      this._options = [...n, ...this.options], this._options.forEach((a) => {
+      const r = (t.get("options") || this._options || []).filter((a) => a && a.userAdded).filter(
+        (a) => !(Array.isArray(this.options) ? this.options : []).some(
+          (i) => i.value === a.value
+        )
+      ), n = [...r, ...this.options];
+      this._options = n, r.length > 0 && (this.options = n), this._options.forEach((a) => {
         if (a.value && !a.label && (a.label = a.value), a.selected && !this._value.includes(a.value)) {
           const i = [...this._value];
           this._value = [...this._value, a.value], this.valueChanged(this._value, i);
@@ -6053,7 +6054,7 @@ let it = class extends ge {
     ), super.updated(t);
   }
   attributeChangedCallback(t, r, n) {
-    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 = this.options, this._options.forEach((a) => {
+    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((a) => {
       a.value && !a.label && (a.label = a.value), a.selected && !this._value.includes(a.value) && (this._value = [...this._value, a.value]), a.fulltext = a.value + a.label + (a.prefix || "");
     }), this._search = ""), super.attributeChangedCallback(t, r, n);
   }