npm - @night-owl-elite/vue-select - Versions diffs - 1.3.43 → 1.3.46 - Mend

@night-owl-elite/vue-select 1.3.43 → 1.3.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/vue-select.css CHANGED Viewed

	@@ -1 +1 @@
1	- @keyframes spin-89f9b7e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-icon-spin[data-v-89f9b7e1]{animation:spin-89f9b7e1 1s linear infinite}.list-group-item[data-v-~~11d582f4~~]{cursor:pointer;border:0;border-radius:0;padding-top:.~~5rem~~;padding-bottom:.~~5rem~~}.list-group-item.is-disabled[data-v-~~11d582f4~~]{cursor:not-allowed;opacity:.65}.~~expander~~-~~icon~~[data-v-~~11d582f4~~]{width:~~1rem~~;height:~~1rem~~;~~flex~~-~~shrink~~:0;transition:transform .2s ease-in-out;color:#6c757d}.expander-placeholder[data-v-~~11d582f4~~]{display:inline-block;width~~:1rem;flex-shrink:0~~}.rotate-90[data-v-~~11d582f4~~]{transform:rotate(90deg)}.item-content[data-v-~~11d582f4~~]{flex-grow:1~~}.tree-checkbox[data-v-11d582f4]{width:12px~~;~~height:12px;min~~-~~width:12px;min-height:12px;flex-shrink:0;margin:0~~}.tree-select-main[data-v-~~41032f5c~~]{--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;text-align:left}.tree-select-display-container[data-v-~~41032f5c~~]{flex:1;overflow:hidden}.transition-transform[data-v-~~41032f5c~~]{transition:transform .2s ease-in-out}.rotate-180[data-v-~~41032f5c~~]{transform:rotate(180deg)}.tree-select-dropdown[data-v-~~41032f5c~~]{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem}.is-loading[data-v-~~41032f5c~~]{cursor:wait}.loading-icon[data-v-~~41032f5c~~]{animation:spin-~~41032f5c~~ 1s linear infinite}.clear-icon[data-v-~~41032f5c~~]{cursor:pointer;opacity:.6;transition:opacity .2s ease}.clear-icon[data-v-~~41032f5c~~]:hover{opacity:1}.tooltip-trigger-icon[data-v-~~41032f5c~~]{cursor:pointer;opacity:.6;transition:opacity .2s ease;width:1em;height:1em}.tooltip-trigger-icon[data-v-~~41032f5c~~]:hover{opacity:1}@keyframes spin-~~41032f5c~~{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-xl[data-v-~~41032f5c~~]{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-xl[data-v-~~41032f5c~~]{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)}.tree-select-body[data-v-~~41032f5c~~]::-webkit-scrollbar{width:6px}.tree-select-body[data-v-~~41032f5c~~]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tree-select-body[data-v-~~41032f5c~~]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tree-select-body[data-v-~~41032f5c~~]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tree-select-main.disabled .more-button[data-v-~~41032f5c~~]{pointer-events:auto;cursor:pointer}.tree-select-main.has-chips[data-v-~~41032f5c~~]{height:auto;min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.tree-select-main.has-chips.btn-lg[data-v-~~41032f5c~~]{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.tree-select-main.has-chips.btn-xl[data-v-~~41032f5c~~]{min-height:calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2))}.chips-container[data-v-~~41032f5c~~]{position:relative;display:flex;flex-wrap:nowrap;gap:.25rem;overflow:hidden;align-items:center}.chip[data-v-~~41032f5c~~]{flex:0 0 auto;display:flex;align-items:center;max-width:100px;padding:.2em .6em;overflow:hidden}.chip-label[data-v-~~41032f5c~~]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chip-measure-layer[data-v-~~41032f5c~~]{position:absolute;left:0;top:0;display:flex;gap:.25rem;flex-wrap:nowrap;visibility:hidden;pointer-events:none}.chip-remove[data-v-~~41032f5c~~]{width:.8em;height:.8em;margin-left:.4em;cursor:pointer;opacity:.7;transition:opacity .2s}.chip-remove[data-v-~~41032f5c~~]:hover{opacity:1}.more-button[data-v-~~41032f5c~~]{font-size:.75em;line-height:1;padding:.3em .5em}.more-popover[data-v-~~41032f5c~~]{width:250px;max-width:80vw;max-height:200px;overflow-y:auto;font-size:.9rem}.tree-select-tooltip[data-v-~~41032f5c~~]{background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);font-size:.875rem;max-width:400px;word-wrap:break-word;pointer-events:none}@media (max-width: 576px){.tree-select-dropdown[data-v-~~41032f5c~~]{max-width:90vw;left:0!important;right:0!important;margin:0 auto}}
1	+ @keyframes spin-89f9b7e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-icon-spin[data-v-89f9b7e1]{animation:spin-89f9b7e1 1s linear infinite}.tree-select-item-wrapper[data-v-3a344aeb]{position:relative}.list-group-item[data-v-3a344aeb]{cursor:pointer;border:0;border-radius:0;padding-top:.25rem;padding-bottom:.25rem;position:relative;min-height:2rem}.list-group-item.is-disabled[data-v-3a344aeb]{cursor:not-allowed;opacity:.65}.tree-indent[data-v-3a344aeb]{position:absolute;top:0;bottom:0;pointer-events:none}.tree-indent[data-v-3a344aeb]:before{content:"";position:absolute;top:50%;left:0;right:.35rem;height:1px;background-color:#dee2e6}.tree-indent[data-v-3a344aeb]:after{content:"";position:absolute;top:-50%;bottom:50%;left:0;width:1px;background-color:#dee2e6}.tree-indent.last-child-connector[data-v-3a344aeb]:after{height:100%;background-color:transparent;border-left:1px solid #dee2e6}.tree-select-item-wrapper.is-last-child>.list-group-item[data-v-3a344aeb]:before{content:"";position:absolute;left:0;bottom:0;top:50%;width:2px;background:#fff;z-index:1}.expander-icon[data-v-3a344aeb]{width:.85rem;height:.85rem;transition:transform .2s ease-in-out;color:#6c757d;z-index:2}.expander-placeholder[data-v-3a344aeb]{display:inline-block;width:.85rem}.rotate-90[data-v-3a344aeb]{transform:rotate(90deg)}.item-content[data-v-3a344aeb]{flex-grow:1;font-size:.9rem}.tree-select-main[data-v-880ba6da]{--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;text-align:left}.tree-select-display-container[data-v-880ba6da]{flex:1;overflow:hidden}.transition-transform[data-v-880ba6da]{transition:transform .2s ease-in-out}.rotate-180[data-v-880ba6da]{transform:rotate(180deg)}.tree-select-dropdown[data-v-880ba6da]{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem}.is-loading[data-v-880ba6da]{cursor:wait}.loading-icon[data-v-880ba6da]{animation:spin-880ba6da 1s linear infinite}.clear-icon[data-v-880ba6da]{cursor:pointer;opacity:.6;transition:opacity .2s ease}.clear-icon[data-v-880ba6da]:hover{opacity:1}.tooltip-trigger-icon[data-v-880ba6da]{cursor:pointer;opacity:.6;transition:opacity .2s ease;width:1em;height:1em}.tooltip-trigger-icon[data-v-880ba6da]:hover{opacity:1}@keyframes spin-880ba6da{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-xl[data-v-880ba6da]{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-xl[data-v-880ba6da]{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)}.tree-select-body[data-v-880ba6da]::-webkit-scrollbar{width:6px}.tree-select-body[data-v-880ba6da]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tree-select-body[data-v-880ba6da]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tree-select-body[data-v-880ba6da]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tree-select-main.disabled .more-button[data-v-880ba6da]{pointer-events:auto;cursor:pointer}.tree-select-main.has-chips[data-v-880ba6da]{height:auto;min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.tree-select-main.has-chips.btn-lg[data-v-880ba6da]{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.tree-select-main.has-chips.btn-xl[data-v-880ba6da]{min-height:calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2))}.chips-container[data-v-880ba6da]{position:relative;display:flex;flex-wrap:nowrap;gap:.25rem;overflow:hidden;align-items:center}.chip[data-v-880ba6da]{flex:0 0 auto;display:flex;align-items:center;max-width:100px;padding:.2em .6em;overflow:hidden}.chip-label[data-v-880ba6da]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chip-measure-layer[data-v-880ba6da]{position:absolute;left:0;top:0;display:flex;gap:.25rem;flex-wrap:nowrap;visibility:hidden;pointer-events:none}.chip-remove[data-v-880ba6da]{width:.8em;height:.8em;margin-left:.4em;cursor:pointer;opacity:.7;transition:opacity .2s}.chip-remove[data-v-880ba6da]:hover{opacity:1}.more-button[data-v-880ba6da]{font-size:.75em;line-height:1;padding:.3em .5em}.more-popover[data-v-880ba6da]{width:250px;max-width:80vw;max-height:200px;overflow-y:auto;font-size:.9rem}.tree-select-tooltip[data-v-880ba6da]{background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);font-size:.875rem;max-width:400px;word-wrap:break-word;pointer-events:none}@media (max-width: 576px){.tree-select-dropdown[data-v-880ba6da]{max-width:90vw;left:0!important;right:0!important;margin:0 auto}}

package/dist/vue-select.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { computed as y, createElementBlock as r, openBlock as o, normalizeClass as I, createCommentVNode as m, createElementVNode as f, resolveComponent as Ye, normalizeStyle as _e, createBlock as D, withModifiers as C, renderSlot as ue, Fragment as W, renderList as j, withCtx as Pe, ref as g, watch as ye, onMounted as et, nextTick as P, onUnmounted as tt, withDirectives as be, withKeys as ke, toDisplayString as x, createVNode as ee, vModelText as lt, vModelSelect as nt, createTextVNode as re, vShow as st } from "vue";
-import { createPopper as we } from "@popperjs/core";
-const xe = (t, q) => {
+import { computed as p, createElementBlock as r, openBlock as i, normalizeClass as w, createCommentVNode as m, createElementVNode as f, resolveComponent as et, normalizeStyle as be, createBlock as O, withModifiers as C, renderSlot as ue, Fragment as j, renderList as Z, withCtx as Re, ref as g, watch as xe, onMounted as tt, nextTick as R, onUnmounted as lt, withDirectives as ke, withKeys as we, toDisplayString as S, createVNode as te, vModelText as nt, vModelSelect as st, createTextVNode as de, vShow as at } from "vue";
+import { createPopper as Se } from "@popperjs/core";
+const Ce = (t, q) => {
   const l = t.__vccOpts || t;
   for (const [h, c] of q)
     l[h] = c;
   return l;
-}, at = { key: 0 }, ot = { key: 1 }, it = { key: 2 }, rt = { key: 3 }, ut = { key: 4 }, dt = { key: 5 }, ct = { key: 6 }, ft = { key: 7 }, mt = {
+}, it = { key: 0 }, ot = { key: 1 }, rt = { key: 2 }, dt = { key: 3 }, ut = { key: 4 }, ct = { key: 5 }, ft = { key: 6 }, mt = { key: 7 }, vt = {
   __name: "SvgIcon",
   props: {
     name: {
@@ -14,56 +14,53 @@ const xe = (t, q) => {
     }
   },
   setup(t) {
-    const q = t, l = y(() => ({
+    const q = t, l = p(() => ({
       "svg-icon-spin": q.name === "spinner"
     }));
-    return (h, c) => (o(), r("svg", {
+    return (h, c) => (i(), r("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
       width: "1em",
       height: "1em",
-      class: I(l.value)
+      class: w(l.value)
     }, [
-      t.name === "spinner" ? (o(), r("g", at, c[0] || (c[0] = [
+      t.name === "spinner" ? (i(), r("g", it, c[0] || (c[0] = [
         f("path", { d: "M12,4V2A10,10,0,0,0,2,12H4A8,8,0,0,1,12,4Z" }, null, -1)
       ]))) : m("", !0),
-      t.name === "times" ? (o(), r("g", ot, c[1] || (c[1] = [
+      t.name === "times" ? (i(), r("g", ot, c[1] || (c[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)
       ]))) : m("", !0),
-      t.name === "chevron-down" ? (o(), r("g", it, c[2] || (c[2] = [
+      t.name === "chevron-down" ? (i(), r("g", rt, c[2] || (c[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)
       ]))) : m("", !0),
-      t.name === "chevron-right" ? (o(), r("g", rt, c[3] || (c[3] = [
+      t.name === "chevron-right" ? (i(), r("g", dt, c[3] || (c[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)
       ]))) : m("", !0),
-      t.name === "search" ? (o(), r("g", ut, c[4] || (c[4] = [
+      t.name === "search" ? (i(), r("g", ut, c[4] || (c[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)
       ]))) : m("", !0),
-      t.name === "asc" ? (o(), r("g", dt, c[5] || (c[5] = [
+      t.name === "asc" ? (i(), r("g", ct, c[5] || (c[5] = [
         f("path", {
           fill: "currentColor",
           d: "M4.869 11H2.667L6 3h2l3.333 8H9.131l-.41-1H5.28zm1.23-3h1.803L7 5.8zm12.9 8V3h-2v13h-3l4 5l4-5zm-8-3H3v2h4.855L3 19v2h8v-2H6.146L11 15z"
         }, null, -1)
       ]))) : m("", !0),
-      t.name === "desc" ? (o(), r("g", ct, c[6] || (c[6] = [
+      t.name === "desc" ? (i(), r("g", ft, c[6] || (c[6] = [
         f("path", {
           fill: "currentColor",
           d: "M4.869 11H2.667L6 3h2l3.333 8H9.131l-.41-1H5.28zm1.23-3h1.803L7 5.8zm15.9 0l-4-5l-4 5h3v13h2V8zm-11 5H3v2h4.855L3 19v2h8v-2H6.146L11 15z"
         }, null, -1)
       ]))) : m("", !0),
-      t.name === "info-circle" ? (o(), r("g", ft, c[7] || (c[7] = [
+      t.name === "info-circle" ? (i(), r("g", mt, c[7] || (c[7] = [
         f("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }, null, -1)
       ]))) : m("", !0)
     ], 2));
   }
-}, A = /* @__PURE__ */ xe(mt, [["__scopeId", "data-v-89f9b7e1"]]), vt = { class: "tree-select-item-wrapper" }, ht = {
-  key: 1,
+}, A = /* @__PURE__ */ Ce(vt, [["__scopeId", "data-v-89f9b7e1"]]), ht = {
+  key: 2,
   class: "expander-placeholder flex-shrink-0"
-}, pt = ["checked", ".indeterminate", "disabled"], gt = { class: "item-content text-start text-break lh-sm" }, yt = {
-  key: 0,
-  class: "children-wrapper"
-}, bt = {
+}, yt = ["checked", ".indeterminate", "disabled"], gt = { class: "item-content text-start text-break lh-1" }, le = 0.91, pt = {
   __name: "TreeSelectItem",
   props: {
     item: { type: Object, required: !0 },
@@ -76,42 +73,55 @@ const xe = (t, q) => {
     optionLabel: { type: String, required: !0 },
     optionValue: { type: String, required: !0 },
     disabledKey: { type: String, default: null },
-    disableBranchNode: { type: Boolean, default: !1 }
+    disableBranchNode: { type: Boolean, default: !1 },
+    displayMode: { type: String, default: "text" },
+    index: { type: Number, default: 0 },
+    siblingsCount: { type: Number, default: 1 }
   },
   emits: ["select", "toggle-expand"],
   setup(t, { emit: q }) {
-    const l = t, h = (v) => v[l.optionValue] || v.id || v.value, c = (v) => !l.disabledKey || !v ? !1 : v.hasOwnProperty(l.disabledKey) && v[l.disabledKey] !== null, V = y(() => l.item.children && l.item.children.length > 0), z = y(() => l.expandedItems.has(h(l.item))), w = y(() => l.selectedItems.includes(h(l.item))), B = (v) => {
-      let p = [];
-      return v.children && v.children.forEach((N) => {
-        p.push(h(N)), p.push(...B(N));
-      }), p;
-    }, R = y(() => !l.multiple || !l.selectAll || !V.value || w.value ? !1 : B(l.item).some((p) => l.selectedItems.includes(p)));
-    return (v, p) => {
-      const N = Ye("TreeSelectItem", !0);
-      return o(), r("div", vt, [
+    const l = t, h = p(() => l.index === l.siblingsCount - 1), c = (v) => v[l.optionValue] || v.id || v.value, $ = (v) => !l.disabledKey || !v ? !1 : v.hasOwnProperty(l.disabledKey) && v[l.disabledKey] !== null, V = p(() => l.item.children && l.item.children.length > 0), k = p(() => l.expandedItems.has(c(l.item))), N = p(() => l.selectedItems.includes(c(l.item))), K = (v) => {
+      let y = [];
+      return v.children && v.children.forEach((L) => {
+        y.push(c(L)), y.push(...K(L));
+      }), y;
+    }, H = p(() => !l.multiple || !l.selectAll || !V.value || N.value ? !1 : K(l.item).some((y) => l.selectedItems.includes(y)));
+    return (v, y) => {
+      const L = et("TreeSelectItem", !0);
+      return i(), r("div", {
+        class: w(["tree-select-item-wrapper", { "is-last-child": h.value }])
+      }, [
         f("div", {
-          class: I(["list-group-item list-group-item-action d-flex align-items-center gap-2", {
-            "bg-primary text-white": w.value && (t.selectMode === "highlight" || !t.multiple) && !c(t.item) && !(t.disableBranchNode && V.value),
-            "is-disabled text-muted bg-light": c(t.item)
+          class: w(["list-group-item list-group-item-action d-flex align-items-center gap-1", {
+            "bg-primary text-white": N.value && (t.selectMode === "highlight" || !t.multiple) && !$(t.item) && !(t.disableBranchNode && V.value),
+            "is-disabled text-muted bg-light": $(t.item)
           }]),
-          style: _e({ "padding-left": `${t.level * 1.5 + 1}rem` }),
-          onClick: p[2] || (p[2] = (S) => c(t.item) ? null : v.$emit("select", t.item))
+          style: be({ paddingLeft: `${t.level * le + 0.5}rem` }),
+          onClick: y[2] || (y[2] = (B) => $(t.item) ? null : v.$emit("select", t.item))
         }, [
-          V.value ? (o(), D(A, {
+          t.displayMode === "tree-node" && t.level > 0 ? (i(), r("div", {
             key: 0,
+            class: w(["tree-indent", { "last-child-connector": h.value }]),
+            style: be({
+              left: `${(t.level - 1) * le + le / 2}rem`,
+              width: "2.3rem"
+            })
+          }, null, 6)) : m("", !0),
+          V.value ? (i(), O(A, {
+            key: 1,
             name: "chevron-right",
-            class: I(["expander-icon flex-shrink-0 mt-1", { "rotate-90": z.value }]),
-            onClick: p[0] || (p[0] = C((S) => v.$emit("toggle-expand", h(t.item)), ["stop"]))
-          }, null, 8, ["class"])) : (o(), r("span", ht)),
-          t.multiple && t.selectMode === "checkbox" && !(t.disableBranchNode && V.value) ? (o(), r("input", {
-            key: 2,
+            class: w(["expander-icon flex-shrink-0", { "rotate-90": k.value }]),
+            onClick: y[0] || (y[0] = C((B) => v.$emit("toggle-expand", c(t.item)), ["stop"]))
+          }, null, 8, ["class"])) : (i(), r("span", ht)),
+          t.multiple && t.selectMode === "checkbox" && !(t.disableBranchNode && V.value) ? (i(), r("input", {
+            key: 3,
             type: "checkbox",
             class: "tree-checkbox",
-            checked: w.value,
-            ".indeterminate": R.value,
-            disabled: c(t.item),
-            onClick: p[1] || (p[1] = C((S) => v.$emit("select", t.item), ["stop"]))
-          }, null, 40, pt)) : m("", !0),
+            checked: N.value,
+            ".indeterminate": H.value,
+            disabled: $(t.item),
+            onClick: y[1] || (y[1] = C((B) => v.$emit("select", t.item), ["stop"]))
+          }, null, 40, yt)) : m("", !0),
           f("div", gt, [
             ue(v.$slots, "default", {
               item: t.item,
@@ -119,10 +129,14 @@ const xe = (t, q) => {
             }, void 0, !0)
           ])
         ], 6),
-        V.value && z.value ? (o(), r("div", yt, [
-          (o(!0), r(W, null, j(t.item.children, (S) => (o(), D(N, {
-            key: h(S),
-            item: S,
+        V.value && k.value ? (i(), r("div", {
+          key: 0,
+          class: w(["children-wrapper", { "tree-branch-guide": t.displayMode === "tree-node" && !h.value }]),
+          style: be(t.displayMode === "tree-node" ? { marginLeft: `${t.level * le + le / 2}rem` } : {})
+        }, [
+          (i(!0), r(j, null, Z(t.item.children, (B, ne) => (i(), O(L, {
+            key: c(B),
+            item: B,
             level: t.level + 1,
             "selected-items": t.selectedItems,
             "expanded-items": t.expandedItems,
@@ -133,50 +147,53 @@ const xe = (t, q) => {
             "option-value": t.optionValue,
             "disabled-key": t.disabledKey,
             "disable-branch-node": t.disableBranchNode,
-            onSelect: p[3] || (p[3] = ($) => v.$emit("select", $)),
-            onToggleExpand: p[4] || (p[4] = ($) => v.$emit("toggle-expand", $))
+            "display-mode": t.displayMode,
+            index: ne,
+            "siblings-count": t.item.children.length,
+            onSelect: y[3] || (y[3] = (M) => v.$emit("select", M)),
+            onToggleExpand: y[4] || (y[4] = (M) => v.$emit("toggle-expand", M))
           }, {
-            default: Pe(({ item: $, level: te }) => [
+            default: Re(({ item: M, level: z }) => [
               ue(v.$slots, "default", {
-                item: $,
-                level: te
+                item: M,
+                level: z
               }, 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))
-        ])) : m("", !0)
-      ]);
+          }, 1032, ["item", "level", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key", "disable-branch-node", "display-mode", "index", "siblings-count"]))), 128))
+        ], 6)) : m("", !0)
+      ], 2);
     };
   }
-}, kt = /* @__PURE__ */ xe(bt, [["__scopeId", "data-v-11d582f4"]]), wt = ["onKeydown"], xt = { class: "tree-select-display-container" }, St = {
+}, bt = /* @__PURE__ */ Ce(pt, [["__scopeId", "data-v-3a344aeb"]]), xt = ["onKeydown"], kt = { class: "tree-select-display-container" }, wt = {
   key: 0,
   class: "d-flex align-items-center justify-content-start w-100"
-}, Ct = ["title"], Vt = { key: 1 }, Lt = {
+}, St = ["title"], Ct = { key: 1 }, Vt = {
   key: 0,
   class: "text-muted"
-}, At = {
+}, Lt = {
   class: "chip-measure-layer",
   "aria-hidden": "true"
-}, It = { class: "chip-label" }, $t = { class: "chip-label" }, Mt = { class: "d-flex align-items-center gap-2" }, Bt = { class: "list-group list-group-flush" }, Nt = { class: "text-wrap text-start me-2" }, Tt = { class: "p-2 border-bottom d-flex flex-column gap-2" }, zt = ["onKeydown"], Et = {
+}, Mt = { class: "chip-label" }, It = { class: "chip-label" }, At = { class: "d-flex align-items-center gap-2" }, $t = { class: "list-group list-group-flush" }, Nt = { class: "text-wrap text-start me-2" }, Bt = { class: "p-2 border-bottom d-flex flex-column gap-2" }, Tt = ["onKeydown"], zt = {
   key: 1,
   class: "d-flex align-items-center gap-2"
-}, Kt = ["value"], Pt = ["disabled"], Dt = {
+}, Et = ["value"], Kt = ["disabled"], Dt = {
   key: 0,
   class: "p-4 text-muted text-center"
-}, Rt = {
+}, Pt = {
   key: 1,
   class: "tree-select-body",
   style: { "max-height": "300px", "overflow-y": "auto" }
-}, Ot = {
+}, Rt = {
   key: 0,
   class: "list-group list-group-flush"
-}, Ft = {
+}, Ot = {
   class: "d-flex align-items-center gap-2",
   style: { "white-space": "wrap" }
-}, qt = {
+}, Ft = {
   key: 1,
   class: "p-3 text-muted text-center"
-}, Ht = { key: 0 }, Wt = { key: 0 }, jt = { key: 1 }, Zt = { key: 0 }, Ut = { key: 1 }, Gt = {
+}, qt = { key: 0 }, Ht = { key: 0 }, Wt = { key: 1 }, jt = { key: 0 }, Zt = { key: 1 }, Ut = {
   __name: "TreeSelectMain",
   props: {
     modelValue: {
@@ -186,7 +203,7 @@ const xe = (t, q) => {
     displayMode: {
       type: String,
       default: "text",
-      validator: (t) => ["text", "chips"].includes(t)
+      validator: (t) => ["text", "chips", "tree-node"].includes(t)
     },
     items: {
       type: Array,
@@ -309,10 +326,10 @@ const xe = (t, q) => {
   },
   emits: ["update:modelValue", "change", "clear", "deselect", "select", "focus", "blur", "add-new"],
   setup(t, { emit: q }) {
-    const l = t, h = q, c = g(null), V = g(null), z = g(null), w = g(""), B = g(!1), R = g(/* @__PURE__ */ new Set()), v = g(null), p = g(null), N = g(null), S = g(!1), $ = g(null), te = g(null), Z = g(!1), O = g(l.defaultSortKey), U = g(l.defaultSortDirection), G = g(null), le = g(null), J = g(!1), ne = g(null), Se = g(null), de = g(0), Ce = y(() => l.size === "sm" ? "btn-sm" : l.size === "lg" ? "btn-lg" : l.size === "xl" ? "btn-xl" : ""), Ve = y(() => l.size === "sm" ? "form-control-sm" : l.size === "lg" ? "form-control-lg" : l.size === "xl" ? "form-control-xl" : ""), De = y(() => ae.value === 0 ? [] : H.value.slice(he.value)), Q = y(() => !l.multiple || !l.excludeFromSelectedListKey ? K.value : K.value.filter((e) => {
-      const s = E(e);
+    const l = t, h = q, c = g(null), $ = g(null), V = g(null), k = g(""), N = g(!1), K = g(/* @__PURE__ */ new Set()), H = g(null), v = g(null), y = g(null), L = g(!1), B = g(null), ne = g(null), M = g(!1), z = g(l.defaultSortKey), U = g(l.defaultSortDirection), G = g(null), se = g(null), J = g(!1), ae = g(null), Ve = g(null), ce = g(0), Le = p(() => l.size === "sm" ? "btn-sm" : l.size === "lg" ? "btn-lg" : l.size === "xl" ? "btn-xl" : ""), Me = p(() => l.size === "sm" ? "form-control-sm" : l.size === "lg" ? "form-control-lg" : l.size === "xl" ? "form-control-xl" : ""), Oe = p(() => oe.value === 0 ? [] : W.value.slice(ye.value)), Q = p(() => !l.multiple || !l.excludeFromSelectedListKey ? P.value : P.value.filter((e) => {
+      const s = D(e);
       return !s || !s[l.excludeFromSelectedListKey];
-    })), Le = y(() => {
+    })), Ie = p(() => {
       const e = Q.value;
       if (e.length === 0) return l.placeholder;
       if (l.multiple) {
@@ -324,68 +341,68 @@ const xe = (t, q) => {
       }
       const s = Y(e[0]);
       return s ? s.join(" → ") : e[0];
-    }), Re = y(() => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue : [] : l.modelValue !== null && l.modelValue !== void 0 ? [l.modelValue] : []), Oe = y(() => Re.value.filter((e) => !E(e))), Ae = async () => {
-      await P();
-      const e = te.value;
+    }), Fe = p(() => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue : [] : l.modelValue !== null && l.modelValue !== void 0 ? [l.modelValue] : []), qe = p(() => Fe.value.filter((e) => e === "" || e === null || e === void 0 || e === 0 ? !1 : !D(e))), Ae = async () => {
+      await R();
+      const e = ne.value;
       if (l.multiple || l.displayMode === "chips" || Q.value.length === 0 || !e) {
-        Z.value = !1;
+        M.value = !1;
         return;
       }
-      Z.value = e.scrollWidth > e.clientWidth;
-    }, T = (e) => e && (e[l.optionLabel] || e.label || e.name) || "", b = (e) => e ? e[l.optionValue] || e.id || e.value : null, ce = (e) => !l.disabledKey || !e ? !1 : e.hasOwnProperty(l.disabledKey) && e[l.disabledKey] !== null, L = (e) => e.children && e.children.length > 0, X = (e, s) => {
+      M.value = e.scrollWidth > e.clientWidth;
+    }, E = (e) => e && (e[l.optionLabel] || e.label || e.name) || "", b = (e) => e ? e[l.optionValue] || e.id || e.value : null, fe = (e) => !l.disabledKey || !e ? !1 : e.hasOwnProperty(l.disabledKey) && e[l.disabledKey] !== null, I = (e) => e.children && e.children.length > 0, X = (e, s) => {
       if (s)
         return s.split(".").reduce((n, a) => n && n[a], e);
-    }, E = (e, s = l.items) => {
+    }, D = (e, s = l.items) => {
       for (const n of s) {
         if (b(n) === e) return n;
-        if (L(n)) {
-          const a = E(e, n.children);
+        if (I(n)) {
+          const a = D(e, n.children);
           if (a) return a;
         }
       }
       return null;
-    }, fe = (e) => {
+    }, me = (e) => {
       const s = [];
-      return L(e) && e.children.forEach((n) => {
-        ce(n) || (s.push(b(n)), s.push(...fe(n)));
+      return I(e) && e.children.forEach((n) => {
+        fe(n) || (s.push(b(n)), s.push(...me(n)));
       }), s;
-    }, se = async () => {
-      await P();
-      const e = Se.value;
+    }, ie = async () => {
+      await R();
+      const e = Ve.value;
       if (!e) return;
       const s = e.querySelector(".chip-measure-layer");
       if (!s) return;
       const n = Array.from(s.children);
       if (!n.length) {
-        de.value = 0;
+        ce.value = 0;
         return;
       }
-      const a = e.clientWidth, i = 4, u = 40;
-      let d = 0, k = 0;
-      for (let M = 0; M < n.length; M++) {
-        const Ke = n[M].offsetWidth + i, Xe = M < n.length - 1 ? u : 0;
-        if (d + Ke + Xe > a)
+      const a = e.clientWidth, o = 4, d = 40;
+      let u = 0, x = 0;
+      for (let T = 0; T < n.length; T++) {
+        const Pe = n[T].offsetWidth + o, _e = T < n.length - 1 ? d : 0;
+        if (u + Pe + _e > a)
           break;
-        d += Ke, k++;
+        u += Pe, x++;
       }
-      de.value = Math.max(k, 1);
-    }, me = (e, s = l.items, n = []) => {
+      ce.value = Math.max(x, 1);
+    }, ve = (e, s = l.items, n = []) => {
       for (const a of s) {
         if (b(a) === e) return n;
-        if (L(a)) {
-          const i = me(e, a.children, [...n, b(a)]);
-          if (i) return i;
+        if (I(a)) {
+          const o = ve(e, a.children, [...n, b(a)]);
+          if (o) return o;
         }
       }
       return null;
-    }, K = y(() => {
+    }, P = p(() => {
       const e = new Set(Array.isArray(l.modelValue) ? l.modelValue : [l.modelValue].filter(Boolean));
       if (l.multiple && l.selectAll) {
         const s = (n) => {
           n.forEach((a) => {
-            if (L(a)) {
-              const i = a.children.filter((d) => !ce(d));
-              i.length > 0 && i.every((d) => e.has(b(d))) && e.add(b(a)), s(a.children);
+            if (I(a)) {
+              const o = a.children.filter((u) => !fe(u));
+              o.length > 0 && o.every((u) => e.has(b(u))) && e.add(b(a)), s(a.children);
             }
           });
         };
@@ -394,139 +411,139 @@ const xe = (t, q) => {
       return Array.from(e);
     }), Y = (e, s = l.items, n = []) => {
       for (const a of s) {
-        const i = [...n, T(a)];
-        if (b(a) === e) return i;
-        if (L(a)) {
-          const u = Y(e, a.children, i);
-          if (u) return u;
+        const o = [...n, E(a)];
+        if (b(a) === e) return o;
+        if (I(a)) {
+          const d = Y(e, a.children, o);
+          if (d) return d;
         }
       }
       return null;
-    }, Ie = (e) => {
+    }, $e = (e) => {
       if (!e || e.length === 0) return "";
       const s = e.join(" → ");
       return s.length <= 40 ? s : e.length > 2 ? `${e[0]} → ... → ${e[e.length - 1]}` : s;
-    }, ve = y(() => {
+    }, he = p(() => {
       const e = Q.value;
       if (e.length === 0) return l.placeholder;
       if (l.multiple) {
         if (e.length === 1) {
-          const i = E(e[0]);
-          if (!i)
+          const o = D(e[0]);
+          if (!o)
             return `${e[0]} (No longer available)`;
-          const u = Y(e[0]);
-          return u ? Ie(u) : T(i);
+          const d = Y(e[0]);
+          return d ? $e(d) : E(o);
         }
         return `${e.length} items selected`;
       }
-      const s = e[0], n = E(s);
+      const s = e[0], n = D(s);
       if (!n)
         return `${s} (No longer available)`;
       const a = Y(s);
-      return a ? Ie(a) : T(n);
-    }), H = y(() => {
+      return a ? $e(a) : E(n);
+    }), W = p(() => {
       if (!l.multiple || Q.value.length === 0) return [];
       const e = Q.value.map((a) => {
-        const i = E(a);
-        return i || {
+        const o = D(a);
+        return o || {
           [l.optionValue]: a,
           [l.optionLabel]: `${a} (No longer available)`,
           __missing: !0
         };
       });
-      if (!l.sortable || !O.value)
+      if (!l.sortable || !z.value)
         return e;
-      const s = O.value, n = U.value;
-      return [...e].sort((a, i) => {
+      const s = z.value, n = U.value;
+      return [...e].sort((a, o) => {
         if (a.__missing) return 1;
-        if (i.__missing) return -1;
-        const u = X(a, s), d = X(i, s);
-        if (u == null) return 1;
-        if (d == null) return -1;
-        let k = 0;
-        return typeof u == "string" && typeof d == "string" ? k = u.localeCompare(d) : u > d ? k = 1 : u < d && (k = -1), n === "desc" ? k * -1 : k;
+        if (o.__missing) return -1;
+        const d = X(a, s), u = X(o, s);
+        if (d == null) return 1;
+        if (u == null) return -1;
+        let x = 0;
+        return typeof d == "string" && typeof u == "string" ? x = d.localeCompare(u) : d > u ? x = 1 : d < u && (x = -1), n === "desc" ? x * -1 : x;
       });
-    }), $e = y(
-      () => H.value.slice(0, he.value)
-    ), he = y(() => l.maxVisibleChipsDisplay !== null ? l.maxVisibleChipsDisplay : Math.max(de.value, 1)), ae = y(() => {
-      const e = H.value.length - he.value;
+    }), Ne = p(
+      () => W.value.slice(0, ye.value)
+    ), ye = p(() => l.maxVisibleChipsDisplay !== null ? l.maxVisibleChipsDisplay : Math.max(ce.value, 1)), oe = p(() => {
+      const e = W.value.length - ye.value;
       return e > 0 ? e : 0;
-    }), Me = (e, s) => {
+    }), Be = (e, s) => {
       const n = s.toLowerCase();
       return e.map((a) => {
-        let i = !1;
+        let o = !1;
         if (l.keyFilters && l.keyFilters.length > 0)
-          for (const d of l.keyFilters) {
-            const k = X(a, d);
-            if (k != null && String(k).toLowerCase().includes(n)) {
-              i = !0;
+          for (const u of l.keyFilters) {
+            const x = X(a, u);
+            if (x != null && String(x).toLowerCase().includes(n)) {
+              o = !0;
               break;
             }
           }
         else
-          i = T(a).toLowerCase().includes(n);
-        if (!L(a))
-          return i ? a : null;
-        const u = Me(a.children, s);
-        return i ? { ...a, children: a.children } : u.length > 0 ? { ...a, children: u } : null;
+          o = E(a).toLowerCase().includes(n);
+        if (!I(a))
+          return o ? a : null;
+        const d = Be(a.children, s);
+        return o ? { ...a, children: a.children } : d.length > 0 ? { ...a, children: d } : null;
       }).filter(Boolean);
-    }, Be = (e, s, n) => !e || !s ? e : [...e].sort((i, u) => {
-      const d = X(i, s), k = X(u, s);
-      if (d == null) return 1;
-      if (k == null) return -1;
-      let M = 0;
-      return typeof d == "string" && typeof k == "string" ? M = d.localeCompare(k) : d > k ? M = 1 : d < k && (M = -1), n === "desc" ? M * -1 : M;
-    }).map((i) => L(i) ? { ...i, children: Be(i.children, s, n) } : i), oe = y(() => {
-      const e = w.value.trim(), s = e ? Me(l.items, e) : l.items;
-      return !l.sortable || !O.value ? s : Be(s, O.value, U.value);
-    }), Fe = (e) => {
-      if (l.disableBranchNodes && L(e)) {
-        const i = b(e);
-        Ne(i);
+    }, Te = (e, s, n) => !e || !s ? e : [...e].sort((o, d) => {
+      const u = X(o, s), x = X(d, s);
+      if (u == null) return 1;
+      if (x == null) return -1;
+      let T = 0;
+      return typeof u == "string" && typeof x == "string" ? T = u.localeCompare(x) : u > x ? T = 1 : u < x && (T = -1), n === "desc" ? T * -1 : T;
+    }).map((o) => I(o) ? { ...o, children: Te(o.children, s, n) } : o), _ = p(() => {
+      const e = k.value.trim(), s = e ? Be(l.items, e) : l.items;
+      return !l.sortable || !z.value ? s : Te(s, z.value, U.value);
+    }), He = (e) => {
+      if (l.disableBranchNodes && I(e)) {
+        const o = b(e);
+        ze(o);
         return;
       }
-      if (ce(e)) return;
+      if (fe(e)) return;
       const s = b(e);
-      let n = new Set(K.value);
+      let n = new Set(P.value);
       if (l.multiple) {
-        const i = n.has(s);
-        if (l.selectAll && L(e)) {
-          const u = fe(e);
-          i ? (n.delete(s), h("deselect", e), l.deselectAll && u.forEach((d) => n.delete(d))) : (n.add(s), u.forEach((d) => n.add(d)), h("select", e));
+        const o = n.has(s);
+        if (l.selectAll && I(e)) {
+          const d = me(e);
+          o ? (n.delete(s), h("deselect", e), l.deselectAll && d.forEach((u) => n.delete(u))) : (n.add(s), d.forEach((u) => n.add(u)), h("select", e));
         } else
-          i ? (n.delete(s), l.selectAll && me(s)?.forEach((d) => n.delete(d))) : n.add(s);
+          o ? (n.delete(s), l.selectAll && ve(s)?.forEach((u) => n.delete(u))) : n.add(s);
       } else {
-        const i = l.modelValue, u = b(e);
-        i === u ? (n.clear(), h("deselect", e)) : (n.clear(), n.add(u), i != null && E(i), h("select", e)), l.closeOnSelect && F(), P(() => {
-          z.value?.focus();
+        const o = l.modelValue, d = b(e);
+        o === d ? (n.clear(), h("deselect", e)) : (n.clear(), n.add(d), o != null && D(o), h("select", e)), l.closeOnSelect && F(), R(() => {
+          V.value?.focus();
         });
       }
       let a = Array.from(n);
-      l.multiple && l.excludeFromSelectedListKey && (a = a.filter((i) => {
-        const u = E(i);
-        return !u || !u[l.excludeFromSelectedListKey];
+      l.multiple && l.excludeFromSelectedListKey && (a = a.filter((o) => {
+        const d = D(o);
+        return !d || !d[l.excludeFromSelectedListKey];
       })), h("update:modelValue", l.multiple ? a : a[0] || null), h("change", l.multiple ? a : a[0] || null);
-    }, pe = (e) => {
+    }, ge = (e) => {
       if (l.disabled || !e) return;
-      const s = b(e), n = new Set(K.value);
-      n.delete(s), l.selectAll && (l.deselectAll && L(e) && fe(e).forEach((d) => n.delete(d)), me(s)?.forEach((u) => n.delete(u)));
+      const s = b(e), n = new Set(P.value);
+      n.delete(s), l.selectAll && (l.deselectAll && I(e) && me(e).forEach((u) => n.delete(u)), ve(s)?.forEach((d) => n.delete(d)));
       const a = Array.from(n);
       h("update:modelValue", a), h("change", a);
-    }, Ne = (e) => {
-      R.value.has(e) ? R.value.delete(e) : R.value.add(e);
-    }, qe = () => {
+    }, ze = (e) => {
+      K.value.has(e) ? K.value.delete(e) : K.value.add(e);
+    }, We = () => {
       U.value = U.value === "asc" ? "desc" : "asc";
-    }, He = () => {
+    }, je = () => {
       const e = l.multiple ? [] : null;
-      h("clear"), h("update:modelValue", e), h("change", e), _();
-    }, Te = () => {
-      !l.allowAddNew || !w.value.trim() || (h("add-new", w.value.trim()), F());
-    }, We = () => {
-      l.allowAddNew && l.addNewMode === "enter" && w.value.trim() && oe.value.length === 0 && Te();
-    }, je = (e) => {
+      h("clear"), h("update:modelValue", e), h("change", e), ee();
+    }, Ee = () => {
+      !l.allowAddNew || !k.value.trim() || (h("add-new", k.value.trim()), F());
+    }, Ze = () => {
+      l.allowAddNew && l.addNewMode === "enter" && k.value.trim() && _.value.length === 0 && Ee();
+    }, Ue = (e) => {
       h("focus", e);
-    }, Ze = async () => {
-      l.disabled || (_(), B.value = !0, ie(), await P(), V.value && z.value && (v.value = we(z.value, V.value, {
+    }, Ge = async () => {
+      l.disabled || (ee(), N.value = !0, re(), await R(), $.value && V.value && (H.value = Se(V.value, $.value, {
         placement: "bottom-start",
         strategy: "fixed",
         modifiers: [
@@ -546,192 +563,192 @@ const xe = (t, q) => {
             }
           }
         ]
-      })), l.searchable && (await P(), V.value?.querySelector(".tree-search-input")?.focus()));
+      })), l.searchable && (await R(), $.value?.querySelector(".tree-search-input")?.focus()));
     }, F = () => {
-      B.value = !1, w.value = "", v.value?.destroy(), v.value = null, h("blur", l.modelValue);
-    }, ge = () => B.value ? F() : Ze(), Ue = async () => {
-      F(), ie(), J.value = !0, await P(), le.value && G.value && (ne.value = we(G.value, le.value, {
+      N.value = !1, k.value = "", H.value?.destroy(), H.value = null, h("blur", l.modelValue);
+    }, pe = () => N.value ? F() : Ge(), Je = async () => {
+      F(), re(), J.value = !0, await R(), se.value && G.value && (ae.value = Se(G.value, se.value, {
         placement: "bottom-end",
         strategy: "fixed",
         modifiers: [{ name: "offset", options: { offset: [0, 4] } }]
       }));
-    }, _ = () => {
-      J.value = !1, ne.value?.destroy(), ne.value = null;
-    }, ze = () => J.value ? _() : Ue(), Ee = (e) => {
-      B.value && !z.value?.contains(e.target) && !V.value?.contains(e.target) && F(), J.value && !G.value?.contains(e.target) && !le.value?.contains(e.target) && _(), S.value && !$.value?.$el?.contains(e.target) && !p.value?.contains(e.target) && ie();
-    }, Ge = (e) => {
+    }, ee = () => {
+      J.value = !1, ae.value?.destroy(), ae.value = null;
+    }, Ke = () => J.value ? ee() : Je(), De = (e) => {
+      N.value && !V.value?.contains(e.target) && !$.value?.contains(e.target) && F(), J.value && !G.value?.contains(e.target) && !se.value?.contains(e.target) && ee(), L.value && !B.value?.$el?.contains(e.target) && !v.value?.contains(e.target) && re();
+    }, Qe = (e) => {
       c.value?.contains(e.relatedTarget) || F();
-    }, Je = async () => {
-      !Z.value || S.value || (F(), _(), S.value = !0, await P(), p.value && $.value && (N.value = we($.value.$el, p.value, {
+    }, Xe = async () => {
+      !M.value || L.value || (F(), ee(), L.value = !0, await R(), v.value && B.value && (y.value = Se(B.value.$el, v.value, {
         // ⬅️ 5b. USE $el
         placement: "top",
         strategy: "fixed",
         modifiers: [{ name: "offset", options: { offset: [0, 8] } }]
       })));
-    }, Qe = () => {
-      S.value ? ie() : Je();
-    }, ie = () => {
-      S.value = !1, N.value?.destroy(), N.value = null;
+    }, Ye = () => {
+      L.value ? re() : Xe();
+    }, re = () => {
+      L.value = !1, y.value?.destroy(), y.value = null;
     };
-    return ye(w, (e) => {
+    return xe(k, (e) => {
       if (e.trim()) {
         const s = (n) => {
           n.forEach((a) => {
-            L(a) && (R.value.add(b(a)), s(a.children));
+            I(a) && (K.value.add(b(a)), s(a.children));
           });
         };
-        s(oe.value);
+        s(_.value);
       }
-    }), ye(ve, () => {
+    }), xe(he, () => {
       Ae();
-    }), ye(H, se), et(async () => {
-      document.addEventListener("click", Ee), window.addEventListener("resize", se), await P(), se(), Ae();
-    }), tt(() => {
-      document.removeEventListener("click", Ee), window.removeEventListener("resize", se), v.value?.destroy(), ne.value?.destroy(), N.value?.destroy();
-    }), (e, s) => (o(), r("div", {
+    }), xe(W, ie), tt(async () => {
+      document.addEventListener("click", De), window.addEventListener("resize", ie), await R(), ie(), Ae();
+    }), lt(() => {
+      document.removeEventListener("click", De), window.removeEventListener("resize", ie), H.value?.destroy(), ae.value?.destroy(), y.value?.destroy();
+    }), (e, s) => (i(), r("div", {
       ref_key: "wrapperRef",
       ref: c,
       class: "tree-select-wrapper",
-      onFocusin: je,
-      onFocusout: Ge
+      onFocusin: Ue,
+      onFocusout: Qe
     }, [
       f("div", {
         ref_key: "triggerRef",
-        ref: z,
+        ref: V,
         role: "button",
         tabindex: "0",
-        class: I(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main", [
-          Ce.value,
+        class: w(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main", [
+          Le.value,
           {
             "btn-outline-secondary": !t.isInvalid,
             "border-danger": t.isInvalid,
             disabled: t.disabled || t.isLoading,
             "is-loading": t.isLoading,
-            "has-chips": t.multiple && t.displayMode === "chips" && K.value.length > 0
+            "has-chips": t.multiple && t.displayMode === "chips" && P.value.length > 0
           }
         ]]),
-        onClick: ge,
+        onClick: pe,
         onKeydown: [
-          ke(C(ge, ["prevent"]), ["enter"]),
-          ke(C(ge, ["prevent"]), ["space"])
+          we(C(pe, ["prevent"]), ["enter"]),
+          we(C(pe, ["prevent"]), ["space"])
         ]
       }, [
-        f("div", xt, [
+        f("div", kt, [
           ue(e.$slots, "display", {
-            selectedItems: H.value,
-            displayText: ve.value,
+            selectedItems: W.value,
+            displayText: he.value,
             placeholder: t.placeholder,
             isLoading: t.isLoading,
-            removeItem: pe,
-            getItemLabel: T,
+            removeItem: ge,
+            getItemLabel: E,
             getItemValue: b,
-            visibleChips: $e.value,
-            hiddenChipsCount: ae.value,
-            toggleMorePopover: ze,
+            visibleChips: Ne.value,
+            hiddenChipsCount: oe.value,
+            toggleMorePopover: Ke,
             moreTriggerRef: G.value
           }, () => [
-            !t.multiple || t.displayMode === "text" ? (o(), r("div", St, [
+            !t.multiple || t.displayMode === "text" ? (i(), r("div", wt, [
               f("span", {
                 ref_key: "textDisplaySpanRef",
-                ref: te,
-                class: I(["text-truncate", { "text-danger": Oe.value.length > 0 }]),
-                title: Z.value ? Le.value : ""
-              }, x(t.isLoading ? "Loading data..." : ve.value), 11, Ct),
-              Z.value && !t.isLoading ? (o(), D(A, {
+                ref: ne,
+                class: w(["text-truncate", { "text-danger": qe.value.length > 0 }]),
+                title: M.value ? Ie.value : ""
+              }, S(t.isLoading ? "Loading data..." : he.value), 11, St),
+              M.value && !t.isLoading ? (i(), O(A, {
                 key: 0,
                 ref_key: "tooltipTriggerIconRef",
-                ref: $,
+                ref: B,
                 name: "info-circle",
                 class: "tooltip-trigger-icon ms-2 flex-shrink-0",
-                onClick: C(Qe, ["stop"])
+                onClick: C(Ye, ["stop"])
               }, null, 512)) : m("", !0)
-            ])) : t.multiple && t.displayMode === "chips" ? (o(), r("div", Vt, [
-              K.value.length === 0 ? (o(), r("span", Lt, x(t.placeholder), 1)) : (o(), r("div", {
+            ])) : t.multiple && t.displayMode === "chips" ? (i(), r("div", Ct, [
+              P.value.length === 0 ? (i(), r("span", Vt, S(t.placeholder), 1)) : (i(), r("div", {
                 key: 1,
                 class: "chips-container",
                 ref_key: "chipsContainerRef",
-                ref: Se
+                ref: Ve
               }, [
-                f("div", At, [
-                  (o(!0), r(W, null, j(H.value, (n) => (o(), r("span", {
+                f("div", Lt, [
+                  (i(!0), r(j, null, Z(W.value, (n) => (i(), r("span", {
                     key: "measure-" + b(n),
                     class: "badge chip"
                   }, [
-                    f("span", It, x(T(n)), 1),
-                    ee(A, {
+                    f("span", Mt, S(E(n)), 1),
+                    te(A, {
                       name: "times",
                       class: "chip-remove"
                     })
                   ]))), 128))
                 ]),
-                (o(!0), r(W, null, j($e.value, (n) => (o(), r("span", {
+                (i(!0), r(j, null, Z(Ne.value, (n) => (i(), r("span", {
                   key: b(n),
-                  class: I(["badge chip", n.__missing ? "bg-danger text-white" : "bg-primary text-white"])
+                  class: w(["badge chip", n.__missing ? "bg-danger text-white" : "bg-primary text-white"])
                 }, [
-                  f("span", $t, x(T(n)), 1),
-                  ee(A, {
+                  f("span", It, S(E(n)), 1),
+                  te(A, {
                     name: "times",
                     class: "chip-remove",
-                    onClick: C((a) => pe(n), ["stop"])
+                    onClick: C((a) => ge(n), ["stop"])
                   }, null, 8, ["onClick"])
                 ], 2))), 128)),
-                ae.value > 0 ? (o(), r("button", {
+                oe.value > 0 ? (i(), r("button", {
                   key: 0,
                   ref_key: "moreTriggerRef",
                   ref: G,
                   type: "button",
                   class: "btn btn-sm btn-light more-button",
-                  onClick: C(ze, ["stop"])
-                }, " +" + x(ae.value), 513)) : m("", !0)
+                  onClick: C(Ke, ["stop"])
+                }, " +" + S(oe.value), 513)) : m("", !0)
               ], 512))
             ])) : m("", !0)
           ], !0)
         ]),
-        f("div", Mt, [
-          t.isLoading ? (o(), D(A, {
+        f("div", At, [
+          t.isLoading ? (i(), O(A, {
             key: 0,
             name: "spinner",
             class: "loading-icon"
           })) : m("", !0),
-          t.showClearButton && K.value.length > 0 && !t.disabled && !t.isLoading ? (o(), D(A, {
+          t.showClearButton && P.value.length > 0 && !t.disabled && !t.isLoading ? (i(), O(A, {
             key: 1,
             name: "times",
-            onClick: C(He, ["stop"]),
+            onClick: C(je, ["stop"]),
             class: "clear-icon"
           })) : m("", !0),
-          t.isLoading ? m("", !0) : (o(), D(A, {
+          t.isLoading ? m("", !0) : (i(), O(A, {
             key: 2,
             name: "chevron-down",
-            class: I(["transition-transform", { "rotate-180": B.value }])
+            class: w(["transition-transform", { "rotate-180": N.value }])
           }, null, 8, ["class"]))
         ])
-      ], 42, wt),
-      J.value ? (o(), r("div", {
+      ], 42, xt),
+      J.value ? (i(), r("div", {
         key: 0,
         ref_key: "morePopoverRef",
-        ref: le,
+        ref: se,
         class: "card shadow-lg border-0 more-popover",
         style: { "z-index": "1060" }
       }, [
-        f("div", Bt, [
-          (o(!0), r(W, null, j(De.value, (n) => (o(), r("div", {
+        f("div", $t, [
+          (i(!0), r(j, null, Z(Oe.value, (n) => (i(), r("div", {
             key: b(n),
             class: "list-group-item d-flex justify-content-between align-items-center py-1 px-2"
           }, [
-            f("small", Nt, x(T(n)), 1),
-            t.disabled ? m("", !0) : (o(), D(A, {
+            f("small", Nt, S(E(n)), 1),
+            t.disabled ? m("", !0) : (i(), O(A, {
               key: 0,
               name: "times",
               class: "chip-remove flex-shrink-0",
-              onClick: C((a) => pe(n), ["stop"])
+              onClick: C((a) => ge(n), ["stop"])
             }, null, 8, ["onClick"]))
           ]))), 128))
         ])
       ], 512)) : m("", !0),
-      B.value ? (o(), r("div", {
+      N.value ? (i(), r("div", {
         key: 1,
         ref_key: "dropdownRef",
-        ref: V,
+        ref: $,
         class: "tree-select-dropdown card shadow-lg border-0",
         onMousedown: s[2] || (s[2] = C(() => {
         }, ["prevent"])),
@@ -739,59 +756,60 @@ const xe = (t, q) => {
         }, ["stop"])),
         style: { "z-index": "1050" }
       }, [
-        f("div", Tt, [
-          t.searchable ? be((o(), r("input", {
+        f("div", Bt, [
+          t.searchable ? ke((i(), r("input", {
             key: 0,
-            "onUpdate:modelValue": s[0] || (s[0] = (n) => w.value = n),
+            "onUpdate:modelValue": s[0] || (s[0] = (n) => k.value = n),
             type: "text",
-            class: I(["form-control tree-search-input", Ve.value]),
+            class: w(["form-control tree-search-input", Me.value]),
             placeholder: "Search...",
-            onKeydown: ke(C(We, ["prevent"]), ["enter"])
-          }, null, 42, zt)), [
-            [lt, w.value]
+            onKeydown: we(C(Ze, ["prevent"]), ["enter"])
+          }, null, 42, Tt)), [
+            [nt, k.value]
           ]) : m("", !0),
-          t.sortable && t.sortOptions.length > 0 ? (o(), r("div", Et, [
-            be(f("select", {
-              "onUpdate:modelValue": s[1] || (s[1] = (n) => O.value = n),
-              class: I(["form-select flex-grow-1", Ve.value])
+          t.sortable && t.sortOptions.length > 0 ? (i(), r("div", zt, [
+            ke(f("select", {
+              "onUpdate:modelValue": s[1] || (s[1] = (n) => z.value = n),
+              class: w(["form-select flex-grow-1", Me.value])
             }, [
               s[4] || (s[4] = f("option", {
                 value: null,
                 disabled: ""
               }, "Sort by...", -1)),
-              (o(!0), r(W, null, j(t.sortOptions, (n) => (o(), r("option", {
+              (i(!0), r(j, null, Z(t.sortOptions, (n) => (i(), r("option", {
                 key: n.value,
                 value: n.value
-              }, x(n.label), 9, Kt))), 128))
+              }, S(n.label), 9, Et))), 128))
             ], 2), [
-              [nt, O.value]
+              [st, z.value]
             ]),
             f("button", {
               type: "button",
-              class: I(["btn btn-outline-secondary", Ce.value]),
-              disabled: !O.value,
-              onClick: qe
+              class: w(["btn btn-outline-secondary", Le.value]),
+              disabled: !z.value,
+              onClick: We
             }, [
-              ee(A, {
+              te(A, {
                 name: U.value === "asc" ? "asc" : "desc"
               }, null, 8, ["name"])
-            ], 10, Pt)
+            ], 10, Kt)
           ])) : m("", !0)
         ]),
-        t.isLoading ? (o(), r("div", Dt, [
-          ee(A, {
+        t.isLoading ? (i(), r("div", Dt, [
+          te(A, {
             name: "spinner",
             class: "me-2"
           }),
           s[5] || (s[5] = f("span", null, "Loading...", -1))
-        ])) : (o(), r("div", Rt, [
-          oe.value.length > 0 ? (o(), r("div", Ot, [
-            (o(!0), r(W, null, j(oe.value, (n) => (o(), D(kt, {
+        ])) : (i(), r("div", Pt, [
+          _.value.length > 0 ? (i(), r("div", Rt, [
+            (i(!0), r(j, null, Z(_.value, (n, a) => (i(), O(bt, {
               key: b(n),
               item: n,
               level: 0,
-              "selected-items": K.value,
-              "expanded-items": R.value,
+              "display-mode": t.displayMode,
+              "selected-items": P.value,
+              "expanded-items": K.value,
               multiple: t.multiple,
               "select-all": t.selectAll,
               "select-mode": t.selectMode,
@@ -799,66 +817,68 @@ const xe = (t, q) => {
               "option-value": t.optionValue,
               "disabled-key": t.disabledKey,
               "disable-branch-node": t.disableBranchNodes,
-              onSelect: Fe,
-              onToggleExpand: Ne
+              index: a,
+              "siblings-count": _.value.length,
+              onSelect: He,
+              onToggleExpand: ze
             }, {
-              default: Pe(({ item: a, level: i }) => [
+              default: Re(({ item: o, level: d }) => [
                 ue(e.$slots, "default", {
-                  item: a,
-                  level: i
+                  item: o,
+                  level: d
                 }, () => [
-                  f("div", Ft, [
-                    re(x(T(a)) + " ", 1),
-                    a.icon ? (o(), r("i", {
+                  f("div", Ot, [
+                    de(S(E(o)) + " ", 1),
+                    o.icon ? (i(), r("i", {
                       key: 0,
-                      class: I(a.icon)
+                      class: w(o.icon)
                     }, null, 2)) : m("", !0)
                   ])
                 ], !0)
               ]),
               _: 2
-            }, 1032, ["item", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key", "disable-branch-node"]))), 128))
-          ])) : (o(), r("div", qt, [
-            t.allowAddNew ? (o(), r("div", Ht, [
-              t.addNewMode === "button" ? (o(), r("button", {
+            }, 1032, ["item", "display-mode", "selected-items", "expanded-items", "multiple", "select-all", "select-mode", "option-label", "option-value", "disabled-key", "disable-branch-node", "index", "siblings-count"]))), 128))
+          ])) : (i(), r("div", Ft, [
+            t.allowAddNew ? (i(), r("div", qt, [
+              t.addNewMode === "button" ? (i(), r("button", {
                 key: 0,
                 type: "button",
                 class: "btn btn-success btn-sm w-100",
-                onClick: Te
+                onClick: Ee
               }, [
-                re(' No items found "Click" to ' + x(t.addNewLabel) + " ", 1),
-                w.value.trim() ? (o(), r("span", Wt, ' : "' + x(w.value) + '" ', 1)) : m("", !0)
-              ])) : t.addNewMode === "enter" ? (o(), r("span", jt, [
-                re(' No items found "Press Enter" to ' + x(t.addNewLabel) + " ", 1),
-                w.value.trim() ? (o(), r("span", Zt, ' : "' + x(w.value) + '" ', 1)) : m("", !0)
+                de(' No items found "Click" to ' + S(t.addNewLabel) + " ", 1),
+                k.value.trim() ? (i(), r("span", Ht, ' : "' + S(k.value) + '" ', 1)) : m("", !0)
+              ])) : t.addNewMode === "enter" ? (i(), r("span", Wt, [
+                de(' No items found "Press Enter" to ' + S(t.addNewLabel) + " ", 1),
+                k.value.trim() ? (i(), r("span", jt, ' : "' + S(k.value) + '" ', 1)) : m("", !0)
               ])) : m("", !0)
-            ])) : (o(), r("div", Ut, [
-              ee(A, {
+            ])) : (i(), r("div", Zt, [
+              te(A, {
                 name: "search",
                 class: "me-1"
               }),
-              s[6] || (s[6] = re(" No items found ", -1))
+              s[6] || (s[6] = de(" No items found ", -1))
             ]))
           ]))
         ]))
       ], 544)) : m("", !0),
-      be(f("div", {
+      ke(f("div", {
         ref_key: "tooltipRef",
-        ref: p,
+        ref: v,
         class: "tree-select-tooltip card shadow-sm py-1 px-2",
         role: "tooltip",
         style: { "z-index": "1070" }
-      }, x(Le.value), 513), [
-        [st, S.value]
+      }, S(Ie.value), 513), [
+        [at, L.value]
       ])
     ], 544));
   }
-}, Jt = /* @__PURE__ */ xe(Gt, [["__scopeId", "data-v-41032f5c"]]), _t = {
+}, Gt = /* @__PURE__ */ Ce(Ut, [["__scopeId", "data-v-880ba6da"]]), Yt = {
   install(t) {
-    t.component("VSelect", Jt);
+    t.component("VSelect", Gt);
   }
 };
 export {
-  Jt as VSelect,
-  _t as default
+  Gt as VSelect,
+  Yt as default
 };

package/dist/vue-select.umd.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(x,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):(x=typeof globalThis<"u"?globalThis:x\|\|self,e(x.VueSelect={},x.Vue,x.Popper))})(this,(function(x,e,X){"use strict";const Y=(l,T)=>{const n=l.__vccOpts\|\|l;for(const[u,d]of T)n[u]=d;return n},Ve={key:0},we={key:1},xe={key:2},Ce={key:3},Se={key:4},Ee={key:5},Ne={key:6},Le={key:7},k=Y({__name:"SvgIcon",props:{name:{type:String,required:!0}},setup(l){const T=l,n=e.computed(()=>({"svg-icon-spin":T.name==="spinner"}));return(u,d)=>(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",Ve,d[0]\|\|(d[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",we,d[1]\|\|(d[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",xe,d[2]\|\|(d[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",Ce,d[3]\|\|(d[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",Se,d[4]\|\|(d[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),l.name==="asc"?(e.openBlock(),e.createElementBlock("g",Ee,d[5]\|\|(d[5]=[e.createElementVNode("path",{fill:"currentColor",d:"M4.869 11H2.667L6 3h2l3.333 8H9.131l-.41-1H5.28zm1.23-3h1.803L7 5.8zm12.9 8V3h-2v13h-3l4 5l4-5zm-8-3H3v2h4.855L3 19v2h8v-2H6.146L11 15z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="desc"?(e.openBlock(),e.createElementBlock("g",Ne,d[6]\|\|(d[6]=[e.createElementVNode("path",{fill:"currentColor",d:"M4.869 11H2.667L6 3h2l3.333 8H9.131l-.41-1H5.28zm1.23-3h1.803L7 5.8zm15.9 0l-4-5l-4 5h3v13h2V8zm-11 5H3v2h4.855L3 19v2h8v-2H6.146L11 15z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="info-circle"?(e.openBlock(),e.createElementBlock("g",Le,d[7]\|\|(d[7]=[e.createElementVNode("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"},null,-1)]))):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-89f9b7e1"]]),Me={class:"tree-select-item-wrapper"},Ae={key:1,class:"expander-placeholder flex-shrink-0"},Ie=["checked",".indeterminate","disabled"],$e={class:"item-content text-start text-break lh-sm"},Te={key:0,class:"children-wrapper"},ze=Y({__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:T}){const n=l,u=m=>m[n.optionValue]\|\|m.id\|\|m.value,d=m=>!n.disabledKey\|\|!m?!1:m.hasOwnProperty(n.disabledKey)&&m[n.disabledKey]!==null,b=e.computed(()=>n.item.children&&n.item.children.length>0),N=e.computed(()=>n.expandedItems.has(u(n.item))),g=e.computed(()=>n.selectedItems.includes(u(n.item))),C=m=>{let f=[];return m.children&&m.children.forEach(S=>{f.push(u(S)),f.push(...C(S))}),f},A=e.computed(()=>!n.multiple\|\|!n.selectAll\|\|!b.value\|\|g.value?!1:C(n.item).some(f=>n.selectedItems.includes(f)));return(m,f)=>{const S=e.resolveComponent("TreeSelectItem",!0);return e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",{class:e.normalizeClass(["list-group-item list-group-item-action d-flex align-items-center gap-2",{"bg-primary text-white":g.value&&(l.selectMode==="highlight"\|\|!l.multiple)&&!d(l.item)&&!(l.disableBranchNode&&b.value),"is-disabled text-muted bg-light":d(l.item)}]),style:e.normalizeStyle({"padding-left":`${l.level1.5+1}rem`}),onClick:f[2]\|\|(f[2]=y=>d(l.item)?null:m.$emit("select",l.item))},[b.value?(e.openBlock(),e.createBlock(k,{key:0,name:"chevron-right",class:e.normalizeClass(["expander-icon flex-shrink-0 mt-1",{"rotate-90":N.value}]),onClick:f[0]\|\|(f[0]=e.withModifiers(y=>m.$emit("toggle-expand",u(l.item)),["stop"]))},null,8,["class"])):(e.openBlock(),e.createElementBlock("span",Ae)),l.multiple&&l.selectMode==="checkbox"&&!(l.disableBranchNode&&b.value)?(e.openBlock(),e.createElementBlock("input",{key:2,type:"checkbox",class:"tree-checkbox",checked:g.value,".indeterminate":A.value,disabled:d(l.item),onClick:f[1]\|\|(f[1]=e.withModifiers(y=>m.$emit("select",l.item),["stop"]))},null,40,Ie)):e.createCommentVNode("",!0),e.createElementVNode("div",$e,[e.renderSlot(m.$slots,"default",{item:l.item,level:l.level},void 0,!0)])],6),b.value&&N.value?(e.openBlock(),e.createElementBlock("div",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.children,y=>(e.openBlock(),e.createBlock(S,{key:u(y),item:y,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:f[3]\|\|(f[3]=V=>m.$emit("select",V)),onToggleExpand:f[4]\|\|(f[4]=V=>m.$emit("toggle-expand",V))},{default:e.withCtx(({item:V,level:H})=>[e.renderSlot(m.$slots,"default",{item:V,level:H},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-11d582f4"]]),De=["onKeydown"],Ke={class:"tree-select-display-container"},Pe={key:0,class:"d-flex align-items-center justify-content-start w-100"},Fe=["title"],Re={key:1},Oe={key:0,class:"text-muted"},qe={class:"chip-measure-layer","aria-hidden":"true"},je={class:"chip-label"},He={class:"chip-label"},We={class:"d-flex align-items-center gap-2"},Ze={class:"list-group list-group-flush"},Ue={class:"text-wrap text-start me-2"},Ge={class:"p-2 border-bottom d-flex flex-column gap-2"},Je=["onKeydown"],Qe={key:1,class:"d-flex align-items-center gap-2"},Xe=["value"],Ye=["disabled"],ve={key:0,class:"p-4 text-muted text-center"},_e={key:1,class:"tree-select-body",style:{"max-height":"300px","overflow-y":"auto"}},et={key:0,class:"list-group list-group-flush"},tt={class:"d-flex align-items-center gap-2",style:{"white-space":"wrap"}},lt={key:1,class:"p-3 text-muted text-center"},nt={key:0},ot={key:0},at={key:1},rt={key:0},st={key:1},re=Y({__name:"TreeSelectMain",props:{modelValue:{type:[String,Number,Array],default:null},displayMode:{type:String,default:"text",validator:l=>["text","chips"].includes(l)},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},deselectAll:{type:Boolean,default:!0},canDeselect:{type:Boolean,default:!0},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)},sortable:{type:Boolean,default:!1},sortOptions:{type:Array,default:()=>[]},defaultSortKey:{type:String,default:null},defaultSortDirection:{type:String,default:"asc",validator:l=>["asc","desc"].includes(l)},maxVisibleChipsDisplay:{type:Number,default:null},closeOnSelect:{type:Boolean,default:!0},allowAddNew:{type:Boolean,default:!1},addNewMode:{type:String,default:"button",validator:l=>["button","enter"].includes(l)},addNewLabel:{type:String,default:"Add new record"},keyFilters:{type:Array,default:()=>[]}},emits:["update:modelValue","change","clear","deselect","select","focus","blur","add-new"],setup(l,{emit:T}){const n=l,u=T,d=e.ref(null),b=e.ref(null),N=e.ref(null),g=e.ref(""),C=e.ref(!1),A=e.ref(new Set),m=e.ref(null),f=e.ref(null),S=e.ref(null),y=e.ref(!1),V=e.ref(null),H=e.ref(null),D=e.ref(!1),I=e.ref(n.defaultSortKey),K=e.ref(n.defaultSortDirection),P=e.ref(null),W=e.ref(null),F=e.ref(!1),Z=e.ref(null),se=e.ref(null),v=e.ref(0),ie=e.computed(()=>n.size==="sm"?"btn-sm":n.size==="lg"?"btn-lg":n.size==="xl"?"btn-xl":""),ce=e.computed(()=>n.size==="sm"?"form-control-sm":n.size==="lg"?"form-control-lg":n.size==="xl"?"form-control-xl":""),ct=e.computed(()=>G.value===0?[]:z.value.slice(ne.value)),R=e.computed(()=>!n.multiple\|\|!n.excludeFromSelectedListKey?M.value:M.value.filter(t=>{const a=L(t);return!a\|\|!a[n.excludeFromSelectedListKey]})),de=e.computed(()=>{const t=R.value;if(t.length===0)return n.placeholder;if(n.multiple){if(t.length===1){const o=q(t[0]);return o?o.join(" → "):t[0]}return`${t.length} items selected`}const a=q(t[0]);return a?a.join(" → "):t[0]}),dt=e.computed(()=>n.multiple?Array.isArray(n.modelValue)?n.modelValue:[]:n.modelValue!==null&&n.modelValue!==void 0?[n.modelValue]:[]),mt=e.computed(()=>dt.value.filter(t=>!L(t))),me=async()=>{await e.nextTick();const t=H.value;if(n.multiple\|\|n.displayMode==="chips"\|\|R.value.length===0\|\|!t){D.value=!1;return}D.value=t.scrollWidth>t.clientWidth},E=t=>t&&(t[n.optionLabel]\|\|t.label\|\|t.name)\|\|"",p=t=>t?t[n.optionValue]\|\|t.id\|\|t.value:null,_=t=>!n.disabledKey\|\|!t?!1:t.hasOwnProperty(n.disabledKey)&&t[n.disabledKey]!==null,B=t=>t.children&&t.children.length>0,O=(t,a)=>{if(a)return a.split(".").reduce((o,r)=>o&&o[r],t)},L=(t,a=n.items)=>{for(const o of a){if(p(o)===t)return o;if(B(o)){const r=L(t,o.children);if(r)return r}}return null},ee=t=>{const a=[];return B(t)&&t.children.forEach(o=>{_(o)\|\|(a.push(p(o)),a.push(...ee(o)))}),a},U=async()=>{await e.nextTick();const t=se.value;if(!t)return;const a=t.querySelector(".chip-measure-layer");if(!a)return;const o=Array.from(a.children);if(!o.length){v.value=0;return}const r=t.clientWidth,s=4,i=40;let c=0,h=0;for(let w=0;w<o.length;w++){const Be=o[w].offsetWidth+s,wt=w<o.length-1?i:0;if(c+Be+wt>r)break;c+=Be,h++}v.value=Math.max(h,1)},te=(t,a=n.items,o=[])=>{for(const r of a){if(p(r)===t)return o;if(B(r)){const s=te(t,r.children,[...o,p(r)]);if(s)return s}}return null},M=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(r=>{if(B(r)){const s=r.children.filter(c=>!_(c));s.length>0&&s.every(c=>t.has(p(c)))&&t.add(p(r)),a(r.children)}})};a(n.items)}return Array.from(t)}),q=(t,a=n.items,o=[])=>{for(const r of a){const s=[...o,E(r)];if(p(r)===t)return s;if(B(r)){const i=q(t,r.children,s);if(i)return i}}return null},ue=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},le=e.computed(()=>{const t=R.value;if(t.length===0)return n.placeholder;if(n.multiple){if(t.length===1){const s=L(t[0]);if(!s)return`${t[0]} (No longer available)`;const i=q(t[0]);return i?ue(i):E(s)}return`${t.length} items selected`}const a=t[0],o=L(a);if(!o)return`${a} (No longer available)`;const r=q(a);return r?ue(r):E(o)}),z=e.computed(()=>{if(!n.multiple\|\|R.value.length===0)return[];const t=R.value.map(r=>{const s=L(r);return s\|\|{[n.optionValue]:r,[n.optionLabel]:`${r} (No longer available)`,__missing:!0}});if(!n.sortable\|\|!I.value)return t;const a=I.value,o=K.value;return[...t].sort((r,s)=>{if(r.__missing)return 1;if(s.__missing)return-1;const i=O(r,a),c=O(s,a);if(i==null)return 1;if(c==null)return-1;let h=0;return typeof i=="string"&&typeof c=="string"?h=i.localeCompare(c):i>c?h=1:i<c&&(h=-1),o==="desc"?h-1:h})}),fe=e.computed(()=>z.value.slice(0,ne.value)),ne=e.computed(()=>n.maxVisibleChipsDisplay!==null?n.maxVisibleChipsDisplay:Math.max(v.value,1)),G=e.computed(()=>{const t=z.value.length-ne.value;return t>0?t:0}),pe=(t,a)=>{const o=a.toLowerCase();return t.map(r=>{let s=!1;if(n.keyFilters&&n.keyFilters.length>0)for(const c of n.keyFilters){const h=O(r,c);if(h!=null&&String(h).toLowerCase().includes(o)){s=!0;break}}else s=E(r).toLowerCase().includes(o);if(!B(r))return s?r:null;const i=pe(r.children,a);return s?{...r,children:r.children}:i.length>0?{...r,children:i}:null}).filter(Boolean)},he=(t,a,o)=>!t\|\|!a?t:[...t].sort((s,i)=>{const c=O(s,a),h=O(i,a);if(c==null)return 1;if(h==null)return-1;let w=0;return typeof c=="string"&&typeof h=="string"?w=c.localeCompare(h):c>h?w=1:c<h&&(w=-1),o==="desc"?w*-1:w}).map(s=>B(s)?{...s,children:he(s.children,a,o)}:s),J=e.computed(()=>{const t=g.value.trim(),a=t?pe(n.items,t):n.items;return!n.sortable\|\|!I.value?a:he(a,I.value,K.value)}),ut=t=>{if(n.disableBranchNodes&&B(t)){const s=p(t);ge(s);return}if(_(t))return;const a=p(t);let o=new Set(M.value);if(n.multiple){const s=o.has(a);if(n.selectAll&&B(t)){const i=ee(t);s?(o.delete(a),u("deselect",t),n.deselectAll&&i.forEach(c=>o.delete(c))):(o.add(a),i.forEach(c=>o.add(c)),u("select",t))}else s?(o.delete(a),n.selectAll&&te(a)?.forEach(c=>o.delete(c))):o.add(a)}else{const s=n.modelValue,i=p(t);s===i?(o.clear(),u("deselect",t)):(o.clear(),o.add(i),s!=null&&L(s),u("select",t)),n.closeOnSelect&&$(),e.nextTick(()=>{N.value?.focus()})}let r=Array.from(o);n.multiple&&n.excludeFromSelectedListKey&&(r=r.filter(s=>{const i=L(s);return!i\|\|!i[n.excludeFromSelectedListKey]})),u("update:modelValue",n.multiple?r:r[0]\|\|null),u("change",n.multiple?r:r[0]\|\|null)},oe=t=>{if(n.disabled\|\|!t)return;const a=p(t),o=new Set(M.value);o.delete(a),n.selectAll&&(n.deselectAll&&B(t)&&ee(t).forEach(c=>o.delete(c)),te(a)?.forEach(i=>o.delete(i)));const r=Array.from(o);u("update:modelValue",r),u("change",r)},ge=t=>{A.value.has(t)?A.value.delete(t):A.value.add(t)},ft=()=>{K.value=K.value==="asc"?"desc":"asc"},pt=()=>{const t=n.multiple?[]:null;u("clear"),u("update:modelValue",t),u("change",t),j()},ye=()=>{!n.allowAddNew\|\|!g.value.trim()\|\|(u("add-new",g.value.trim()),$())},ht=()=>{n.allowAddNew&&n.addNewMode==="enter"&&g.value.trim()&&J.value.length===0&&ye()},gt=t=>{u("focus",t)},yt=async()=>{n.disabled\|\|(j(),C.value=!0,Q(),await e.nextTick(),b.value&&N.value&&(m.value=X.createPopper(N.value,b.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(),b.value?.querySelector(".tree-search-input")?.focus()))},$=()=>{C.value=!1,g.value="",m.value?.destroy(),m.value=null,u("blur",n.modelValue)},ae=()=>C.value?$():yt(),kt=async()=>{$(),Q(),F.value=!0,await e.nextTick(),W.value&&P.value&&(Z.value=X.createPopper(P.value,W.value,{placement:"bottom-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}}]}))},j=()=>{F.value=!1,Z.value?.destroy(),Z.value=null},ke=()=>F.value?j():kt(),be=t=>{C.value&&!N.value?.contains(t.target)&&!b.value?.contains(t.target)&&$(),F.value&&!P.value?.contains(t.target)&&!W.value?.contains(t.target)&&j(),y.value&&!V.value?.$el?.contains(t.target)&&!f.value?.contains(t.target)&&Q()},bt=t=>{d.value?.contains(t.relatedTarget)\|\|$()},Bt=async()=>{!D.value\|\|y.value\|\|($(),j(),y.value=!0,await e.nextTick(),f.value&&V.value&&(S.value=X.createPopper(V.value.$el,f.value,{placement:"top",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,8]}}]})))},Vt=()=>{y.value?Q():Bt()},Q=()=>{y.value=!1,S.value?.destroy(),S.value=null};return e.watch(g,t=>{if(t.trim()){const a=o=>{o.forEach(r=>{B(r)&&(A.value.add(p(r)),a(r.children))})};a(J.value)}}),e.watch(le,()=>{me()}),e.watch(z,U),e.onMounted(async()=>{document.addEventListener("click",be),window.addEventListener("resize",U),await e.nextTick(),U(),me()}),e.onUnmounted(()=>{document.removeEventListener("click",be),window.removeEventListener("resize",U),m.value?.destroy(),Z.value?.destroy(),S.value?.destroy()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:d,class:"tree-select-wrapper",onFocusin:gt,onFocusout:bt},[e.createElementVNode("div",{ref_key:"triggerRef",ref:N,role:"button",tabindex:"0",class:e.normalizeClass(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main",[ie.value,{"btn-outline-secondary":!l.isInvalid,"border-danger":l.isInvalid,disabled:l.disabled\|\|l.isLoading,"is-loading":l.isLoading,"has-chips":l.multiple&&l.displayMode==="chips"&&M.value.length>0}]]),onClick:ae,onKeydown:[e.withKeys(e.withModifiers(ae,["prevent"]),["enter"]),e.withKeys(e.withModifiers(ae,["prevent"]),["space"])]},[e.createElementVNode("div",Ke,[e.renderSlot(t.$slots,"display",{selectedItems:z.value,displayText:le.value,placeholder:l.placeholder,isLoading:l.isLoading,removeItem:oe,getItemLabel:E,getItemValue:p,visibleChips:fe.value,hiddenChipsCount:G.value,toggleMorePopover:ke,moreTriggerRef:P.value},()=>[!l.multiple\|\|l.displayMode==="text"?(e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("span",{ref_key:"textDisplaySpanRef",ref:H,class:e.normalizeClass(["text-truncate",{"text-danger":mt.value.length>0}]),title:D.value?de.value:""},e.toDisplayString(l.isLoading?"Loading data...":le.value),11,Fe),D.value&&!l.isLoading?(e.openBlock(),e.createBlock(k,{key:0,ref_key:"tooltipTriggerIconRef",ref:V,name:"info-circle",class:"tooltip-trigger-icon ms-2 flex-shrink-0",onClick:e.withModifiers(Vt,["stop"])},null,512)):e.createCommentVNode("",!0)])):l.multiple&&l.displayMode==="chips"?(e.openBlock(),e.createElementBlock("div",Re,[M.value.length===0?(e.openBlock(),e.createElementBlock("span",Oe,e.toDisplayString(l.placeholder),1)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"chips-container",ref_key:"chipsContainerRef",ref:se},[e.createElementVNode("div",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,o=>(e.openBlock(),e.createElementBlock("span",{key:"measure-"+p(o),class:"badge chip"},[e.createElementVNode("span",je,e.toDisplayString(E(o)),1),e.createVNode(k,{name:"times",class:"chip-remove"})]))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(fe.value,o=>(e.openBlock(),e.createElementBlock("span",{key:p(o),class:e.normalizeClass(["badge chip",o.__missing?"bg-danger text-white":"bg-primary text-white"])},[e.createElementVNode("span",He,e.toDisplayString(E(o)),1),e.createVNode(k,{name:"times",class:"chip-remove",onClick:e.withModifiers(r=>oe(o),["stop"])},null,8,["onClick"])],2))),128)),G.value>0?(e.openBlock(),e.createElementBlock("button",{key:0,ref_key:"moreTriggerRef",ref:P,type:"button",class:"btn btn-sm btn-light more-button",onClick:e.withModifiers(ke,["stop"])}," +"+e.toDisplayString(G.value),513)):e.createCommentVNode("",!0)],512))])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",We,[l.isLoading?(e.openBlock(),e.createBlock(k,{key:0,name:"spinner",class:"loading-icon"})):e.createCommentVNode("",!0),l.showClearButton&&M.value.length>0&&!l.disabled&&!l.isLoading?(e.openBlock(),e.createBlock(k,{key:1,name:"times",onClick:e.withModifiers(pt,["stop"]),class:"clear-icon"})):e.createCommentVNode("",!0),l.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(k,{key:2,name:"chevron-down",class:e.normalizeClass(["transition-transform",{"rotate-180":C.value}])},null,8,["class"]))])],42,De),F.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"morePopoverRef",ref:W,class:"card shadow-lg border-0 more-popover",style:{"z-index":"1060"}},[e.createElementVNode("div",Ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ct.value,o=>(e.openBlock(),e.createElementBlock("div",{key:p(o),class:"list-group-item d-flex justify-content-between align-items-center py-1 px-2"},[e.createElementVNode("small",Ue,e.toDisplayString(E(o)),1),l.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(k,{key:0,name:"times",class:"chip-remove flex-shrink-0",onClick:e.withModifiers(r=>oe(o),["stop"])},null,8,["onClick"]))]))),128))])],512)):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"dropdownRef",ref:b,class:"tree-select-dropdown card shadow-lg border-0",onMousedown:a[2]\|\|(a[2]=e.withModifiers(()=>{},["prevent"])),onClick:a[3]\|\|(a[3]=e.withModifiers(()=>{},["stop"])),style:{"z-index":"1050"}},[e.createElementVNode("div",Ge,[l.searchable?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":a[0]\|\|(a[0]=o=>g.value=o),type:"text",class:e.normalizeClass(["form-control tree-search-input",ce.value]),placeholder:"Search...",onKeydown:e.withKeys(e.withModifiers(ht,["prevent"]),["enter"])},null,42,Je)),[[e.vModelText,g.value]]):e.createCommentVNode("",!0),l.sortable&&l.sortOptions.length>0?(e.openBlock(),e.createElementBlock("div",Qe,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":a[1]\|\|(a[1]=o=>I.value=o),class:e.normalizeClass(["form-select flex-grow-1",ce.value])},[a[4]\|\|(a[4]=e.createElementVNode("option",{value:null,disabled:""},"Sort by...",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.sortOptions,o=>(e.openBlock(),e.createElementBlock("option",{key:o.value,value:o.value},e.toDisplayString(o.label),9,Xe))),128))],2),[[e.vModelSelect,I.value]]),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["btn btn-outline-secondary",ie.value]),disabled:!I.value,onClick:ft},[e.createVNode(k,{name:K.value==="asc"?"asc":"desc"},null,8,["name"])],10,Ye)])):e.createCommentVNode("",!0)]),l.isLoading?(e.openBlock(),e.createElementBlock("div",ve,[e.createVNode(k,{name:"spinner",class:"me-2"}),a[5]\|\|(a[5]=e.createElementVNode("span",null,"Loading...",-1))])):(e.openBlock(),e.createElementBlock("div",_e,[J.value.length>0?(e.openBlock(),e.createElementBlock("div",et,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,o=>(e.openBlock(),e.createBlock(ze,{key:p(o),item:o,level:0,"selected-items":M.value,"expanded-items":A.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:ut,onToggleExpand:ge},{default:e.withCtx(({item:r,level:s})=>[e.renderSlot(t.$slots,"default",{item:r,level:s},()=>[e.createElementVNode("div",tt,[e.createTextVNode(e.toDisplayString(E(r))+" ",1),r.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(r.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",lt,[l.allowAddNew?(e.openBlock(),e.createElementBlock("div",nt,[l.addNewMode==="button"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-success btn-sm w-100",onClick:ye},[e.createTextVNode(' No items found "Click" to '+e.toDisplayString(l.addNewLabel)+" ",1),g.value.trim()?(e.openBlock(),e.createElementBlock("span",ot,' : "'+e.toDisplayString(g.value)+'" ',1)):e.createCommentVNode("",!0)])):l.addNewMode==="enter"?(e.openBlock(),e.createElementBlock("span",at,[e.createTextVNode(' No items found "Press Enter" to '+e.toDisplayString(l.addNewLabel)+" ",1),g.value.trim()?(e.openBlock(),e.createElementBlock("span",rt,' : "'+e.toDisplayString(g.value)+'" ',1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",st,[e.createVNode(k,{name:"search",class:"me-1"}),a[6]\|\|(a[6]=e.createTextVNode(" No items found ",-1))]))]))]))],544)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"tooltipRef",ref:f,class:"tree-select-tooltip card shadow-sm py-1 px-2",role:"tooltip",style:{"z-index":"1070"}},e.toDisplayString(de.value),513),[[e.vShow,y.value]])],544))}},[["__scopeId","data-v-41032f5c"]]),it={install(l){l.component("VSelect",re)}};x.VSelect=re,x.default=it,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
1	+ (function(E,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):(E=typeof globalThis<"u"?globalThis:E\|\|self,e(E.VueSelect={},E.Vue,E.Popper))})(this,(function(E,e,Y){"use strict";const v=(l,z)=>{const n=l.__vccOpts\|\|l;for(const[u,d]of z)n[u]=d;return n},we={key:0},xe={key:1},Ce={key:2},Se={key:3},Ee={key:4},Ne={key:5},Le={key:6},Me={key:7},g=v({__name:"SvgIcon",props:{name:{type:String,required:!0}},setup(l){const z=l,n=e.computed(()=>({"svg-icon-spin":z.name==="spinner"}));return(u,d)=>(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",we,d[0]\|\|(d[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",xe,d[1]\|\|(d[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",Ce,d[2]\|\|(d[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",Se,d[3]\|\|(d[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",Ee,d[4]\|\|(d[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),l.name==="asc"?(e.openBlock(),e.createElementBlock("g",Ne,d[5]\|\|(d[5]=[e.createElementVNode("path",{fill:"currentColor",d:"M4.869 11H2.667L6 3h2l3.333 8H9.131l-.41-1H5.28zm1.23-3h1.803L7 5.8zm12.9 8V3h-2v13h-3l4 5l4-5zm-8-3H3v2h4.855L3 19v2h8v-2H6.146L11 15z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="desc"?(e.openBlock(),e.createElementBlock("g",Le,d[6]\|\|(d[6]=[e.createElementVNode("path",{fill:"currentColor",d:"M4.869 11H2.667L6 3h2l3.333 8H9.131l-.41-1H5.28zm1.23-3h1.803L7 5.8zm15.9 0l-4-5l-4 5h3v13h2V8zm-11 5H3v2h4.855L3 19v2h8v-2H6.146L11 15z"},null,-1)]))):e.createCommentVNode("",!0),l.name==="info-circle"?(e.openBlock(),e.createElementBlock("g",Me,d[7]\|\|(d[7]=[e.createElementVNode("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"},null,-1)]))):e.createCommentVNode("",!0)],2))}},[["__scopeId","data-v-89f9b7e1"]]),Ie={key:2,class:"expander-placeholder flex-shrink-0"},Ae=["checked",".indeterminate","disabled"],$e={class:"item-content text-start text-break lh-1"},K=.91,ze=v({__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},displayMode:{type:String,default:"text"},index:{type:Number,default:0},siblingsCount:{type:Number,default:1}},emits:["select","toggle-expand"],setup(l,{emit:z}){const n=l,u=e.computed(()=>n.index===n.siblingsCount-1),d=m=>m[n.optionValue]\|\|m.id\|\|m.value,w=m=>!n.disabledKey\|\|!m?!1:m.hasOwnProperty(n.disabledKey)&&m[n.disabledKey]!==null,k=e.computed(()=>n.item.children&&n.item.children.length>0),y=e.computed(()=>n.expandedItems.has(d(n.item))),x=e.computed(()=>n.selectedItems.includes(d(n.item))),M=m=>{let f=[];return m.children&&m.children.forEach(b=>{f.push(d(b)),f.push(...M(b))}),f},T=e.computed(()=>!n.multiple\|\|!n.selectAll\|\|!k.value\|\|x.value?!1:M(n.item).some(f=>n.selectedItems.includes(f)));return(m,f)=>{const b=e.resolveComponent("TreeSelectItem",!0);return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tree-select-item-wrapper",{"is-last-child":u.value}])},[e.createElementVNode("div",{class:e.normalizeClass(["list-group-item list-group-item-action d-flex align-items-center gap-1",{"bg-primary text-white":x.value&&(l.selectMode==="highlight"\|\|!l.multiple)&&!w(l.item)&&!(l.disableBranchNode&&k.value),"is-disabled text-muted bg-light":w(l.item)}]),style:e.normalizeStyle({paddingLeft:`${l.levelK+.5}rem`}),onClick:f[2]\|\|(f[2]=C=>w(l.item)?null:m.$emit("select",l.item))},[l.displayMode==="tree-node"&&l.level>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["tree-indent",{"last-child-connector":u.value}]),style:e.normalizeStyle({left:`${(l.level-1)K+K/2}rem`,width:"2.3rem"})},null,6)):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createBlock(g,{key:1,name:"chevron-right",class:e.normalizeClass(["expander-icon flex-shrink-0",{"rotate-90":y.value}]),onClick:f[0]\|\|(f[0]=e.withModifiers(C=>m.$emit("toggle-expand",d(l.item)),["stop"]))},null,8,["class"])):(e.openBlock(),e.createElementBlock("span",Ie)),l.multiple&&l.selectMode==="checkbox"&&!(l.disableBranchNode&&k.value)?(e.openBlock(),e.createElementBlock("input",{key:3,type:"checkbox",class:"tree-checkbox",checked:x.value,".indeterminate":T.value,disabled:w(l.item),onClick:f[1]\|\|(f[1]=e.withModifiers(C=>m.$emit("select",l.item),["stop"]))},null,40,Ae)):e.createCommentVNode("",!0),e.createElementVNode("div",$e,[e.renderSlot(m.$slots,"default",{item:l.item,level:l.level},void 0,!0)])],6),k.value&&y.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["children-wrapper",{"tree-branch-guide":l.displayMode==="tree-node"&&!u.value}]),style:e.normalizeStyle(l.displayMode==="tree-node"?{marginLeft:`${l.levelK+K/2}rem`}:{})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.children,(C,Z)=>(e.openBlock(),e.createBlock(b,{key:d(C),item:C,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,"display-mode":l.displayMode,index:Z,"siblings-count":l.item.children.length,onSelect:f[3]\|\|(f[3]=B=>m.$emit("select",B)),onToggleExpand:f[4]\|\|(f[4]=B=>m.$emit("toggle-expand",B))},{default:e.withCtx(({item:B,level:N})=>[e.renderSlot(m.$slots,"default",{item:B,level:N},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","display-mode","index","siblings-count"]))),128))],6)):e.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-3a344aeb"]]),Te=["onKeydown"],De={class:"tree-select-display-container"},Ke={key:0,class:"d-flex align-items-center justify-content-start w-100"},Pe=["title"],Fe={key:1},Re={key:0,class:"text-muted"},Oe={class:"chip-measure-layer","aria-hidden":"true"},qe={class:"chip-label"},je={class:"chip-label"},He={class:"d-flex align-items-center gap-2"},We={class:"list-group list-group-flush"},Ze={class:"text-wrap text-start me-2"},Ue={class:"p-2 border-bottom d-flex flex-column gap-2"},Ge=["onKeydown"],Je={key:1,class:"d-flex align-items-center gap-2"},Qe=["value"],Xe=["disabled"],Ye={key:0,class:"p-4 text-muted text-center"},ve={key:1,class:"tree-select-body",style:{"max-height":"300px","overflow-y":"auto"}},_e={key:0,class:"list-group list-group-flush"},et={class:"d-flex align-items-center gap-2",style:{"white-space":"wrap"}},tt={key:1,class:"p-3 text-muted text-center"},lt={key:0},nt={key:0},ot={key:1},at={key:0},rt={key:1},se=v({__name:"TreeSelectMain",props:{modelValue:{type:[String,Number,Array],default:null},displayMode:{type:String,default:"text",validator:l=>["text","chips","tree-node"].includes(l)},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},deselectAll:{type:Boolean,default:!0},canDeselect:{type:Boolean,default:!0},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)},sortable:{type:Boolean,default:!1},sortOptions:{type:Array,default:()=>[]},defaultSortKey:{type:String,default:null},defaultSortDirection:{type:String,default:"asc",validator:l=>["asc","desc"].includes(l)},maxVisibleChipsDisplay:{type:Number,default:null},closeOnSelect:{type:Boolean,default:!0},allowAddNew:{type:Boolean,default:!1},addNewMode:{type:String,default:"button",validator:l=>["button","enter"].includes(l)},addNewLabel:{type:String,default:"Add new record"},keyFilters:{type:Array,default:()=>[]}},emits:["update:modelValue","change","clear","deselect","select","focus","blur","add-new"],setup(l,{emit:z}){const n=l,u=z,d=e.ref(null),w=e.ref(null),k=e.ref(null),y=e.ref(""),x=e.ref(!1),M=e.ref(new Set),T=e.ref(null),m=e.ref(null),f=e.ref(null),b=e.ref(!1),C=e.ref(null),Z=e.ref(null),B=e.ref(!1),N=e.ref(n.defaultSortKey),P=e.ref(n.defaultSortDirection),F=e.ref(null),U=e.ref(null),R=e.ref(!1),G=e.ref(null),ie=e.ref(null),_=e.ref(0),ce=e.computed(()=>n.size==="sm"?"btn-sm":n.size==="lg"?"btn-lg":n.size==="xl"?"btn-xl":""),de=e.computed(()=>n.size==="sm"?"form-control-sm":n.size==="lg"?"form-control-lg":n.size==="xl"?"form-control-xl":""),it=e.computed(()=>Q.value===0?[]:D.value.slice(oe.value)),O=e.computed(()=>!n.multiple\|\|!n.excludeFromSelectedListKey?A.value:A.value.filter(t=>{const a=I(t);return!a\|\|!a[n.excludeFromSelectedListKey]})),me=e.computed(()=>{const t=O.value;if(t.length===0)return n.placeholder;if(n.multiple){if(t.length===1){const o=j(t[0]);return o?o.join(" → "):t[0]}return`${t.length} items selected`}const a=j(t[0]);return a?a.join(" → "):t[0]}),ct=e.computed(()=>n.multiple?Array.isArray(n.modelValue)?n.modelValue:[]:n.modelValue!==null&&n.modelValue!==void 0?[n.modelValue]:[]),dt=e.computed(()=>ct.value.filter(t=>t===""\|\|t===null\|\|t===void 0\|\|t===0?!1:!I(t))),ue=async()=>{await e.nextTick();const t=Z.value;if(n.multiple\|\|n.displayMode==="chips"\|\|O.value.length===0\|\|!t){B.value=!1;return}B.value=t.scrollWidth>t.clientWidth},L=t=>t&&(t[n.optionLabel]\|\|t.label\|\|t.name)\|\|"",p=t=>t?t[n.optionValue]\|\|t.id\|\|t.value:null,ee=t=>!n.disabledKey\|\|!t?!1:t.hasOwnProperty(n.disabledKey)&&t[n.disabledKey]!==null,V=t=>t.children&&t.children.length>0,q=(t,a)=>{if(a)return a.split(".").reduce((o,r)=>o&&o[r],t)},I=(t,a=n.items)=>{for(const o of a){if(p(o)===t)return o;if(V(o)){const r=I(t,o.children);if(r)return r}}return null},te=t=>{const a=[];return V(t)&&t.children.forEach(o=>{ee(o)\|\|(a.push(p(o)),a.push(...te(o)))}),a},J=async()=>{await e.nextTick();const t=ie.value;if(!t)return;const a=t.querySelector(".chip-measure-layer");if(!a)return;const o=Array.from(a.children);if(!o.length){_.value=0;return}const r=t.clientWidth,s=4,i=40;let c=0,h=0;for(let S=0;S<o.length;S++){const Ve=o[S].offsetWidth+s,Vt=S<o.length-1?i:0;if(c+Ve+Vt>r)break;c+=Ve,h++}_.value=Math.max(h,1)},le=(t,a=n.items,o=[])=>{for(const r of a){if(p(r)===t)return o;if(V(r)){const s=le(t,r.children,[...o,p(r)]);if(s)return s}}return null},A=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(r=>{if(V(r)){const s=r.children.filter(c=>!ee(c));s.length>0&&s.every(c=>t.has(p(c)))&&t.add(p(r)),a(r.children)}})};a(n.items)}return Array.from(t)}),j=(t,a=n.items,o=[])=>{for(const r of a){const s=[...o,L(r)];if(p(r)===t)return s;if(V(r)){const i=j(t,r.children,s);if(i)return i}}return null},fe=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},ne=e.computed(()=>{const t=O.value;if(t.length===0)return n.placeholder;if(n.multiple){if(t.length===1){const s=I(t[0]);if(!s)return`${t[0]} (No longer available)`;const i=j(t[0]);return i?fe(i):L(s)}return`${t.length} items selected`}const a=t[0],o=I(a);if(!o)return`${a} (No longer available)`;const r=j(a);return r?fe(r):L(o)}),D=e.computed(()=>{if(!n.multiple\|\|O.value.length===0)return[];const t=O.value.map(r=>{const s=I(r);return s\|\|{[n.optionValue]:r,[n.optionLabel]:`${r} (No longer available)`,__missing:!0}});if(!n.sortable\|\|!N.value)return t;const a=N.value,o=P.value;return[...t].sort((r,s)=>{if(r.__missing)return 1;if(s.__missing)return-1;const i=q(r,a),c=q(s,a);if(i==null)return 1;if(c==null)return-1;let h=0;return typeof i=="string"&&typeof c=="string"?h=i.localeCompare(c):i>c?h=1:i<c&&(h=-1),o==="desc"?h-1:h})}),pe=e.computed(()=>D.value.slice(0,oe.value)),oe=e.computed(()=>n.maxVisibleChipsDisplay!==null?n.maxVisibleChipsDisplay:Math.max(_.value,1)),Q=e.computed(()=>{const t=D.value.length-oe.value;return t>0?t:0}),he=(t,a)=>{const o=a.toLowerCase();return t.map(r=>{let s=!1;if(n.keyFilters&&n.keyFilters.length>0)for(const c of n.keyFilters){const h=q(r,c);if(h!=null&&String(h).toLowerCase().includes(o)){s=!0;break}}else s=L(r).toLowerCase().includes(o);if(!V(r))return s?r:null;const i=he(r.children,a);return s?{...r,children:r.children}:i.length>0?{...r,children:i}:null}).filter(Boolean)},ye=(t,a,o)=>!t\|\|!a?t:[...t].sort((s,i)=>{const c=q(s,a),h=q(i,a);if(c==null)return 1;if(h==null)return-1;let S=0;return typeof c=="string"&&typeof h=="string"?S=c.localeCompare(h):c>h?S=1:c<h&&(S=-1),o==="desc"?S*-1:S}).map(s=>V(s)?{...s,children:ye(s.children,a,o)}:s),H=e.computed(()=>{const t=y.value.trim(),a=t?he(n.items,t):n.items;return!n.sortable\|\|!N.value?a:ye(a,N.value,P.value)}),mt=t=>{if(n.disableBranchNodes&&V(t)){const s=p(t);ge(s);return}if(ee(t))return;const a=p(t);let o=new Set(A.value);if(n.multiple){const s=o.has(a);if(n.selectAll&&V(t)){const i=te(t);s?(o.delete(a),u("deselect",t),n.deselectAll&&i.forEach(c=>o.delete(c))):(o.add(a),i.forEach(c=>o.add(c)),u("select",t))}else s?(o.delete(a),n.selectAll&&le(a)?.forEach(c=>o.delete(c))):o.add(a)}else{const s=n.modelValue,i=p(t);s===i?(o.clear(),u("deselect",t)):(o.clear(),o.add(i),s!=null&&I(s),u("select",t)),n.closeOnSelect&&$(),e.nextTick(()=>{k.value?.focus()})}let r=Array.from(o);n.multiple&&n.excludeFromSelectedListKey&&(r=r.filter(s=>{const i=I(s);return!i\|\|!i[n.excludeFromSelectedListKey]})),u("update:modelValue",n.multiple?r:r[0]\|\|null),u("change",n.multiple?r:r[0]\|\|null)},ae=t=>{if(n.disabled\|\|!t)return;const a=p(t),o=new Set(A.value);o.delete(a),n.selectAll&&(n.deselectAll&&V(t)&&te(t).forEach(c=>o.delete(c)),le(a)?.forEach(i=>o.delete(i)));const r=Array.from(o);u("update:modelValue",r),u("change",r)},ge=t=>{M.value.has(t)?M.value.delete(t):M.value.add(t)},ut=()=>{P.value=P.value==="asc"?"desc":"asc"},ft=()=>{const t=n.multiple?[]:null;u("clear"),u("update:modelValue",t),u("change",t),W()},ke=()=>{!n.allowAddNew\|\|!y.value.trim()\|\|(u("add-new",y.value.trim()),$())},pt=()=>{n.allowAddNew&&n.addNewMode==="enter"&&y.value.trim()&&H.value.length===0&&ke()},ht=t=>{u("focus",t)},yt=async()=>{n.disabled\|\|(W(),x.value=!0,X(),await e.nextTick(),w.value&&k.value&&(T.value=Y.createPopper(k.value,w.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(),w.value?.querySelector(".tree-search-input")?.focus()))},$=()=>{x.value=!1,y.value="",T.value?.destroy(),T.value=null,u("blur",n.modelValue)},re=()=>x.value?$():yt(),gt=async()=>{$(),X(),R.value=!0,await e.nextTick(),U.value&&F.value&&(G.value=Y.createPopper(F.value,U.value,{placement:"bottom-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}}]}))},W=()=>{R.value=!1,G.value?.destroy(),G.value=null},be=()=>R.value?W():gt(),Be=t=>{x.value&&!k.value?.contains(t.target)&&!w.value?.contains(t.target)&&$(),R.value&&!F.value?.contains(t.target)&&!U.value?.contains(t.target)&&W(),b.value&&!C.value?.$el?.contains(t.target)&&!m.value?.contains(t.target)&&X()},kt=t=>{d.value?.contains(t.relatedTarget)\|\|$()},bt=async()=>{!B.value\|\|b.value\|\|($(),W(),b.value=!0,await e.nextTick(),m.value&&C.value&&(f.value=Y.createPopper(C.value.$el,m.value,{placement:"top",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,8]}}]})))},Bt=()=>{b.value?X():bt()},X=()=>{b.value=!1,f.value?.destroy(),f.value=null};return e.watch(y,t=>{if(t.trim()){const a=o=>{o.forEach(r=>{V(r)&&(M.value.add(p(r)),a(r.children))})};a(H.value)}}),e.watch(ne,()=>{ue()}),e.watch(D,J),e.onMounted(async()=>{document.addEventListener("click",Be),window.addEventListener("resize",J),await e.nextTick(),J(),ue()}),e.onUnmounted(()=>{document.removeEventListener("click",Be),window.removeEventListener("resize",J),T.value?.destroy(),G.value?.destroy(),f.value?.destroy()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:d,class:"tree-select-wrapper",onFocusin:ht,onFocusout:kt},[e.createElementVNode("div",{ref_key:"triggerRef",ref:k,role:"button",tabindex:"0",class:e.normalizeClass(["btn tree-select-trigger w-100 d-flex justify-content-between align-items-center tree-select-main",[ce.value,{"btn-outline-secondary":!l.isInvalid,"border-danger":l.isInvalid,disabled:l.disabled\|\|l.isLoading,"is-loading":l.isLoading,"has-chips":l.multiple&&l.displayMode==="chips"&&A.value.length>0}]]),onClick:re,onKeydown:[e.withKeys(e.withModifiers(re,["prevent"]),["enter"]),e.withKeys(e.withModifiers(re,["prevent"]),["space"])]},[e.createElementVNode("div",De,[e.renderSlot(t.$slots,"display",{selectedItems:D.value,displayText:ne.value,placeholder:l.placeholder,isLoading:l.isLoading,removeItem:ae,getItemLabel:L,getItemValue:p,visibleChips:pe.value,hiddenChipsCount:Q.value,toggleMorePopover:be,moreTriggerRef:F.value},()=>[!l.multiple\|\|l.displayMode==="text"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("span",{ref_key:"textDisplaySpanRef",ref:Z,class:e.normalizeClass(["text-truncate",{"text-danger":dt.value.length>0}]),title:B.value?me.value:""},e.toDisplayString(l.isLoading?"Loading data...":ne.value),11,Pe),B.value&&!l.isLoading?(e.openBlock(),e.createBlock(g,{key:0,ref_key:"tooltipTriggerIconRef",ref:C,name:"info-circle",class:"tooltip-trigger-icon ms-2 flex-shrink-0",onClick:e.withModifiers(Bt,["stop"])},null,512)):e.createCommentVNode("",!0)])):l.multiple&&l.displayMode==="chips"?(e.openBlock(),e.createElementBlock("div",Fe,[A.value.length===0?(e.openBlock(),e.createElementBlock("span",Re,e.toDisplayString(l.placeholder),1)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"chips-container",ref_key:"chipsContainerRef",ref:ie},[e.createElementVNode("div",Oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,o=>(e.openBlock(),e.createElementBlock("span",{key:"measure-"+p(o),class:"badge chip"},[e.createElementVNode("span",qe,e.toDisplayString(L(o)),1),e.createVNode(g,{name:"times",class:"chip-remove"})]))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(pe.value,o=>(e.openBlock(),e.createElementBlock("span",{key:p(o),class:e.normalizeClass(["badge chip",o.__missing?"bg-danger text-white":"bg-primary text-white"])},[e.createElementVNode("span",je,e.toDisplayString(L(o)),1),e.createVNode(g,{name:"times",class:"chip-remove",onClick:e.withModifiers(r=>ae(o),["stop"])},null,8,["onClick"])],2))),128)),Q.value>0?(e.openBlock(),e.createElementBlock("button",{key:0,ref_key:"moreTriggerRef",ref:F,type:"button",class:"btn btn-sm btn-light more-button",onClick:e.withModifiers(be,["stop"])}," +"+e.toDisplayString(Q.value),513)):e.createCommentVNode("",!0)],512))])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",He,[l.isLoading?(e.openBlock(),e.createBlock(g,{key:0,name:"spinner",class:"loading-icon"})):e.createCommentVNode("",!0),l.showClearButton&&A.value.length>0&&!l.disabled&&!l.isLoading?(e.openBlock(),e.createBlock(g,{key:1,name:"times",onClick:e.withModifiers(ft,["stop"]),class:"clear-icon"})):e.createCommentVNode("",!0),l.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(g,{key:2,name:"chevron-down",class:e.normalizeClass(["transition-transform",{"rotate-180":x.value}])},null,8,["class"]))])],42,Te),R.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"morePopoverRef",ref:U,class:"card shadow-lg border-0 more-popover",style:{"z-index":"1060"}},[e.createElementVNode("div",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(it.value,o=>(e.openBlock(),e.createElementBlock("div",{key:p(o),class:"list-group-item d-flex justify-content-between align-items-center py-1 px-2"},[e.createElementVNode("small",Ze,e.toDisplayString(L(o)),1),l.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(g,{key:0,name:"times",class:"chip-remove flex-shrink-0",onClick:e.withModifiers(r=>ae(o),["stop"])},null,8,["onClick"]))]))),128))])],512)):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"dropdownRef",ref:w,class:"tree-select-dropdown card shadow-lg border-0",onMousedown:a[2]\|\|(a[2]=e.withModifiers(()=>{},["prevent"])),onClick:a[3]\|\|(a[3]=e.withModifiers(()=>{},["stop"])),style:{"z-index":"1050"}},[e.createElementVNode("div",Ue,[l.searchable?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,"onUpdate:modelValue":a[0]\|\|(a[0]=o=>y.value=o),type:"text",class:e.normalizeClass(["form-control tree-search-input",de.value]),placeholder:"Search...",onKeydown:e.withKeys(e.withModifiers(pt,["prevent"]),["enter"])},null,42,Ge)),[[e.vModelText,y.value]]):e.createCommentVNode("",!0),l.sortable&&l.sortOptions.length>0?(e.openBlock(),e.createElementBlock("div",Je,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":a[1]\|\|(a[1]=o=>N.value=o),class:e.normalizeClass(["form-select flex-grow-1",de.value])},[a[4]\|\|(a[4]=e.createElementVNode("option",{value:null,disabled:""},"Sort by...",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.sortOptions,o=>(e.openBlock(),e.createElementBlock("option",{key:o.value,value:o.value},e.toDisplayString(o.label),9,Qe))),128))],2),[[e.vModelSelect,N.value]]),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["btn btn-outline-secondary",ce.value]),disabled:!N.value,onClick:ut},[e.createVNode(g,{name:P.value==="asc"?"asc":"desc"},null,8,["name"])],10,Xe)])):e.createCommentVNode("",!0)]),l.isLoading?(e.openBlock(),e.createElementBlock("div",Ye,[e.createVNode(g,{name:"spinner",class:"me-2"}),a[5]\|\|(a[5]=e.createElementVNode("span",null,"Loading...",-1))])):(e.openBlock(),e.createElementBlock("div",ve,[H.value.length>0?(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,(o,r)=>(e.openBlock(),e.createBlock(ze,{key:p(o),item:o,level:0,"display-mode":l.displayMode,"selected-items":A.value,"expanded-items":M.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,index:r,"siblings-count":H.value.length,onSelect:mt,onToggleExpand:ge},{default:e.withCtx(({item:s,level:i})=>[e.renderSlot(t.$slots,"default",{item:s,level:i},()=>[e.createElementVNode("div",et,[e.createTextVNode(e.toDisplayString(L(s))+" ",1),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(s.icon)},null,2)):e.createCommentVNode("",!0)])],!0)]),_:2},1032,["item","display-mode","selected-items","expanded-items","multiple","select-all","select-mode","option-label","option-value","disabled-key","disable-branch-node","index","siblings-count"]))),128))])):(e.openBlock(),e.createElementBlock("div",tt,[l.allowAddNew?(e.openBlock(),e.createElementBlock("div",lt,[l.addNewMode==="button"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-success btn-sm w-100",onClick:ke},[e.createTextVNode(' No items found "Click" to '+e.toDisplayString(l.addNewLabel)+" ",1),y.value.trim()?(e.openBlock(),e.createElementBlock("span",nt,' : "'+e.toDisplayString(y.value)+'" ',1)):e.createCommentVNode("",!0)])):l.addNewMode==="enter"?(e.openBlock(),e.createElementBlock("span",ot,[e.createTextVNode(' No items found "Press Enter" to '+e.toDisplayString(l.addNewLabel)+" ",1),y.value.trim()?(e.openBlock(),e.createElementBlock("span",at,' : "'+e.toDisplayString(y.value)+'" ',1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",rt,[e.createVNode(g,{name:"search",class:"me-1"}),a[6]\|\|(a[6]=e.createTextVNode(" No items found ",-1))]))]))]))],544)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"tooltipRef",ref:m,class:"tree-select-tooltip card shadow-sm py-1 px-2",role:"tooltip",style:{"z-index":"1070"}},e.toDisplayString(me.value),513),[[e.vShow,b.value]])],544))}},[["__scopeId","data-v-880ba6da"]]),st={install(l){l.component("VSelect",se)}};E.VSelect=se,E.default=st,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json CHANGED Viewed

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