slim-select 3.4.1 → 3.4.3

package/dist/slimselect.es.js

@@ -70,7 +70,7 @@ class T {
 function y() {
   return Math.random().toString(36).substring(2, 10);
 }
-function E(f, e) {
+function x(f, e) {
   function t(i, n) {
     return n && i && i.classList && i.classList.contains(n) || n && i && i.dataset && i.dataset.id && i.dataset.id === e ? i : null;
   }
@@ -177,8 +177,10 @@ class k {
   }
   setData(e, t = !1) {
     const s = this.partialToFullData(e);
+    let i = [];
     if (t) {
-      const i = this.getSelectedOptions(), n = [];
+      i = this.getSelectedOptions();
+      const n = [];
       i.forEach((l) => {
         let a = !1;
         for (const o of s) {
@@ -198,7 +200,10 @@ class k {
       }), this.data = [...n, ...s];
     } else
       this.data = s;
-    this.selectType === "single" && this.setSelectedBy("id", this.getSelected());
+    if (this.selectType === "single") {
+      const n = t && i.length === 0;
+      this.setSelectedBy("id", this.getSelected(), n);
+    }
   }
   // Get data will return all the data
   getData() {
@@ -219,21 +224,22 @@ class k {
   // Pass in an array of id that will loop through
   // each option and set the selected property to true
   // but also clean selected by determining selectType
-  setSelectedBy(e, t) {
-    let s = null, i = !1;
-    const n = [];
-    for (let a of this.data) {
-      if (a instanceof m)
-        for (let o of a.options) {
-          s || (s = o);
-          let h = o[e] || "";
-          o.selected = i ? !1 : t.includes(h), o.selected && (n.push(o), this.selectType === "single" && (i = !0));
+  // When allowEmptySelection is true (e.g. after search with no prior selection), single select will not auto-select the first option
+  setSelectedBy(e, t, s = !1) {
+    let i = null, n = !1;
+    const l = [];
+    for (let o of this.data) {
+      if (o instanceof m)
+        for (let h of o.options) {
+          i || (i = h);
+          let r = h[e] || "";
+          h.selected = n ? !1 : t.includes(r), h.selected && (l.push(h), this.selectType === "single" && (n = !0));
         }
-      a instanceof u && (s || (s = a), a.selected = i ? !1 : t.includes(a[e]), a.selected && (n.push(a), this.selectType === "single" && (i = !0)));
+      o instanceof u && (i || (i = o), o.selected = n ? !1 : t.includes(o[e]), o.selected && (l.push(o), this.selectType === "single" && (n = !0)));
     }
-    this.selectType === "single" && s && !i && (s.selected = !0, n.push(s));
-    const l = t.map((a) => n.find((o) => o[e] === a)?.id || "");
-    this.selectedOrder = l;
+    this.selectType === "single" && i && !n && !s && (i.selected = !0, l.push(i));
+    const a = t.map((o) => l.find((h) => h[e] === o)?.id || "");
+    this.selectedOrder = a;
   }
   getSelected() {
     return this.getSelectedOptions().map((e) => e.id);
@@ -308,6 +314,7 @@ class N {
   callbacks;
   // Used to compute the range selection
   lastSelectedOption;
+  lastRenderedOptions;
   // Timeout tracking for cleanup
   closeAnimationTimeout = null;
   // Elements
@@ -316,7 +323,7 @@ class N {
   // Classes
   classes;
   constructor(e, t, s, i) {
-    this.store = s, this.settings = e, this.classes = t, this.callbacks = i, this.lastSelectedOption = null, this.main = this.mainDiv(), this.content = this.contentDiv(), this.updateClassStyles(), this.updateAriaAttributes(), this.settings.contentPosition !== "relative" && (this.content.main.style.top = "-9999px", this.content.main.style.left = "-9999px", this.content.main.style.margin = "0", this.content.main.style.width = "auto"), this.settings.contentLocation && this.settings.contentLocation.appendChild(this.content.main);
+    this.store = s, this.settings = e, this.classes = t, this.callbacks = i, this.lastSelectedOption = null, this.lastRenderedOptions = [], this.main = this.mainDiv(), this.content = this.contentDiv(), this.updateClassStyles(), this.updateAriaAttributes(), this.settings.contentPosition !== "relative" && (this.content.main.style.top = "-9999px", this.content.main.style.left = "-9999px", this.content.main.style.margin = "0", this.content.main.style.width = "auto"), this.settings.contentLocation && this.settings.contentLocation.appendChild(this.content.main);
   }
   // Helper method to add classes that may contain spaces
   // Splits by spaces and adds each class individually to avoid DOMException
@@ -706,7 +713,7 @@ class N {
   }
   // Take in data and add options to
   renderOptions(e) {
-    if (this.content.list.innerHTML = "", e.length === 0) {
+    if (this.lastRenderedOptions = e.map((s) => s instanceof u ? [s] : s.options.map((i) => new u(i))).flat(), this.content.list.innerHTML = "", e.length === 0) {
       const s = document.createElement("div");
       this.addClasses(s, this.classes.search), this.callbacks.addable ? s.innerHTML = this.settings.addableText.replace("{value}", this.content.search.input.value) : s.innerHTML = this.settings.searchText, this.content.list.appendChild(s);
       return;
@@ -811,10 +818,10 @@ class N {
       if (this.settings.isMultiple) {
         const c = h.some((d) => d.id === l);
         if (s.shiftKey && this.lastSelectedOption) {
-          const d = this.store.getDataOptions(), g = d.findIndex((C) => C.id === this.lastSelectedOption.id), v = d.findIndex((C) => C.id === e.id);
+          const d = this.lastRenderedOptions, g = d.findIndex((C) => C.id === this.lastSelectedOption.id), v = d.findIndex((C) => C.id === e.id);
           if (g >= 0 && v >= 0) {
-            const C = Math.min(g, v), w = Math.max(g, v), x = d.slice(C, w + 1).filter((A) => !h.find((L) => L.id === A.id));
-            h.length + x.length <= this.settings.maxSelected ? r = h.concat(x) : r = h;
+            const C = Math.min(g, v), w = Math.max(g, v), E = d.slice(C, w + 1).filter((A) => !h.find((L) => L.id === A.id));
+            h.length + E.length <= this.settings.maxSelected ? r = h.concat(E) : r = h;
           } else
             r = h;
         } else a ? (c ? r = h.filter((d) => d.id !== l) : r = h.concat(e), this.lastSelectedOption = e) : (c ? r = h.filter((d) => d.id !== l) : r = h.concat(e), this.lastSelectedOption = e);
@@ -1143,7 +1150,7 @@ class M {
       if (n.__slimSelectLabelHandler)
         return;
       const l = (a) => {
-        const o = a.target, h = E(o, this.select.dataset.id);
+        const o = a.target, h = x(o, this.select.dataset.id);
         a.preventDefault(), !h && this.onLabelClick && this.onLabelClick();
       };
       n.__slimSelectLabelHandler = l, n.addEventListener("click", l, { capture: !0, passive: !1 });
@@ -1368,7 +1375,7 @@ class F {
   });
   // Event listener for document click
   documentClick = (e) => {
-    this.settings.isOpen && e.target && !E(e.target, this.settings.id) && this.close(e.type);
+    this.settings.isOpen && e.target && !x(e.target, this.settings.id) && this.close(e.type);
   };
   // Event Listener for window visibility change
   windowVisibilityChange = () => {