@night-owl-elite/vue-select 1.3.8 → 1.3.10

package/dist/vue-select.css

@@ -1 +1 @@
-@keyframes spin-ef3cb04b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-icon-spin[data-v-ef3cb04b]{animation:spin-ef3cb04b 1s linear infinite}.list-group-item[data-v-471b86a8]{cursor:pointer;border:0;border-radius:0;padding-top:.5rem;padding-bottom:.5rem}.list-group-item.is-disabled[data-v-471b86a8]{cursor:not-allowed;opacity:.65}.expander-icon[data-v-471b86a8]{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease-in-out;color:#6c757d}.expander-placeholder[data-v-471b86a8]{display:inline-block;width:1rem;flex-shrink:0}.rotate-90[data-v-471b86a8]{transform:rotate(90deg)}.item-content[data-v-471b86a8]{flex-grow:1}.tree-select-main[data-v-ad4241e4]{--bs-form-select-bg-img: none;display:block;width:100%;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.tree-select-display-text[data-v-ad4241e4]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-icon[data-v-ad4241e4]{cursor:pointer;opacity:.6;transition:opacity .2s ease}.clear-icon[data-v-ad4241e4]:hover{opacity:1}.transition-transform[data-v-ad4241e4]{transition:transform .2s ease-in-out}.rotate-180[data-v-ad4241e4]{transform:rotate(180deg)}.tree-select-dropdown[data-v-ad4241e4]{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem}.tree-select-body[data-v-ad4241e4]::-webkit-scrollbar{width:6px}.tree-select-body[data-v-ad4241e4]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tree-select-body[data-v-ad4241e4]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tree-select-body[data-v-ad4241e4]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.is-loading[data-v-ad4241e4]{cursor:wait}.loading-icon[data-v-ad4241e4]{opacity:.7}.btn-xl[data-v-ad4241e4]{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-xl[data-v-ad4241e4]{min-height:calc(1.5em + 1.5rem + (var(--bs-border-width) * 2));padding:.75rem 1.5rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}@media (max-width: 576px){.tree-select-dropdown[data-v-ad4241e4]{max-width:90vw;left:0!important;right:0!important;margin:0 auto}}
+@keyframes spin-ef3cb04b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-icon-spin[data-v-ef3cb04b]{animation:spin-ef3cb04b 1s linear infinite}.list-group-item[data-v-684c6343]{cursor:pointer;border:0;border-radius:0;padding-top:.5rem;padding-bottom:.5rem}.list-group-item.is-disabled[data-v-684c6343]{cursor:not-allowed;opacity:.65}.expander-icon[data-v-684c6343]{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease-in-out;color:#6c757d}.expander-placeholder[data-v-684c6343]{display:inline-block;width:1rem;flex-shrink:0}.rotate-90[data-v-684c6343]{transform:rotate(90deg)}.item-content[data-v-684c6343]{flex-grow:1}.tree-select-main[data-v-4d6d178f]{--bs-form-select-bg-img: none;display:block;width:100%;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.tree-select-display-text[data-v-4d6d178f]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-icon[data-v-4d6d178f]{cursor:pointer;opacity:.6;transition:opacity .2s ease}.clear-icon[data-v-4d6d178f]:hover{opacity:1}.transition-transform[data-v-4d6d178f]{transition:transform .2s ease-in-out}.rotate-180[data-v-4d6d178f]{transform:rotate(180deg)}.tree-select-dropdown[data-v-4d6d178f]{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem}.tree-select-body[data-v-4d6d178f]::-webkit-scrollbar{width:6px}.tree-select-body[data-v-4d6d178f]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tree-select-body[data-v-4d6d178f]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tree-select-body[data-v-4d6d178f]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.is-loading[data-v-4d6d178f]{cursor:wait}.loading-icon[data-v-4d6d178f]{opacity:.7}.btn-xl[data-v-4d6d178f]{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-xl[data-v-4d6d178f]{min-height:calc(1.5em + 1.5rem + (var(--bs-border-width) * 2));padding:.75rem 1.5rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}@media (max-width: 576px){.tree-select-dropdown[data-v-4d6d178f]{max-width:90vw;left:0!important;right:0!important;margin:0 auto}}

package/dist/vue-select.es.js

@@ -1,11 +1,11 @@
-import { computed as b, createElementBlock as d, openBlock as a, normalizeClass as L, createCommentVNode as g, createElementVNode as f, resolveComponent as ie, normalizeStyle as se, createBlock as E, withModifiers as T, renderSlot as P, Fragment as J, renderList as Q, withCtx as X, ref as A, onMounted as ae, onUnmounted as oe, watch as re, toDisplayString as W, withDirectives as de, vModelText as ue, createVNode as U, createTextVNode as H, nextTick as G } from "vue";
+import { computed as b, createElementBlock as u, openBlock as i, normalizeClass as L, createCommentVNode as g, createElementVNode as f, resolveComponent as ae, normalizeStyle as se, createBlock as E, withModifiers as z, renderSlot as T, Fragment as Q, renderList as X, withCtx as Y, ref as C, onMounted as ie, onUnmounted as oe, watch as de, toDisplayString as U, withDirectives as re, vModelText as ue, createVNode as H, createTextVNode as G, nextTick as J } from "vue";
 import { createPopper as ce } from "@popperjs/core";
-const D = (t, $) => {
+const P = (t, B) => {
   const l = t.__vccOpts || t;
-  for (const [h, o] of $)
+  for (const [h, o] of B)
     l[h] = o;
   return l;
-}, me = { key: 0 }, fe = { key: 1 }, he = { key: 2 }, ge = { key: 3 }, ve = { key: 4 }, pe = {
+}, me = { key: 0 }, fe = { key: 1 }, he = { key: 2 }, ge = { key: 3 }, ve = { key: 4 }, ye = {
   __name: "SvgIcon",
   props: {
     name: {
@@ -14,10 +14,10 @@ const D = (t, $) => {
     }
   },
   setup(t) {
-    const $ = t, l = b(() => ({
-      "svg-icon-spin": $.name === "spinner"
+    const B = t, l = b(() => ({
+      "svg-icon-spin": B.name === "spinner"
     }));
-    return (h, o) => (a(), d("svg", {
+    return (h, o) => (i(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
@@ -25,24 +25,24 @@ const D = (t, $) => {
       height: "1em",
       class: L(l.value)
     }, [
-      t.name === "spinner" ? (a(), d("g", me, o[0] || (o[0] = [
+      t.name === "spinner" ? (i(), u("g", me, o[0] || (o[0] = [
         f("path", { d: "M12,4V2A10,10,0,0,0,2,12H4A8,8,0,0,1,12,4Z" }, null, -1)
       ]))) : g("", !0),
-      t.name === "times" ? (a(), d("g", fe, o[1] || (o[1] = [
+      t.name === "times" ? (i(), u("g", fe, o[1] || (o[1] = [
         f("path", { d: "M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z" }, null, -1)
       ]))) : g("", !0),
-      t.name === "chevron-down" ? (a(), d("g", he, o[2] || (o[2] = [
+      t.name === "chevron-down" ? (i(), u("g", he, o[2] || (o[2] = [
         f("path", { d: "M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z" }, null, -1)
       ]))) : g("", !0),
-      t.name === "chevron-right" ? (a(), d("g", ge, o[3] || (o[3] = [
+      t.name === "chevron-right" ? (i(), u("g", ge, o[3] || (o[3] = [
         f("path", { d: "M10.83,12l-4.24,4.24a1,1,0,0,0,1.41,1.41L13.66,12,8,6.34A1,1,0,0,0,6.59,7.76Z" }, null, -1)
       ]))) : g("", !0),
-      t.name === "search" ? (a(), d("g", ve, o[4] || (o[4] = [
+      t.name === "search" ? (i(), u("g", ve, o[4] || (o[4] = [
         f("path", { d: "M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z" }, null, -1)
       ]))) : g("", !0)
     ], 2));
   }
-}, B = /* @__PURE__ */ D(pe, [["__scopeId", "data-v-ef3cb04b"]]), ye = { class: "tree-select-item-wrapper" }, be = {
+}, A = /* @__PURE__ */ P(ye, [["__scopeId", "data-v-ef3cb04b"]]), pe = { class: "tree-select-item-wrapper" }, be = {
   key: 1,
   class: "expander-placeholder"
 }, xe = ["checked", ".indeterminate", "disabled"], ke = { class: "item-content" }, Se = {
@@ -60,51 +60,52 @@ const D = (t, $) => {
     selectMode: { type: String, required: !0 },
     optionLabel: { type: String, required: !0 },
     optionValue: { type: String, required: !0 },
-    disabledKey: { type: String, default: null }
+    disabledKey: { type: String, default: null },
+    disableBranchNode: { type: Boolean, default: !1 }
   },
   emits: ["select", "toggle-expand"],
-  setup(t, { emit: $ }) {
-    const l = t, h = (r) => r[l.optionValue] || r.id || r.value, o = (r) => !l.disabledKey || !r ? !1 : r.hasOwnProperty(l.disabledKey) && r[l.disabledKey] !== null, w = b(() => l.item.children && l.item.children.length > 0), x = b(() => l.expandedItems.has(h(l.item))), v = b(() => l.selectedItems.includes(h(l.item))), V = (r) => {
+  setup(t, { emit: B }) {
+    const l = t, h = (d) => d[l.optionValue] || d.id || d.value, o = (d) => !l.disabledKey || !d ? !1 : d.hasOwnProperty(l.disabledKey) && d[l.disabledKey] !== null, v = b(() => l.item.children && l.item.children.length > 0), x = b(() => l.expandedItems.has(h(l.item))), k = b(() => l.selectedItems.includes(h(l.item))), V = (d) => {
       let c = [];
-      return r.children && r.children.forEach((I) => {
+      return d.children && d.children.forEach((I) => {
         c.push(h(I)), c.push(...V(I));
       }), c;
-    }, C = b(() => !l.multiple || !l.selectAll || !w.value || v.value ? !1 : V(l.item).some((c) => l.selectedItems.includes(c)));
-    return (r, c) => {
-      const I = ie("TreeSelectItem", !0);
-      return a(), d("div", ye, [
+    }, $ = b(() => !l.multiple || !l.selectAll || !v.value || k.value ? !1 : V(l.item).some((c) => l.selectedItems.includes(c)));
+    return (d, c) => {
+      const I = ae("TreeSelectItem", !0);
+      return i(), u("div", pe, [
         f("div", {
           class: L(["list-group-item list-group-item-action d-flex align-items-center gap-2", {
-            "bg-primary text-white": v.value && t.selectMode === "highlight" && !o(t.item),
+            "bg-primary text-white": k.value && (t.selectMode === "highlight" || !t.multiple) && !o(t.item) && !(t.disableBranchNode && v.value),
             "is-disabled text-muted bg-light": o(t.item)
           }]),
           style: se({ "padding-left": `${t.level * 1.5 + 1}rem` }),
-          onClick: c[2] || (c[2] = (m) => o(t.item) ? null : r.$emit("select", t.item))
+          onClick: c[2] || (c[2] = (m) => o(t.item) || t.disableBranchNode && v.value ? null : d.$emit("select", t.item))
         }, [
-          w.value ? (a(), E(B, {
+          v.value ? (i(), E(A, {
             key: 0,
             name: "chevron-right",
-            class: L(["expander-icon", { "rotate-90": x.value, "text-white": v.value && t.selectMode === "highlight" && !o(t.item) }]),
-            onClick: c[0] || (c[0] = T((m) => r.$emit("toggle-expand", h(t.item)), ["stop"]))
-          }, null, 8, ["class"])) : (a(), d("span", be)),
-          t.multiple && t.selectMode === "checkbox" ? (a(), d("input", {
+            class: L(["expander-icon", { "rotate-90": x.value }]),
+            onClick: c[0] || (c[0] = z((m) => d.$emit("toggle-expand", h(t.item)), ["stop"]))
+          }, null, 8, ["class"])) : (i(), u("span", be)),
+          t.multiple && t.selectMode === "checkbox" && t.disableBranchNode && !v.value ? (i(), u("input", {
             key: 2,
             type: "checkbox",
             class: "form-check-input",
-            checked: v.value,
-            ".indeterminate": C.value,
+            checked: k.value,
+            ".indeterminate": $.value,
             disabled: o(t.item),
-            onClick: c[1] || (c[1] = T((m) => o(t.item) ? null : r.$emit("select", t.item), ["stop"]))
+            onClick: c[1] || (c[1] = z((m) => d.$emit("select", t.item), ["stop"]))
           }, null, 40, xe)) : g("", !0),
           f("div", ke, [
-            P(r.$slots, "default", {
+            T(d.$slots, "default", {
               item: t.item,
               level: t.level
             }, void 0, !0)
           ])
         ], 6),
-        w.value && x.value ? (a(), d("div", Se, [
-          (a(!0), d(J, null, Q(t.item.children, (m) => (a(), E(I, {
+        v.value && x.value ? (i(), u("div", Se, [
+          (i(!0), u(Q, null, X(t.item.children, (m) => (i(), E(I, {
             key: h(m),
             item: m,
             level: t.level + 1,
@@ -116,25 +117,26 @@ const D = (t, $) => {
             "option-label": t.optionLabel,
             "option-value": t.optionValue,
             "disabled-key": t.disabledKey,
-            onSelect: c[3] || (c[3] = (k) => r.$emit("select", k)),
-            onToggleExpand: c[4] || (c[4] = (k) => r.$emit("toggle-expand", k))
+            "disable-branch-node": t.disableBranchNode,
+            onSelect: c[3] || (c[3] = (S) => d.$emit("select", S)),
+            onToggleExpand: c[4] || (c[4] = (S) => d.$emit("toggle-expand", S))
           }, {
-            default: X(({ item: k, level: p }) => [
-              P(r.$slots, "default", {
-                item: k,
-                level: p
+            default: Y(({ item: S, level: y }) => [
+              T(d.$slots, "default", {
+                item: S,
+                level: y
               }, void 0, !0)
             ]),
             _: 2
-          }, 1032, ["item", "level", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key"]))), 128))
+          }, 1032, ["item", "level", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key", "disable-branch-node"]))), 128))
         ])) : g("", !0)
       ]);
     };
   }
-}, Ve = /* @__PURE__ */ D(we, [["__scopeId", "data-v-471b86a8"]]), Ie = { class: "tree-select-wrapper" }, Le = ["disabled"], $e = { class: "tree-select-display-text text-truncate me-2 text-start" }, Ce = { class: "d-flex align-items-center gap-2" }, Ae = {
+}, Ve = /* @__PURE__ */ P(we, [["__scopeId", "data-v-684c6343"]]), Ie = { class: "tree-select-wrapper" }, Le = ["disabled"], Be = { class: "tree-select-display-text text-truncate me-2 text-start" }, $e = { class: "d-flex align-items-center gap-2" }, Ce = {
   key: 0,
   class: "p-2 border-bottom"
-}, Be = {
+}, Ae = {
   key: 1,
   class: "p-4 text-muted text-center"
 }, Ee = {
@@ -144,13 +146,13 @@ const D = (t, $) => {
 }, Me = {
   key: 0,
   class: "list-group list-group-flush"
-}, Ke = {
+}, Ne = {
   class: "d-flex align-items-center gap-2",
   style: { "white-space": "wrap" }
-}, qe = {
+}, Ke = {
   key: 1,
   class: "p-3 text-muted text-center"
-}, ze = {
+}, qe = {
   __name: "TreeSelectMain",
   props: {
     modelValue: {
@@ -209,11 +211,15 @@ const D = (t, $) => {
     },
     disabledKey: {
       type: String,
-      default: "disabled"
+      default: null
     },
     excludeFromSelectedListKey: {
       type: String,
-      default: "isParent"
+      default: null
+    },
+    disableBranchNodes: {
+      type: Boolean,
+      default: !1
     },
     size: {
       type: String,
@@ -222,99 +228,104 @@ const D = (t, $) => {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: $ }) {
-    const l = t, h = $, o = A(null), w = A(null), x = A(""), v = A(!1), V = A(/* @__PURE__ */ new Set()), C = A(null), r = b(() => l.size === "sm" ? "btn-sm" : l.size === "lg" ? "btn-lg" : l.size === "xl" ? "btn-xl" : ""), c = b(() => l.size === "sm" ? "form-control-sm" : l.size === "lg" ? "form-control-lg" : l.size === "xl" ? "form-control-xl" : ""), I = (e) => e[l.optionLabel] || e.label || e.name || "", m = (e) => e[l.optionValue] || e.id || e.value, k = (e) => !l.disabledKey || !e ? !1 : e.hasOwnProperty(l.disabledKey) && e[l.disabledKey] !== null, p = (e) => e.children && e.children.length > 0, N = (e, i = l.items) => {
-      for (const n of i) {
+  setup(t, { emit: B }) {
+    const l = t, h = B, o = C(null), v = C(null), x = C(""), k = C(!1), V = C(/* @__PURE__ */ new Set()), $ = C(null), d = b(() => l.size === "sm" ? "btn-sm" : l.size === "lg" ? "btn-lg" : l.size === "xl" ? "btn-xl" : ""), c = b(() => l.size === "sm" ? "form-control-sm" : l.size === "lg" ? "form-control-lg" : l.size === "xl" ? "form-control-xl" : ""), I = (e) => e[l.optionLabel] || e.label || e.name || "", m = (e) => e[l.optionValue] || e.id || e.value, S = (e) => !l.disabledKey || !e ? !1 : e.hasOwnProperty(l.disabledKey) && e[l.disabledKey] !== null, y = (e) => e.children && e.children.length > 0, D = (e, a = l.items) => {
+      for (const n of a) {
         if (m(n) === e) return n;
-        if (p(n)) {
-          const s = N(e, n.children);
+        if (y(n)) {
+          const s = D(e, n.children);
           if (s) return s;
         }
       }
       return null;
     }, O = (e) => {
-      const i = [];
-      return p(e) && e.children.forEach((n) => {
-        k(n) || (i.push(m(n)), i.push(...O(n)));
-      }), i;
-    }, Z = (e, i = l.items, n = []) => {
-      for (const s of i) {
+      const a = [];
+      return y(e) && e.children.forEach((n) => {
+        S(n) || (a.push(m(n)), a.push(...O(n)));
+      }), a;
+    }, Z = (e, a = l.items, n = []) => {
+      for (const s of a) {
         if (m(s) === e) return n;
-        if (p(s)) {
-          const u = Z(e, s.children, [...n, m(s)]);
-          if (u) return u;
+        if (y(s)) {
+          const r = Z(e, s.children, [...n, m(s)]);
+          if (r) return r;
         }
       }
       return null;
     }, M = b(() => {
       const e = new Set(Array.isArray(l.modelValue) ? l.modelValue : [l.modelValue].filter(Boolean));
       if (l.multiple && l.selectAll) {
-        const i = (n) => {
+        const a = (n) => {
           n.forEach((s) => {
-            if (p(s)) {
-              const u = s.children.filter((S) => !k(S));
-              u.length > 0 && u.every((S) => e.has(m(S))) && e.add(m(s)), i(s.children);
+            if (y(s)) {
+              const r = s.children.filter((w) => !S(w));
+              r.length > 0 && r.every((w) => e.has(m(w))) && e.add(m(s)), a(s.children);
             }
           });
         };
-        i(l.items);
+        a(l.items);
       }
       return Array.from(e);
-    }), K = (e, i = l.items, n = []) => {
-      for (const s of i) {
-        const u = [...n, I(s)];
-        if (m(s) === e) return u;
-        if (p(s)) {
-          const y = K(e, s.children, u);
-          if (y) return y;
+    }), N = (e, a = l.items, n = []) => {
+      for (const s of a) {
+        const r = [...n, I(s)];
+        if (m(s) === e) return r;
+        if (y(s)) {
+          const p = N(e, s.children, r);
+          if (p) return p;
         }
       }
       return null;
     }, F = (e) => {
       if (!e || e.length === 0) return "";
-      const i = e.join(" → ");
-      return i.length <= 40 ? i : e.length > 2 ? `${e[0]} → ... → ${e[e.length - 1]}` : i;
-    }, Y = b(() => {
+      const a = e.join(" → ");
+      return a.length <= 40 ? a : e.length > 2 ? `${e[0]} → ... → ${e[e.length - 1]}` : a;
+    }, _ = b(() => {
       const e = Array.isArray(l.modelValue) ? l.modelValue : [l.modelValue].filter(Boolean);
       if (e.length === 0) return l.placeholder;
       if (l.multiple) {
         if (e.length === 1) {
-          const n = K(e[0]);
+          const n = N(e[0]);
           return n ? F(n) : e[0];
         }
         return `${e.length} items selected`;
       }
-      const i = K(e[0]);
-      return i ? F(i) : e[0];
-    }), R = (e, i) => e.map((n) => {
-      const s = I(n).toLowerCase().includes(i);
-      let u = [];
-      return p(n) && (u = R(n.children, i)), s || u.length > 0 ? { ...n, children: u } : null;
-    }).filter(Boolean), q = b(() => x.value.trim() ? R(l.items, x.value.toLowerCase()) : l.items), _ = (e) => {
-      if (k(e)) return;
-      const i = m(e);
+      const a = N(e[0]);
+      return a ? F(a) : e[0];
+    }), R = (e, a) => e.map((n) => {
+      const s = I(n).toLowerCase().includes(a);
+      let r = [];
+      return y(n) && (r = R(n.children, a)), s || r.length > 0 ? { ...n, children: r } : null;
+    }).filter(Boolean), K = b(() => x.value.trim() ? R(l.items, x.value.toLowerCase()) : l.items), ee = (e) => {
+      if (l.disableBranchNodes && e.children) {
+        const r = e[l.optionValue] || e.id || e.value;
+        j(r);
+        return;
+      }
+      if (S(e)) return;
+      const a = m(e);
       let n = new Set(M.value);
       if (l.multiple) {
-        const u = n.has(i);
-        if (l.selectAll && p(e)) {
-          const y = O(e);
-          u ? (n.delete(i), y.forEach((S) => n.delete(S))) : (n.add(i), y.forEach((S) => n.add(S)));
+        const r = n.has(a);
+        if (l.selectAll && y(e)) {
+          const p = O(e);
+          r ? (n.delete(a), p.forEach((w) => n.delete(w))) : (n.add(a), p.forEach((w) => n.add(w)));
         } else
-          u ? (n.delete(i), l.selectAll && Z(i)?.forEach((S) => n.delete(S))) : n.add(i);
+          r ? (n.delete(a), l.selectAll && Z(a)?.forEach((w) => n.delete(w))) : n.add(a);
       } else
-        n = /* @__PURE__ */ new Set([i]), z();
+        n = /* @__PURE__ */ new Set([a]), q();
       let s = Array.from(n);
-      l.multiple && l.excludeFromSelectedListKey && (s = s.filter((u) => {
-        const y = N(u);
-        return !y || !y[l.excludeFromSelectedListKey];
+      l.multiple && l.excludeFromSelectedListKey && (s = s.filter((r) => {
+        const p = D(r);
+        return !p || !p[l.excludeFromSelectedListKey];
       })), h("update:modelValue", l.multiple ? s : s[0] || null), h("change", l.multiple ? s : s[0] || null);
-    }, ee = (e) => {
+    }, j = (e) => {
       V.value.has(e) ? V.value.delete(e) : V.value.add(e);
     }, te = () => {
       const e = l.multiple ? [] : null;
       h("update:modelValue", e), h("change", e);
     }, le = async () => {
-      l.disabled || (v.value = !0, await G(), o.value && w.value && (C.value = ce(w.value, o.value, {
+      l.disabled || (k.value = !0, await J(), o.value && v.value && ($.value = ce(v.value, o.value, {
         placement: "bottom-start",
         strategy: "fixed",
         modifiers: [
@@ -335,30 +346,30 @@ const D = (t, $) => {
             }
           }
         ]
-      })), l.searchable && (await G(), o.value?.querySelector(".tree-search-input")?.focus()));
-    }, z = () => {
-      v.value = !1, x.value = "", C.value?.destroy(), C.value = null;
-    }, ne = () => v.value ? z() : le(), j = (e) => {
-      !w.value?.contains(e.target) && !o.value?.contains(e.target) && z();
+      })), l.searchable && (await J(), o.value?.querySelector(".tree-search-input")?.focus()));
+    }, q = () => {
+      k.value = !1, x.value = "", $.value?.destroy(), $.value = null;
+    }, ne = () => k.value ? q() : le(), W = (e) => {
+      !v.value?.contains(e.target) && !o.value?.contains(e.target) && q();
     };
-    return ae(() => document.addEventListener("click", j)), oe(() => {
-      document.removeEventListener("click", j), C.value?.destroy();
-    }), re(x, (e) => {
+    return ie(() => document.addEventListener("click", W)), oe(() => {
+      document.removeEventListener("click", W), $.value?.destroy();
+    }), de(x, (e) => {
       if (e.trim()) {
-        const i = (n) => {
+        const a = (n) => {
           n.forEach((s) => {
-            p(s) && (V.value.add(m(s)), i(s.children));
+            y(s) && (V.value.add(m(s)), a(s.children));
           });
         };
-        i(q.value);
+        a(K.value);
       }
-    }), (e, i) => (a(), d("div", Ie, [
+    }), (e, a) => (i(), u("div", Ie, [
       f("button", {
         ref_key: "triggerRef",
-        ref: w,
+        ref: v,
         type: "button",
         class: L(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main", [
-          r.value,
+          d.value,
           {
             "btn-outline-secondary": !t.isInvalid,
             "border-danger": t.isInvalid,
@@ -369,38 +380,38 @@ const D = (t, $) => {
         disabled: t.disabled || t.isLoading,
         onClick: ne
       }, [
-        f("span", $e, [
-          f("span", null, W(t.isLoading ? "Loading data..." : Y.value), 1)
+        f("span", Be, [
+          f("span", null, U(t.isLoading ? "Loading data..." : _.value), 1)
         ]),
-        f("div", Ce, [
-          t.isLoading ? (a(), E(B, {
+        f("div", $e, [
+          t.isLoading ? (i(), E(A, {
             key: 0,
             name: "spinner",
             class: "loading-icon"
           })) : g("", !0),
-          t.showClearButton && M.value.length > 0 && !t.disabled && !t.isLoading ? (a(), E(B, {
+          t.showClearButton && M.value.length > 0 && !t.disabled && !t.isLoading ? (i(), E(A, {
             key: 1,
             name: "times",
-            onClick: T(te, ["stop"]),
+            onClick: z(te, ["stop"]),
             class: "clear-icon"
           })) : g("", !0),
-          t.isLoading ? g("", !0) : (a(), E(B, {
+          t.isLoading ? g("", !0) : (i(), E(A, {
             key: 2,
             name: "chevron-down",
-            class: L(["transition-transform", { "rotate-180": v.value }])
+            class: L(["transition-transform", { "rotate-180": k.value }])
           }, null, 8, ["class"]))
         ])
       ], 10, Le),
-      v.value ? (a(), d("div", {
+      k.value ? (i(), u("div", {
         key: 0,
         ref_key: "dropdownRef",
         ref: o,
         class: "tree-select-dropdown card shadow-lg border-0",
         style: { "z-index": "1050" }
       }, [
-        t.searchable ? (a(), d("div", Ae, [
-          de(f("input", {
-            "onUpdate:modelValue": i[0] || (i[0] = (n) => x.value = n),
+        t.searchable ? (i(), u("div", Ce, [
+          re(f("input", {
+            "onUpdate:modelValue": a[0] || (a[0] = (n) => x.value = n),
             type: "text",
             class: L(["form-control tree-search-input", c.value]),
             placeholder: "Search..."
@@ -408,15 +419,15 @@ const D = (t, $) => {
             [ue, x.value]
           ])
         ])) : g("", !0),
-        t.isLoading ? (a(), d("div", Be, [
-          U(B, {
+        t.isLoading ? (i(), u("div", Ae, [
+          H(A, {
             name: "spinner",
             class: "me-2"
           }),
-          i[1] || (i[1] = f("span", null, "Loading...", -1))
-        ])) : (a(), d("div", Ee, [
-          q.value.length > 0 ? (a(), d("div", Me, [
-            (a(!0), d(J, null, Q(q.value, (n) => (a(), E(Ve, {
+          a[1] || (a[1] = f("span", null, "Loading...", -1))
+        ])) : (i(), u("div", Ee, [
+          K.value.length > 0 ? (i(), u("div", Me, [
+            (i(!0), u(Q, null, X(K.value, (n) => (i(), E(Ve, {
               key: m(n),
               item: n,
               level: 0,
@@ -428,17 +439,18 @@ const D = (t, $) => {
               "option-label": t.optionLabel,
               "option-value": t.optionValue,
               "disabled-key": t.disabledKey,
-              onSelect: _,
-              onToggleExpand: ee
+              "disable-branch-node": t.disableBranchNodes,
+              onSelect: ee,
+              onToggleExpand: j
             }, {
-              default: X(({ item: s, level: u }) => [
-                P(e.$slots, "default", {
+              default: Y(({ item: s, level: r }) => [
+                T(e.$slots, "default", {
                   item: s,
-                  level: u
+                  level: r
                 }, () => [
-                  f("div", Ke, [
-                    H(W(I(s)) + " ", 1),
-                    s.icon ? (a(), d("i", {
+                  f("div", Ne, [
+                    G(U(I(s)) + " ", 1),
+                    s.icon ? (i(), u("i", {
                       key: 0,
                       class: L(s.icon)
                     }, null, 2)) : g("", !0)
@@ -446,24 +458,24 @@ const D = (t, $) => {
                 ], !0)
               ]),
               _: 2
-            }, 1032, ["item", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key"]))), 128))
-          ])) : (a(), d("div", qe, [
-            U(B, {
+            }, 1032, ["item", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key", "disable-branch-node"]))), 128))
+          ])) : (i(), u("div", Ke, [
+            H(A, {
               name: "search",
               class: "me-1"
             }),
-            i[2] || (i[2] = H(" No items found ", -1))
+            a[2] || (a[2] = G(" No items found ", -1))
           ]))
         ]))
       ], 512)) : g("", !0)
     ]));
   }
-}, Te = /* @__PURE__ */ D(ze, [["__scopeId", "data-v-ad4241e4"]]), Ne = {
+}, ze = /* @__PURE__ */ P(qe, [["__scopeId", "data-v-4d6d178f"]]), De = {
   install(t) {
-    t.component("VSelect", Te);
+    t.component("VSelect", ze);
   }
 };
 export {
-  Te as VSelect,
-  Ne as default
+  ze as VSelect,
+  De as default
 };

package/dist/vue-select.umd.js

@@ -1 +1 @@
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@popperjs/core")):typeof define=="function"&&define.amd?define(["exports","vue","@popperjs/core"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.VueSelect={},g.Vue,g.Popper))})(this,function(g,e,D){"use strict";const C=(l,w)=>{const n=l.__vccOpts||l;for(const[u,s]of w)n[u]=s;return n},O={key:0},j={key:1},Z={key:2},F={key:3},R={key:4},S=C({__name:"SvgIcon",props:{name:{type:String,required:!0}},setup(l){const w=l,n=e.computed(()=>({"svg-icon-spin":w.name==="spinner"}));return(u,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",class:e.normalizeClass(n.value)},[l.name==="spinner"?(e.openBlock(),e.createElementBlock("g",O,s[0]||(s[0]=[e.createElementVNode("path",{d:"M12,4V2A10,10,0,0,0,2,12H4A8,8,0,0,1,12,4Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="times"?(e.openBlock(),e.createElementBlock("g",j,s[1]||(s[1]=[e.createElementVNode("path",{d:"M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="chevron-down"?(e.openBlock(),e.createElementBlock("g",Z,s[2]||(s[2]=[e.createElementVNode("path",{d:"M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="chevron-right"?(e.openBlock(),e.createElementBlock("g",F,s[3]||(s[3]=[e.createElementVNode("path",{d:"M10.83,12l-4.24,4.24a1,1,0,0,0,1.41,1.41L13.66,12,8,6.34A1,1,0,0,0,6.59,7.76Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="search"?(e.openBlock(),e.createElementBlock("g",R,s[4]||(s[4]=[e.createElementVNode("path",{d:"M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z"},null,-1)]))):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-ef3cb04b"]]),W={class:"tree-select-item-wrapper"},U={key:1,class:"expander-placeholder"},H=["checked",".indeterminate","disabled"],G={class:"item-content"},J={key:0,class:"children-wrapper"},Q=C({__name:"TreeSelectItem",props:{item:{type:Object,required:!0},level:{type:Number,required:!0},selectedItems:{type:Array,required:!0},expandedItems:{type:Set,required:!0},multiple:{type:Boolean,required:!0},selectAll:{type:Boolean,required:!0},selectMode:{type:String,required:!0},optionLabel:{type:String,required:!0},optionValue:{type:String,required:!0},disabledKey:{type:String,default:null}},emits:["select","toggle-expand"],setup(l,{emit:w}){const n=l,u=r=>r[n.optionValue]||r.id||r.value,s=r=>!n.disabledKey||!r?!1:r.hasOwnProperty(n.disabledKey)&&r[n.disabledKey]!==null,B=e.computed(()=>n.item.children&&n.item.children.length>0),y=e.computed(()=>n.expandedItems.has(u(n.item))),f=e.computed(()=>n.selectedItems.includes(u(n.item))),V=r=>{let c=[];return r.children&&r.children.forEach(x=>{c.push(u(x)),c.push(...V(x))}),c},E=e.computed(()=>!n.multiple||!n.selectAll||!B.value||f.value?!1:V(n.item).some(c=>n.selectedItems.includes(c)));return(r,c)=>{const x=e.resolveComponent("TreeSelectItem",!0);return e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",{class:e.normalizeClass(["list-group-item list-group-item-action d-flex align-items-center gap-2",{"bg-primary text-white":f.value&&l.selectMode==="highlight"&&!s(l.item),"is-disabled text-muted bg-light":s(l.item)}]),style:e.normalizeStyle({"padding-left":`${l.level*1.5+1}rem`}),onClick:c[2]||(c[2]=m=>s(l.item)?null:r.$emit("select",l.item))},[B.value?(e.openBlock(),e.createBlock(S,{key:0,name:"chevron-right",class:e.normalizeClass(["expander-icon",{"rotate-90":y.value,"text-white":f.value&&l.selectMode==="highlight"&&!s(l.item)}]),onClick:c[0]||(c[0]=e.withModifiers(m=>r.$emit("toggle-expand",u(l.item)),["stop"]))},null,8,["class"])):(e.openBlock(),e.createElementBlock("span",U)),l.multiple&&l.selectMode==="checkbox"?(e.openBlock(),e.createElementBlock("input",{key:2,type:"checkbox",class:"form-check-input",checked:f.value,".indeterminate":E.value,disabled:s(l.item),onClick:c[1]||(c[1]=e.withModifiers(m=>s(l.item)?null:r.$emit("select",l.item),["stop"]))},null,40,H)):e.createCommentVNode("",!0),e.createElementVNode("div",G,[e.renderSlot(r.$slots,"default",{item:l.item,level:l.level},void 0,!0)])],6),B.value&&y.value?(e.openBlock(),e.createElementBlock("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.children,m=>(e.openBlock(),e.createBlock(x,{key:u(m),item:m,level:l.level+1,"selected-items":l.selectedItems,"expanded-items":l.expandedItems,multiple:l.multiple,"select-all":l.selectAll,"select-mode":l.selectMode,"option-label":l.optionLabel,"option-value":l.optionValue,"disabled-key":l.disabledKey,onSelect:c[3]||(c[3]=k=>r.$emit("select",k)),onToggleExpand:c[4]||(c[4]=k=>r.$emit("toggle-expand",k))},{default:e.withCtx(({item:k,level:p})=>[e.renderSlot(r.$slots,"default",{item:k,level:p},void 0,!0)]),_:2},1032,["item","level","selected-items","expanded-items","multiple","select-all","select-mode","option-label","option-value","disabled-key"]))),128))])):e.createCommentVNode("",!0)])}}},[["__scopeId","data-v-471b86a8"]]),X={class:"tree-select-wrapper"},Y=["disabled"],v={class:"tree-select-display-text text-truncate me-2 text-start"},_={class:"d-flex align-items-center gap-2"},ee={key:0,class:"p-2 border-bottom"},te={key:1,class:"p-4 text-muted text-center"},le={key:2,class:"tree-select-body",style:{"max-height":"300px","overflow-y":"auto"}},ne={key:0,class:"list-group list-group-flush"},oe={class:"d-flex align-items-center gap-2",style:{"white-space":"wrap"}},ae={key:1,class:"p-3 text-muted text-center"},A=C({__name:"TreeSelectMain",props:{modelValue:{type:[String,Number,Array],default:null},items:{type:Array,default:()=>[]},multiple:{type:Boolean,default:!1},selectMode:{type:String,default:"checkbox",validator:l=>["checkbox","highlight"].includes(l)},placeholder:{type:String,default:"Select item..."},isInvalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},searchable:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!1},showClearButton:{type:Boolean,default:!0},selectAll:{type:Boolean,default:!1},optionLabel:{type:String,default:"value"},optionValue:{type:String,default:"code"},disabledKey:{type:String,default:"disabled"},excludeFromSelectedListKey:{type:String,default:"isParent"},size:{type:String,default:"sm",validator:l=>["sm","md","lg","xl"].includes(l)}},emits:["update:modelValue","change"],setup(l,{emit:w}){const n=l,u=w,s=e.ref(null),B=e.ref(null),y=e.ref(""),f=e.ref(!1),V=e.ref(new Set),E=e.ref(null),r=e.computed(()=>n.size==="sm"?"btn-sm":n.size==="lg"?"btn-lg":n.size==="xl"?"btn-xl":""),c=e.computed(()=>n.size==="sm"?"form-control-sm":n.size==="lg"?"form-control-lg":n.size==="xl"?"form-control-xl":""),x=t=>t[n.optionLabel]||t.label||t.name||"",m=t=>t[n.optionValue]||t.id||t.value,k=t=>!n.disabledKey||!t?!1:t.hasOwnProperty(n.disabledKey)&&t[n.disabledKey]!==null,p=t=>t.children&&t.children.length>0,M=(t,a=n.items)=>{for(const o of a){if(m(o)===t)return o;if(p(o)){const i=M(t,o.children);if(i)return i}}return null},z=t=>{const a=[];return p(t)&&t.children.forEach(o=>{k(o)||(a.push(m(o)),a.push(...z(o)))}),a},T=(t,a=n.items,o=[])=>{for(const i of a){if(m(i)===t)return o;if(p(i)){const d=T(t,i.children,[...o,m(i)]);if(d)return d}}return null},N=e.computed(()=>{const t=new Set(Array.isArray(n.modelValue)?n.modelValue:[n.modelValue].filter(Boolean));if(n.multiple&&n.selectAll){const a=o=>{o.forEach(i=>{if(p(i)){const d=i.children.filter(b=>!k(b));d.length>0&&d.every(b=>t.has(m(b)))&&t.add(m(i)),a(i.children)}})};a(n.items)}return Array.from(t)}),L=(t,a=n.items,o=[])=>{for(const i of a){const d=[...o,x(i)];if(m(i)===t)return d;if(p(i)){const h=L(t,i.children,d);if(h)return h}}return null},q=t=>{if(!t||t.length===0)return"";const a=t.join(" → ");return a.length<=40?a:t.length>2?`${t[0]} → ... → ${t[t.length-1]}`:a},se=e.computed(()=>{const t=Array.isArray(n.modelValue)?n.modelValue:[n.modelValue].filter(Boolean);if(t.length===0)return n.placeholder;if(n.multiple){if(t.length===1){const o=L(t[0]);return o?q(o):t[0]}return`${t.length} items selected`}const a=L(t[0]);return a?q(a):t[0]}),K=(t,a)=>t.map(o=>{const i=x(o).toLowerCase().includes(a);let d=[];return p(o)&&(d=K(o.children,a)),i||d.length>0?{...o,children:d}:null}).filter(Boolean),I=e.computed(()=>y.value.trim()?K(n.items,y.value.toLowerCase()):n.items),re=t=>{if(k(t))return;const a=m(t);let o=new Set(N.value);if(n.multiple){const d=o.has(a);if(n.selectAll&&p(t)){const h=z(t);d?(o.delete(a),h.forEach(b=>o.delete(b))):(o.add(a),h.forEach(b=>o.add(b)))}else d?(o.delete(a),n.selectAll&&T(a)?.forEach(b=>o.delete(b))):o.add(a)}else o=new Set([a]),$();let i=Array.from(o);n.multiple&&n.excludeFromSelectedListKey&&(i=i.filter(d=>{const h=M(d);return!h||!h[n.excludeFromSelectedListKey]})),u("update:modelValue",n.multiple?i:i[0]||null),u("change",n.multiple?i:i[0]||null)},de=t=>{V.value.has(t)?V.value.delete(t):V.value.add(t)},ce=()=>{const t=n.multiple?[]:null;u("update:modelValue",t),u("change",t)},me=async()=>{n.disabled||(f.value=!0,await e.nextTick(),s.value&&B.value&&(E.value=D.createPopper(B.value,s.value,{placement:"bottom-start",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{fallbackPlacements:["top-start"]}},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`},effect:({state:t})=>{t.elements.popper.style.width=`${t.elements.reference.offsetWidth}px`}}]})),n.searchable&&(await e.nextTick(),s.value?.querySelector(".tree-search-input")?.focus()))},$=()=>{f.value=!1,y.value="",E.value?.destroy(),E.value=null},ue=()=>f.value?$():me(),P=t=>{!B.value?.contains(t.target)&&!s.value?.contains(t.target)&&$()};return e.onMounted(()=>document.addEventListener("click",P)),e.onUnmounted(()=>{document.removeEventListener("click",P),E.value?.destroy()}),e.watch(y,t=>{if(t.trim()){const a=o=>{o.forEach(i=>{p(i)&&(V.value.add(m(i)),a(i.children))})};a(I.value)}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("button",{ref_key:"triggerRef",ref:B,type:"button",class:e.normalizeClass(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main",[r.value,{"btn-outline-secondary":!l.isInvalid,"border-danger":l.isInvalid,disabled:l.disabled||l.isLoading,"is-loading":l.isLoading}]]),disabled:l.disabled||l.isLoading,onClick:ue},[e.createElementVNode("span",v,[e.createElementVNode("span",null,e.toDisplayString(l.isLoading?"Loading data...":se.value),1)]),e.createElementVNode("div",_,[l.isLoading?(e.openBlock(),e.createBlock(S,{key:0,name:"spinner",class:"loading-icon"})):e.createCommentVNode("",!0),l.showClearButton&&N.value.length>0&&!l.disabled&&!l.isLoading?(e.openBlock(),e.createBlock(S,{key:1,name:"times",onClick:e.withModifiers(ce,["stop"]),class:"clear-icon"})):e.createCommentVNode("",!0),l.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:2,name:"chevron-down",class:e.normalizeClass(["transition-transform",{"rotate-180":f.value}])},null,8,["class"]))])],10,Y),f.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:s,class:"tree-select-dropdown card shadow-lg border-0",style:{"z-index":"1050"}},[l.searchable?(e.openBlock(),e.createElementBlock("div",ee,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=o=>y.value=o),type:"text",class:e.normalizeClass(["form-control tree-search-input",c.value]),placeholder:"Search..."},null,2),[[e.vModelText,y.value]])])):e.createCommentVNode("",!0),l.isLoading?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(S,{name:"spinner",class:"me-2"}),a[1]||(a[1]=e.createElementVNode("span",null,"Loading...",-1))])):(e.openBlock(),e.createElementBlock("div",le,[I.value.length>0?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,o=>(e.openBlock(),e.createBlock(Q,{key:m(o),item:o,level:0,"selected-items":N.value,"expanded-items":V.value,multiple:l.multiple,"select-all":l.selectAll,"select-mode":l.selectMode,"option-label":l.optionLabel,"option-value":l.optionValue,"disabled-key":l.disabledKey,onSelect:re,onToggleExpand:de},{default:e.withCtx(({item:i,level:d})=>[e.renderSlot(t.$slots,"default",{item:i,level:d},()=>[e.createElementVNode("div",oe,[e.createTextVNode(e.toDisplayString(x(i))+" ",1),i.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(i.icon)},null,2)):e.createCommentVNode("",!0)])],!0)]),_:2},1032,["item","selected-items","expanded-items","multiple","select-all","select-mode","option-label","option-value","disabled-key"]))),128))])):(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(S,{name:"search",class:"me-1"}),a[2]||(a[2]=e.createTextVNode(" No items found ",-1))]))]))],512)):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-ad4241e4"]]),ie={install(l){l.component("VSelect",A)}};g.VSelect=A,g.default=ie,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@popperjs/core")):typeof define=="function"&&define.amd?define(["exports","vue","@popperjs/core"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.VueSelect={},g.Vue,g.Popper))})(this,function(g,e,O){"use strict";const C=(l,E)=>{const n=l.__vccOpts||l;for(const[u,s]of E)n[u]=s;return n},j={key:0},Z={key:1},F={key:2},R={key:3},W={key:4},S=C({__name:"SvgIcon",props:{name:{type:String,required:!0}},setup(l){const E=l,n=e.computed(()=>({"svg-icon-spin":E.name==="spinner"}));return(u,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",class:e.normalizeClass(n.value)},[l.name==="spinner"?(e.openBlock(),e.createElementBlock("g",j,s[0]||(s[0]=[e.createElementVNode("path",{d:"M12,4V2A10,10,0,0,0,2,12H4A8,8,0,0,1,12,4Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="times"?(e.openBlock(),e.createElementBlock("g",Z,s[1]||(s[1]=[e.createElementVNode("path",{d:"M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="chevron-down"?(e.openBlock(),e.createElementBlock("g",F,s[2]||(s[2]=[e.createElementVNode("path",{d:"M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="chevron-right"?(e.openBlock(),e.createElementBlock("g",R,s[3]||(s[3]=[e.createElementVNode("path",{d:"M10.83,12l-4.24,4.24a1,1,0,0,0,1.41,1.41L13.66,12,8,6.34A1,1,0,0,0,6.59,7.76Z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="search"?(e.openBlock(),e.createElementBlock("g",W,s[4]||(s[4]=[e.createElementVNode("path",{d:"M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z"},null,-1)]))):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-ef3cb04b"]]),U={class:"tree-select-item-wrapper"},H={key:1,class:"expander-placeholder"},G=["checked",".indeterminate","disabled"],J={class:"item-content"},Q={key:0,class:"children-wrapper"},X=C({__name:"TreeSelectItem",props:{item:{type:Object,required:!0},level:{type:Number,required:!0},selectedItems:{type:Array,required:!0},expandedItems:{type:Set,required:!0},multiple:{type:Boolean,required:!0},selectAll:{type:Boolean,required:!0},selectMode:{type:String,required:!0},optionLabel:{type:String,required:!0},optionValue:{type:String,required:!0},disabledKey:{type:String,default:null},disableBranchNode:{type:Boolean,default:!1}},emits:["select","toggle-expand"],setup(l,{emit:E}){const n=l,u=r=>r[n.optionValue]||r.id||r.value,s=r=>!n.disabledKey||!r?!1:r.hasOwnProperty(n.disabledKey)&&r[n.disabledKey]!==null,f=e.computed(()=>n.item.children&&n.item.children.length>0),y=e.computed(()=>n.expandedItems.has(u(n.item))),k=e.computed(()=>n.selectedItems.includes(u(n.item))),V=r=>{let c=[];return r.children&&r.children.forEach(x=>{c.push(u(x)),c.push(...V(x))}),c},w=e.computed(()=>!n.multiple||!n.selectAll||!f.value||k.value?!1:V(n.item).some(c=>n.selectedItems.includes(c)));return(r,c)=>{const x=e.resolveComponent("TreeSelectItem",!0);return e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",{class:e.normalizeClass(["list-group-item list-group-item-action d-flex align-items-center gap-2",{"bg-primary text-white":k.value&&(l.selectMode==="highlight"||!l.multiple)&&!s(l.item)&&!(l.disableBranchNode&&f.value),"is-disabled text-muted bg-light":s(l.item)}]),style:e.normalizeStyle({"padding-left":`${l.level*1.5+1}rem`}),onClick:c[2]||(c[2]=m=>s(l.item)||l.disableBranchNode&&f.value?null:r.$emit("select",l.item))},[f.value?(e.openBlock(),e.createBlock(S,{key:0,name:"chevron-right",class:e.normalizeClass(["expander-icon",{"rotate-90":y.value}]),onClick:c[0]||(c[0]=e.withModifiers(m=>r.$emit("toggle-expand",u(l.item)),["stop"]))},null,8,["class"])):(e.openBlock(),e.createElementBlock("span",H)),l.multiple&&l.selectMode==="checkbox"&&l.disableBranchNode&&!f.value?(e.openBlock(),e.createElementBlock("input",{key:2,type:"checkbox",class:"form-check-input",checked:k.value,".indeterminate":w.value,disabled:s(l.item),onClick:c[1]||(c[1]=e.withModifiers(m=>r.$emit("select",l.item),["stop"]))},null,40,G)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.renderSlot(r.$slots,"default",{item:l.item,level:l.level},void 0,!0)])],6),f.value&&y.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.children,m=>(e.openBlock(),e.createBlock(x,{key:u(m),item:m,level:l.level+1,"selected-items":l.selectedItems,"expanded-items":l.expandedItems,multiple:l.multiple,"select-all":l.selectAll,"select-mode":l.selectMode,"option-label":l.optionLabel,"option-value":l.optionValue,"disabled-key":l.disabledKey,"disable-branch-node":l.disableBranchNode,onSelect:c[3]||(c[3]=b=>r.$emit("select",b)),onToggleExpand:c[4]||(c[4]=b=>r.$emit("toggle-expand",b))},{default:e.withCtx(({item:b,level:p})=>[e.renderSlot(r.$slots,"default",{item:b,level:p},void 0,!0)]),_:2},1032,["item","level","selected-items","expanded-items","multiple","select-all","select-mode","option-label","option-value","disabled-key","disable-branch-node"]))),128))])):e.createCommentVNode("",!0)])}}},[["__scopeId","data-v-684c6343"]]),Y={class:"tree-select-wrapper"},v=["disabled"],_={class:"tree-select-display-text text-truncate me-2 text-start"},ee={class:"d-flex align-items-center gap-2"},te={key:0,class:"p-2 border-bottom"},le={key:1,class:"p-4 text-muted text-center"},ne={key:2,class:"tree-select-body",style:{"max-height":"300px","overflow-y":"auto"}},oe={key:0,class:"list-group list-group-flush"},ae={class:"d-flex align-items-center gap-2",style:{"white-space":"wrap"}},ie={key:1,class:"p-3 text-muted text-center"},A=C({__name:"TreeSelectMain",props:{modelValue:{type:[String,Number,Array],default:null},items:{type:Array,default:()=>[]},multiple:{type:Boolean,default:!1},selectMode:{type:String,default:"checkbox",validator:l=>["checkbox","highlight"].includes(l)},placeholder:{type:String,default:"Select item..."},isInvalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},searchable:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!1},showClearButton:{type:Boolean,default:!0},selectAll:{type:Boolean,default:!1},optionLabel:{type:String,default:"value"},optionValue:{type:String,default:"code"},disabledKey:{type:String,default:null},excludeFromSelectedListKey:{type:String,default:null},disableBranchNodes:{type:Boolean,default:!1},size:{type:String,default:"sm",validator:l=>["sm","md","lg","xl"].includes(l)}},emits:["update:modelValue","change"],setup(l,{emit:E}){const n=l,u=E,s=e.ref(null),f=e.ref(null),y=e.ref(""),k=e.ref(!1),V=e.ref(new Set),w=e.ref(null),r=e.computed(()=>n.size==="sm"?"btn-sm":n.size==="lg"?"btn-lg":n.size==="xl"?"btn-xl":""),c=e.computed(()=>n.size==="sm"?"form-control-sm":n.size==="lg"?"form-control-lg":n.size==="xl"?"form-control-xl":""),x=t=>t[n.optionLabel]||t.label||t.name||"",m=t=>t[n.optionValue]||t.id||t.value,b=t=>!n.disabledKey||!t?!1:t.hasOwnProperty(n.disabledKey)&&t[n.disabledKey]!==null,p=t=>t.children&&t.children.length>0,M=(t,a=n.items)=>{for(const o of a){if(m(o)===t)return o;if(p(o)){const i=M(t,o.children);if(i)return i}}return null},z=t=>{const a=[];return p(t)&&t.children.forEach(o=>{b(o)||(a.push(m(o)),a.push(...z(o)))}),a},T=(t,a=n.items,o=[])=>{for(const i of a){if(m(i)===t)return o;if(p(i)){const d=T(t,i.children,[...o,m(i)]);if(d)return d}}return null},N=e.computed(()=>{const t=new Set(Array.isArray(n.modelValue)?n.modelValue:[n.modelValue].filter(Boolean));if(n.multiple&&n.selectAll){const a=o=>{o.forEach(i=>{if(p(i)){const d=i.children.filter(B=>!b(B));d.length>0&&d.every(B=>t.has(m(B)))&&t.add(m(i)),a(i.children)}})};a(n.items)}return Array.from(t)}),L=(t,a=n.items,o=[])=>{for(const i of a){const d=[...o,x(i)];if(m(i)===t)return d;if(p(i)){const h=L(t,i.children,d);if(h)return h}}return null},q=t=>{if(!t||t.length===0)return"";const a=t.join(" → ");return a.length<=40?a:t.length>2?`${t[0]} → ... → ${t[t.length-1]}`:a},re=e.computed(()=>{const t=Array.isArray(n.modelValue)?n.modelValue:[n.modelValue].filter(Boolean);if(t.length===0)return n.placeholder;if(n.multiple){if(t.length===1){const o=L(t[0]);return o?q(o):t[0]}return`${t.length} items selected`}const a=L(t[0]);return a?q(a):t[0]}),K=(t,a)=>t.map(o=>{const i=x(o).toLowerCase().includes(a);let d=[];return p(o)&&(d=K(o.children,a)),i||d.length>0?{...o,children:d}:null}).filter(Boolean),I=e.computed(()=>y.value.trim()?K(n.items,y.value.toLowerCase()):n.items),de=t=>{if(n.disableBranchNodes&&t.children){const d=t[n.optionValue]||t.id||t.value;P(d);return}if(b(t))return;const a=m(t);let o=new Set(N.value);if(n.multiple){const d=o.has(a);if(n.selectAll&&p(t)){const h=z(t);d?(o.delete(a),h.forEach(B=>o.delete(B))):(o.add(a),h.forEach(B=>o.add(B)))}else d?(o.delete(a),n.selectAll&&T(a)?.forEach(B=>o.delete(B))):o.add(a)}else o=new Set([a]),$();let i=Array.from(o);n.multiple&&n.excludeFromSelectedListKey&&(i=i.filter(d=>{const h=M(d);return!h||!h[n.excludeFromSelectedListKey]})),u("update:modelValue",n.multiple?i:i[0]||null),u("change",n.multiple?i:i[0]||null)},P=t=>{V.value.has(t)?V.value.delete(t):V.value.add(t)},ce=()=>{const t=n.multiple?[]:null;u("update:modelValue",t),u("change",t)},me=async()=>{n.disabled||(k.value=!0,await e.nextTick(),s.value&&f.value&&(w.value=O.createPopper(f.value,s.value,{placement:"bottom-start",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{fallbackPlacements:["top-start"]}},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`},effect:({state:t})=>{t.elements.popper.style.width=`${t.elements.reference.offsetWidth}px`}}]})),n.searchable&&(await e.nextTick(),s.value?.querySelector(".tree-search-input")?.focus()))},$=()=>{k.value=!1,y.value="",w.value?.destroy(),w.value=null},ue=()=>k.value?$():me(),D=t=>{!f.value?.contains(t.target)&&!s.value?.contains(t.target)&&$()};return e.onMounted(()=>document.addEventListener("click",D)),e.onUnmounted(()=>{document.removeEventListener("click",D),w.value?.destroy()}),e.watch(y,t=>{if(t.trim()){const a=o=>{o.forEach(i=>{p(i)&&(V.value.add(m(i)),a(i.children))})};a(I.value)}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("button",{ref_key:"triggerRef",ref:f,type:"button",class:e.normalizeClass(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main",[r.value,{"btn-outline-secondary":!l.isInvalid,"border-danger":l.isInvalid,disabled:l.disabled||l.isLoading,"is-loading":l.isLoading}]]),disabled:l.disabled||l.isLoading,onClick:ue},[e.createElementVNode("span",_,[e.createElementVNode("span",null,e.toDisplayString(l.isLoading?"Loading data...":re.value),1)]),e.createElementVNode("div",ee,[l.isLoading?(e.openBlock(),e.createBlock(S,{key:0,name:"spinner",class:"loading-icon"})):e.createCommentVNode("",!0),l.showClearButton&&N.value.length>0&&!l.disabled&&!l.isLoading?(e.openBlock(),e.createBlock(S,{key:1,name:"times",onClick:e.withModifiers(ce,["stop"]),class:"clear-icon"})):e.createCommentVNode("",!0),l.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:2,name:"chevron-down",class:e.normalizeClass(["transition-transform",{"rotate-180":k.value}])},null,8,["class"]))])],10,v),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:s,class:"tree-select-dropdown card shadow-lg border-0",style:{"z-index":"1050"}},[l.searchable?(e.openBlock(),e.createElementBlock("div",te,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=o=>y.value=o),type:"text",class:e.normalizeClass(["form-control tree-search-input",c.value]),placeholder:"Search..."},null,2),[[e.vModelText,y.value]])])):e.createCommentVNode("",!0),l.isLoading?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(S,{name:"spinner",class:"me-2"}),a[1]||(a[1]=e.createElementVNode("span",null,"Loading...",-1))])):(e.openBlock(),e.createElementBlock("div",ne,[I.value.length>0?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,o=>(e.openBlock(),e.createBlock(X,{key:m(o),item:o,level:0,"selected-items":N.value,"expanded-items":V.value,multiple:l.multiple,"select-all":l.selectAll,"select-mode":l.selectMode,"option-label":l.optionLabel,"option-value":l.optionValue,"disabled-key":l.disabledKey,"disable-branch-node":l.disableBranchNodes,onSelect:de,onToggleExpand:P},{default:e.withCtx(({item:i,level:d})=>[e.renderSlot(t.$slots,"default",{item:i,level:d},()=>[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(x(i))+" ",1),i.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(i.icon)},null,2)):e.createCommentVNode("",!0)])],!0)]),_:2},1032,["item","selected-items","expanded-items","multiple","select-all","select-mode","option-label","option-value","disabled-key","disable-branch-node"]))),128))])):(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(S,{name:"search",class:"me-1"}),a[2]||(a[2]=e.createTextVNode(" No items found ",-1))]))]))],512)):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-4d6d178f"]]),se={install(l){l.component("VSelect",A)}};g.VSelect=A,g.default=se,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@night-owl-elite/vue-select",
   "private": false,
-  "version": "1.3.8",
+  "version": "1.3.10",
   "type": "module",
   "main": "./dist/vue-select.umd.js",
   "module": "./dist/vue-select.es.js",