@web-utils/component 4.0.15 → 5.0.0-beta01

package/vue-tree-select/index.mjs

@@ -1,2627 +1,2 @@
-import ye, { h as r } from "vue";
-import { noop as be, identity as Ne, last as Y, once as Ee, debounce as we } from "lodash-es";
-import { isPromise as se } from "@web-utils/core";
-import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import { _ as R } from "../chunks/helper.BiMLcEEk.mjs";
-const _ = process.env.NODE_ENV === "production" ? (
-  /* istanbul ignore next */
-  be
-) : function(t, s) {
-  if (!t()) {
-    const n = ["[Vue-TreeSelect Warning]"].concat(s());
-    console.error(...n);
-  }
-};
-function N(e) {
-  return function(s, ...n) {
-    s.type === "mousedown" && s.button === 0 && e.call(this, s, ...n);
-  };
-}
-function Ce(e, t) {
-  const s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = t.offsetHeight / 3;
-  n.bottom + i > s.bottom ? e.scrollTop = Math.min(t.offsetTop + t.clientHeight - e.offsetHeight + i, e.scrollHeight) : n.top - i < s.top && (e.scrollTop = Math.max(t.offsetTop - i, 0));
-}
-function ne(e, t) {
-  const s = e.indexOf(t);
-  s !== -1 && e.splice(s, 1);
-}
-let Q;
-const D = [], Le = 100;
-function Te() {
-  Q = setInterval(() => {
-    D.forEach(ie);
-  }, Le);
-}
-function Me() {
-  clearInterval(Q), Q = null;
-}
-function ie(e) {
-  const { $el: t, listener: s, lastWidth: n, lastHeight: i } = e, o = t.offsetWidth, l = t.offsetHeight;
-  (n !== o || i !== l) && (e.lastWidth = o, e.lastHeight = l, s({ width: o, height: l }));
-}
-function De(e, t) {
-  const s = {
-    $el: e,
-    listener: t,
-    lastWidth: null,
-    lastHeight: null
-  }, n = () => {
-    ne(D, s), D.length || Me();
-  };
-  return D.push(s), ie(s), Te(), n;
-}
-function Re(e, t) {
-  const s = document.createElement("_"), n = s.appendChild(document.createElement("_")), i = s.appendChild(document.createElement("_")), o = n.appendChild(document.createElement("_"));
-  let l, u;
-  return n.style.cssText = s.style.cssText = "height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:0s;width:100%;z-index:-1", o.style.cssText = i.style.cssText = "display:block;height:100%;transition:0s;width:100%", o.style.width = o.style.height = "200%", e.appendChild(s), f(), g;
-  function f() {
-    h();
-    const p = e.offsetWidth, y = e.offsetHeight;
-    (p !== l || y !== u) && (l = p, u = y, i.style.width = `${p * 2}px`, i.style.height = `${y * 2}px`, s.scrollLeft = s.scrollWidth, s.scrollTop = s.scrollHeight, n.scrollLeft = n.scrollWidth, n.scrollTop = n.scrollHeight, t({ width: p, height: y })), n.addEventListener("scroll", f), s.addEventListener("scroll", f);
-  }
-  function h() {
-    n.removeEventListener("scroll", f), s.removeEventListener("scroll", f);
-  }
-  function g() {
-    h(), e.removeChild(s);
-  }
-}
-function re(e, t) {
-  const s = document.documentMode === 9;
-  let n = !0;
-  const l = (s ? De : Re)(e, (...u) => n || t(...u));
-  return n = !1, l;
-}
-function xe(e) {
-  const t = [];
-  let s = e.parentNode;
-  for (; s && s.nodeName !== "BODY" && s.nodeType === document.ELEMENT_NODE; )
-    $e(s) && t.push(s), s = s.parentNode;
-  return t.push(window), t;
-}
-function $e(e) {
-  const { overflow: t, overflowX: s, overflowY: n } = getComputedStyle(e);
-  return /(auto|scroll|overlay)/.test(t + n + s);
-}
-function oe(e, t) {
-  const s = xe(e);
-  return window.addEventListener("resize", t, { passive: !0 }), s.forEach((n) => {
-    n.addEventListener("scroll", t, { passive: !0 });
-  }), function() {
-    window.removeEventListener("resize", t, { passive: !0 }), s.forEach((i) => {
-      i.removeEventListener("scroll", t, { passive: !0 });
-    });
-  };
-}
-function le(e) {
-  return Number.isNaN(e);
-}
-const S = () => /* @__PURE__ */ Object.create(null);
-function ae(e) {
-  return e == null || typeof e != "object" ? !1 : Object.getPrototypeOf(e) === Object.prototype;
-}
-function Ie(e, t, s) {
-  ae(s) ? (e[t] || (e[t] = {}), K(e[t], s)) : e[t] = s;
-}
-function K(e, t) {
-  if (ae(t)) {
-    const s = Object.keys(t);
-    for (let n = 0, i = s.length; n < i; n++)
-      Ie(e, s[n], t[s[n]]);
-  }
-  return e;
-}
-function O(e, t) {
-  return e.indexOf(t) !== -1;
-}
-function ce(e, t, s) {
-  for (let n = 0, i = e.length; n < i; n++)
-    if (t.call(s, e[n], n, e)) return e[n];
-}
-function A(e, t) {
-  if (e.length !== t.length) return !0;
-  for (let s = 0; s < e.length; s++)
-    if (e[s] !== t[s]) return !0;
-  return !1;
-}
-function Ae(e, t) {
-  const s = t.length, n = e.length;
-  if (n > s)
-    return !1;
-  if (n === s)
-    return e === t;
-  e: for (let i = 0, o = 0; i < n; i++) {
-    const l = e.charCodeAt(i);
-    for (; o < s; )
-      if (t.charCodeAt(o++) === l)
-        continue e;
-    return !1;
-  }
-  return !0;
-}
-const b = null, q = 0, ue = 1, he = 2, E = "ALL_CHILDREN", w = "ALL_DESCENDANTS", C = "LEAF_CHILDREN", L = "LEAF_DESCENDANTS", Ve = "LOAD_ROOT_OPTIONS", Be = "LOAD_CHILDREN_OPTIONS", ze = "ASYNC_SEARCH", V = "ALL", M = "BRANCH_PRIORITY", B = "LEAF_PRIORITY", z = "ALL_WITH_INDETERMINATE", X = "ORDER_SELECTED", G = "LEVEL", J = "INDEX", d = {
-  BACKSPACE: 8,
-  ENTER: 13,
-  ESCAPE: 27,
-  END: 35,
-  HOME: 36,
-  ARROW_LEFT: 37,
-  ARROW_UP: 38,
-  ARROW_RIGHT: 39,
-  ARROW_DOWN: 40,
-  DELETE: 46
-}, Fe = process.env.NODE_ENV === "testing" ? (
-  /* to speed up unit testing */
-  10
-) : (
-  /* istanbul ignore next */
-  200
-), Z = 5, ee = 40;
-function de(e, t) {
-  let s = 0;
-  do {
-    if (e.level < s) return -1;
-    if (t.level < s) return 1;
-    if (e.index[s] !== t.index[s]) return e.index[s] - t.index[s];
-    s++;
-  } while (!0);
-}
-function ke(e, t) {
-  return e.level === t.level ? de(e, t) : e.level - t.level;
-}
-function F() {
-  return {
-    isLoaded: !1,
-    isLoading: !1,
-    loadingError: ""
-  };
-}
-function He(e) {
-  return typeof e == "string" ? e : typeof e == "number" && !le(e) ? `${e}` : "";
-}
-function te(e, t, s) {
-  return e ? Ae(t, s) : O(s, t);
-}
-function k(e) {
-  return e.message || /* istanbul ignore next */
-  String(e);
-}
-let Pe = 0;
-const We = {
-  provide() {
-    return {
-      // Enable access to the instance of root component of vue-treeselect
-      // across hierarchy.
-      instance: this
-    };
-  },
-  props: {
-    /**
-     * Whether to allow resetting value even if there are disabled selected nodes.
-     */
-    allowClearingDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * When an ancestor node is selected/deselected, whether its disabled descendants should be selected/deselected.
-     * You may want to use this in conjunction with `allowClearingDisabled` prop.
-     */
-    allowSelectingDisabledDescendants: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the menu should be always open.
-     */
-    alwaysOpen: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Append the menu to <body />?
-     */
-    appendToBody: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether to enable async search mode.
-     */
-    async: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Automatically focus the component on mount?
-     */
-    autoFocus: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Automatically load root options on mount. When set to `false`, root options will be loaded when the menu is opened.
-     */
-    autoLoadRootOptions: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * When user deselects a node, automatically deselect its ancestors. Applies to flat mode only.
-     */
-    autoDeselectAncestors: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * When user deselects a node, automatically deselect its descendants. Applies to flat mode only.
-     */
-    autoDeselectDescendants: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * When user selects a node, automatically select its ancestors. Applies to flat mode only.
-     */
-    autoSelectAncestors: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * When user selects a node, automatically select its descendants. Applies to flat mode only.
-     */
-    autoSelectDescendants: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether pressing backspace key removes the last item if there is no text input.
-     */
-    backspaceRemoves: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Function that processes before clearing all input fields.
-     * Return `false` to prevent value from being cleared.
-     * @type {function(): (boolean|Promise<boolean>)}
-     */
-    beforeClearAll: {
-      type: Function,
-      default: () => !0
-    },
-    /**
-     * Show branch nodes before leaf nodes?
-     */
-    branchNodesFirst: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Should cache results of every search request?
-     */
-    cacheOptions: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Show an "×" button that resets value?
-     */
-    clearable: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Title for the "×" button when `multiple: true`.
-     */
-    clearAllText: {
-      type: String,
-      default: "Clear all"
-    },
-    /**
-     * Whether to clear the search input after selecting.
-     * Use only when `multiple` is `true`.
-     * For single-select mode, it **always** clears the input after selecting an option regardless of the prop value.
-     */
-    clearOnSelect: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Title for the "×" button.
-     */
-    clearValueText: {
-      type: String,
-      default: "Clear value"
-    },
-    /**
-     * Whether to close the menu after selecting an option?
-     * Use only when `multiple` is `true`.
-     */
-    closeOnSelect: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * How many levels of branch nodes should be automatically expanded when loaded.
-     * Set `Infinity` to make all branch nodes expanded by default.
-     */
-    defaultExpandLevel: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * The default set of options to show before the user starts searching. Used for async search mode.
-     * When set to `true`, the results for search query as a empty string will be autoloaded.
-     * @type {boolean|node[]}
-     */
-    defaultOptions: {
-      default: !1
-    },
-    /**
-     * Whether pressing delete key removes the last item if there is no text input.
-     */
-    deleteRemoves: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Delimiter to use to join multiple values for the hidden field value.
-     */
-    delimiter: {
-      type: String,
-      default: ","
-    },
-    /**
-     * Only show the nodes that match the search value directly, excluding its ancestors.
-     *
-     * @type {Object}
-     */
-    flattenSearchResults: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Prevent branch nodes from being selected?
-     */
-    disableBranchNodes: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Disable the control?
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Disable the fuzzy matching functionality?
-     */
-    disableFuzzyMatching: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether to enable flat mode or not. Non-flat mode (default) means:
-     *   - Whenever a branch node gets checked, all its children will be checked too
-     *   - Whenever a branch node has all children checked, the branch node itself will be checked too
-     * Set `true` to disable this mechanism
-     */
-    flat: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Will be passed with all events as the last param.
-     * Useful for identifying events origin.
-     */
-    instanceId: {
-      // Add two trailing "$" to distinguish from explictly specified ids.
-      default: () => `${Pe++}$$`,
-      type: [String, Number]
-    },
-    /**
-     * Joins multiple values into a single form field with the `delimiter` (legacy mode).
-     */
-    joinValues: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Limit the display of selected options.
-     * The rest will be hidden within the limitText string.
-     */
-    limit: {
-      type: Number,
-      default: 1 / 0
-    },
-    /**
-     * Function that processes the message shown when selected elements pass the defined limit.
-     * @type {function(number): string}
-     */
-    limitText: {
-      type: Function,
-      default: function(t) {
-        return `and ${t} more`;
-      }
-    },
-    /**
-     * Text displayed when loading options.
-     */
-    loadingText: {
-      type: String,
-      default: "Loading..."
-    },
-    /**
-     * Used for dynamically loading options.
-     * @type {function({action: string, callback: (function((Error|string)=): void), parentNode: node=, instanceId}): void}
-     */
-    loadOptions: {
-      type: Function
-    },
-    /**
-     * Which node properties to filter on.
-     */
-    matchKeys: {
-      type: Array,
-      default: () => ["label"]
-    },
-    /**
-     * Sets `maxHeight` style value of the menu.
-     */
-    maxHeight: {
-      type: Number,
-      default: 300
-    },
-    /**
-     * Set `true` to allow selecting multiple options (a.k.a., multi-select mode).
-     */
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Generates a hidden <input /> tag with this field name for html forms.
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Text displayed when a branch node has no children.
-     */
-    noChildrenText: {
-      type: String,
-      default: "No sub-options."
-    },
-    /**
-     * Text displayed when there are no available options.
-     */
-    noOptionsText: {
-      type: String,
-      default: "No options available."
-    },
-    /**
-     * Text displayed when there are no matching search results.
-     */
-    noResultsText: {
-      type: String,
-      default: "No results found..."
-    },
-    /**
-     * Used for normalizing source data.
-     * @type {function(node, instanceId): node}
-     */
-    normalizer: {
-      type: Function,
-      default: Ne
-    },
-    /**
-     * By default (`auto`), the menu will open below the control. If there is not
-     * enough space, vue-treeselect will automatically flip the menu.
-     * You can use one of other four options to force the menu to be always opened
-     * to specified direction.
-     * Acceptable values:
-     *   - `"auto"`
-     *   - `"below"`
-     *   - `"bottom"`
-     *   - `"above"`
-     *   - `"top"`
-     */
-    openDirection: {
-      type: String,
-      default: "auto",
-      validator(e) {
-        return O(["auto", "top", "bottom", "above", "below"], e);
-      }
-    },
-    /**
-     * Whether to automatically open the menu when the control is clicked.
-     */
-    openOnClick: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether to automatically open the menu when the control is focused.
-     */
-    openOnFocus: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Array of available options.
-     * @type {node[]}
-     */
-    options: {
-      type: Array
-    },
-    /**
-     * Field placeholder, displayed when there's no value.
-     */
-    placeholder: {
-      type: String,
-      default: "Select..."
-    },
-    /**
-     * Applies HTML5 required attribute when needed.
-     */
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Text displayed asking user whether to retry loading children options.
-     */
-    retryText: {
-      type: String,
-      default: "Retry?"
-    },
-    /**
-     * Title for the retry button.
-     */
-    retryTitle: {
-      type: String,
-      default: "Click to retry"
-    },
-    /**
-     * Enable searching feature?
-     */
-    searchable: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Search in ancestor nodes too.
-     */
-    searchNested: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Text tip to prompt for async search.
-     */
-    searchPromptText: {
-      type: String,
-      default: "Type to search..."
-    },
-    /**
-     * Whether to show a children count next to the label of each branch node.
-     */
-    showCount: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Used in conjunction with `showCount` to specify which type of count number should be displayed.
-     * Acceptable values:
-     *   - "ALL_CHILDREN"
-     *   - "ALL_DESCENDANTS"
-     *   - "LEAF_CHILDREN"
-     *   - "LEAF_DESCENDANTS"
-     */
-    showCountOf: {
-      type: String,
-      default: E,
-      validator(e) {
-        return O([E, w, C, L], e);
-      }
-    },
-    /**
-     * Whether to show children count when searching.
-     * Fallbacks to the value of `showCount` when not specified.
-     * @type {boolean}
-     */
-    showCountOnSearch: null,
-    /**
-     * In which order the selected options should be displayed in trigger & sorted in `value` array.
-     * Used for multi-select mode only.
-     * Acceptable values:
-     *   - "ORDER_SELECTED"
-     *   - "LEVEL"
-     *   - "INDEX"
-     */
-    sortValueBy: {
-      type: String,
-      default: X,
-      validator(e) {
-        return O([X, G, J], e);
-      }
-    },
-    /**
-     * Tab index of the control.
-     */
-    tabIndex: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * The value of the control.
-     * Should be `id` or `node` object for single-select mode, or an array of `id` or `node` object for multi-select mode.
-     * Its format depends on the `valueFormat` prop.
-     * For most cases, just use `v-model` instead.
-     * @type {?Array}
-     */
-    value: null,
-    /**
-     * Which kind of nodes should be included in the `value` array in multi-select mode.
-     * Acceptable values:
-     *   - "ALL" - Any node that is checked will be included in the `value` array
-     *   - "BRANCH_PRIORITY" (default) - If a branch node is checked, all its descendants will be excluded in the `value` array
-     *   - "LEAF_PRIORITY" - If a branch node is checked, this node itself and its branch descendants will be excluded from the `value` array but its leaf descendants will be included
-     *   - "ALL_WITH_INDETERMINATE" - Any node that is checked will be included in the `value` array, plus indeterminate nodes
-     */
-    valueConsistsOf: {
-      type: String,
-      default: M,
-      validator(e) {
-        return O([V, M, B, z], e);
-      }
-    },
-    /**
-     * Format of `value` prop.
-     * Note that, when set to `"object"`, only `id` & `label` properties are required in each `node` object in `value` prop.
-     * Acceptable values:
-     *   - "id"
-     *   - "object"
-     */
-    valueFormat: {
-      type: String,
-      default: "id"
-    },
-    /**
-     * z-index of the menu.
-     */
-    zIndex: {
-      type: [Number, String],
-      default: 999
-    }
-  },
-  data() {
-    return {
-      trigger: {
-        // Is the control focused?
-        isFocused: !1,
-        // User entered search query - value of the input.
-        searchQuery: ""
-      },
-      menu: {
-        // Is the menu opened?
-        isOpen: !1,
-        // Id of current highlighted option.
-        current: null,
-        // The scroll position before last menu closing.
-        lastScrollPosition: 0,
-        // Which direction to open the menu.
-        placement: "bottom"
-      },
-      forest: {
-        // Normalized options.
-        normalizedOptions: [],
-        // <id, node> map for quick look-up.
-        nodeMap: S(),
-        // <id, checkedState> map, used for multi-select mode.
-        checkedStateMap: S(),
-        // Id list of all selected options.
-        selectedNodeIds: this.extractCheckedNodeIdsFromValue(),
-        // <id, true> map for fast checking:
-        //   if (forest.selectedNodeIds.indexOf(id) !== -1) forest.selectedNodeMap[id] === true
-        selectedNodeMap: S()
-      },
-      // States of root options.
-      rootOptionsStates: F(),
-      localSearch: {
-        // Has user entered any query to search local options?
-        active: !1,
-        // Has any options matched the search query?
-        noResults: !0,
-        // <id, countObject> map for counting matched children/descendants.
-        countMap: S()
-      },
-      // <searchQuery, remoteSearchEntry> map.
-      remoteSearch: S()
-    };
-  },
-  computed: {
-    /**
-     * Normalized nodes that have been selected.
-     * @type {node[]}
-     */
-    selectedNodes() {
-      return this.forest.selectedNodeIds.map(this.getNode);
-    },
-    /**
-     * Id list of selected nodes with `sortValueBy` prop applied.
-     * @type {nodeId[]}
-     */
-    internalValue() {
-      let e;
-      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === V)
-        e = this.forest.selectedNodeIds.slice();
-      else if (this.valueConsistsOf === M)
-        e = this.forest.selectedNodeIds.filter((t) => {
-          const s = this.getNode(t);
-          return s.isRootNode ? !0 : !this.isSelected(s.parentNode);
-        });
-      else if (this.valueConsistsOf === B)
-        e = this.forest.selectedNodeIds.filter((t) => {
-          const s = this.getNode(t);
-          return s.isLeaf ? !0 : s.children.length === 0;
-        });
-      else if (this.valueConsistsOf === z) {
-        const t = [];
-        e = this.forest.selectedNodeIds.slice(), this.selectedNodes.forEach((s) => {
-          s.ancestors.forEach((n) => {
-            O(t, n.id) || O(e, n.id) || t.push(n.id);
-          });
-        }), e.push(...t);
-      }
-      return this.sortValueBy === G ? e.sort((t, s) => ke(this.getNode(t), this.getNode(s))) : this.sortValueBy === J && e.sort((t, s) => de(this.getNode(t), this.getNode(s))), e;
-    },
-    /**
-     * Has any option been selected?
-     * @type {boolean}
-     */
-    hasValue() {
-      return this.internalValue.length > 0;
-    },
-    /**
-     * Single-select mode?
-     * @type {boolean}
-     */
-    single() {
-      return !this.multiple;
-    },
-    /**
-     * Id list of nodes displayed in the menu. Nodes that are considered NOT visible:
-     *   - descendants of a collapsed branch node
-     *   - in local search mode, nodes that are not matched, unless
-     *       - it's a branch node and has matched descendants
-     *       - it's a leaf node and its parent node is explicitly set to show all children
-     * @type {id[]}
-     */
-    visibleOptionIds() {
-      const e = [];
-      return this.traverseAllNodesByIndex((t) => {
-        if ((!this.localSearch.active || this.shouldOptionBeIncludedInSearchResult(t)) && e.push(t.id), t.isBranch && !this.shouldExpand(t))
-          return !1;
-      }), e;
-    },
-    /**
-     * Has any option should be displayed in the menu?
-     * @type {boolean}
-     */
-    hasVisibleOptions() {
-      return this.visibleOptionIds.length !== 0;
-    },
-    /**
-     * Should show children count when searching?
-     * @type {boolean}
-     */
-    showCountOnSearchComputed() {
-      return typeof this.showCountOnSearch == "boolean" ? this.showCountOnSearch : this.showCount;
-    },
-    /**
-     * Is there any branch node?
-     * @type {boolean}
-     */
-    hasBranchNodes() {
-      return this.forest.normalizedOptions.some((e) => e.isBranch);
-    },
-    shouldFlattenOptions() {
-      return this.localSearch.active && this.flattenSearchResults;
-    }
-  },
-  watch: {
-    alwaysOpen(e) {
-      e ? this.openMenu() : this.closeMenu();
-    },
-    branchNodesFirst() {
-      this.initialize();
-    },
-    disabled(e) {
-      e && this.menu.isOpen ? this.closeMenu() : !e && !this.menu.isOpen && this.alwaysOpen && this.openMenu();
-    },
-    flat() {
-      this.initialize();
-    },
-    internalValue(e, t) {
-      A(e, t) && this.$emit("input", this.getValue(), this.getInstanceId());
-    },
-    matchKeys() {
-      this.initialize();
-    },
-    multiple(e) {
-      e && this.buildForestState();
-    },
-    options: {
-      handler() {
-        this.async || (this.initialize(), this.rootOptionsStates.isLoaded = Array.isArray(this.options));
-      },
-      deep: !0,
-      immediate: !0
-    },
-    "trigger.searchQuery"() {
-      this.async ? this.handleRemoteSearch() : this.handleLocalSearch(), this.$emit("search-change", this.trigger.searchQuery, this.getInstanceId());
-    },
-    value() {
-      const e = this.extractCheckedNodeIdsFromValue();
-      A(e, this.internalValue) && this.fixSelectedNodeIds(e);
-    }
-  },
-  methods: {
-    verifyProps() {
-      _(
-        () => this.async ? this.searchable : !0,
-        () => 'For async search mode, the value of "searchable" prop must be true.'
-      ), this.options == null && !this.loadOptions && _(
-        () => !1,
-        () => 'Are you meant to dynamically load options? You need to use "loadOptions" prop.'
-      ), this.flat && _(
-        () => this.multiple,
-        () => 'You are using flat mode. But you forgot to add "multiple=true"?'
-      ), this.flat || ["autoSelectAncestors", "autoSelectDescendants", "autoDeselectAncestors", "autoDeselectDescendants"].forEach((t) => {
-        _(
-          () => !this[t],
-          () => `"${t}" only applies to flat mode.`
-        );
-      });
-    },
-    resetFlags() {
-      this._blurOnSelect = !1;
-    },
-    initialize() {
-      const e = this.async ? this.getRemoteSearchEntry().options : this.options;
-      if (Array.isArray(e)) {
-        const t = this.forest.nodeMap;
-        this.forest.nodeMap = S(), this.keepDataOfSelectedNodes(t), this.forest.normalizedOptions = this.normalize(b, e, t), this.fixSelectedNodeIds(this.internalValue);
-      } else
-        this.forest.normalizedOptions = [];
-    },
-    getInstanceId() {
-      return this.instanceId == null ? this.id : this.instanceId;
-    },
-    getValue() {
-      if (this.valueFormat === "id")
-        return this.multiple ? this.internalValue.slice() : this.internalValue[0];
-      const e = this.internalValue.map((t) => this.getNode(t).raw);
-      return this.multiple ? e : e[0];
-    },
-    getNode(e) {
-      return _(
-        () => e != null,
-        () => `Invalid node id: ${e}`
-      ), e == null ? null : e in this.forest.nodeMap ? this.forest.nodeMap[e] : this.createFallbackNode(e);
-    },
-    createFallbackNode(e) {
-      const t = this.extractNodeFromValue(e), s = this.enhancedNormalizer(t).label || `${e} (unknown)`, n = {
-        id: e,
-        label: s,
-        ancestors: [],
-        parentNode: b,
-        isFallbackNode: !0,
-        isRootNode: !0,
-        isLeaf: !0,
-        isBranch: !1,
-        isDisabled: !1,
-        isNew: !1,
-        index: [-1],
-        level: 0,
-        raw: t
-      };
-      return this.$set(this.forest.nodeMap, e, n);
-    },
-    extractCheckedNodeIdsFromValue() {
-      return this.value == null ? [] : this.valueFormat === "id" ? this.multiple ? this.value.slice() : [this.value] : (this.multiple ? this.value : [this.value]).map((e) => this.enhancedNormalizer(e)).map((e) => e.id);
-    },
-    extractNodeFromValue(e) {
-      const t = { id: e };
-      if (this.valueFormat === "id")
-        return t;
-      const s = this.multiple ? Array.isArray(this.value) ? this.value : [] : this.value ? [this.value] : [];
-      return ce(s, (i) => i && this.enhancedNormalizer(i).id === e) || t;
-    },
-    fixSelectedNodeIds(e) {
-      let t = [];
-      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === V)
-        t = e;
-      else if (this.valueConsistsOf === M)
-        e.forEach((n) => {
-          t.push(n);
-          const i = this.getNode(n);
-          i.isBranch && this.traverseDescendantsBFS(i, (o) => {
-            t.push(o.id);
-          });
-        });
-      else if (this.valueConsistsOf === B) {
-        const n = S(), i = e.slice();
-        for (; i.length; ) {
-          const o = i.shift(), l = this.getNode(o);
-          t.push(o), !l.isRootNode && (l.parentNode.id in n || (n[l.parentNode.id] = l.parentNode.children.length), --n[l.parentNode.id] === 0 && i.push(l.parentNode.id));
-        }
-      } else if (this.valueConsistsOf === z) {
-        const n = S(), i = e.filter((o) => {
-          const l = this.getNode(o);
-          return l.isLeaf || l.children.length === 0;
-        });
-        for (; i.length; ) {
-          const o = i.shift(), l = this.getNode(o);
-          t.push(o), !l.isRootNode && (l.parentNode.id in n || (n[l.parentNode.id] = l.parentNode.children.length), --n[l.parentNode.id] === 0 && i.push(l.parentNode.id));
-        }
-      }
-      A(this.forest.selectedNodeIds, t) && (this.forest.selectedNodeIds = t), this.buildForestState();
-    },
-    keepDataOfSelectedNodes(e) {
-      this.forest.selectedNodeIds.forEach((t) => {
-        if (!e[t]) return;
-        const s = {
-          ...e[t],
-          isFallbackNode: !0
-        };
-        this.$set(this.forest.nodeMap, t, s);
-      });
-    },
-    isSelected(e) {
-      return this.forest.selectedNodeMap[e.id] === !0;
-    },
-    traverseDescendantsBFS(e, t) {
-      if (!e.isBranch) return;
-      const s = e.children.slice();
-      for (; s.length; ) {
-        const n = s[0];
-        n.isBranch && s.push(...n.children), t(n), s.shift();
-      }
-    },
-    traverseDescendantsDFS(e, t) {
-      e.isBranch && e.children.forEach((s) => {
-        this.traverseDescendantsDFS(s, t), t(s);
-      });
-    },
-    traverseAllNodesDFS(e) {
-      this.forest.normalizedOptions.forEach((t) => {
-        this.traverseDescendantsDFS(t, e), e(t);
-      });
-    },
-    traverseAllNodesByIndex(e) {
-      const t = (s) => {
-        s.children.forEach((n) => {
-          e(n) !== !1 && n.isBranch && t(n);
-        });
-      };
-      t({ children: this.forest.normalizedOptions });
-    },
-    toggleClickOutsideEvent(e) {
-      e ? document.addEventListener("mousedown", this.handleClickOutside, !1) : document.removeEventListener("mousedown", this.handleClickOutside, !1);
-    },
-    getValueContainer() {
-      return this.$refs.control.$refs["value-container"];
-    },
-    getInput() {
-      return this.getValueContainer().$refs.input;
-    },
-    focusInput() {
-      this.getInput().focus();
-    },
-    blurInput() {
-      this.getInput().blur();
-    },
-    handleMouseDown: N(function(t) {
-      if (t.preventDefault(), t.stopPropagation(), this.disabled) return;
-      this.getValueContainer().$el.contains(t.target) && !this.menu.isOpen && (this.openOnClick || this.trigger.isFocused) && this.openMenu(), this._blurOnSelect ? this.blurInput() : this.focusInput(), this.resetFlags();
-    }),
-    handleClickOutside(e) {
-      this.$refs.wrapper && !this.$refs.wrapper.contains(e.target) && (this.blurInput(), this.closeMenu());
-    },
-    handleLocalSearch() {
-      const { searchQuery: e } = this.trigger, t = () => this.resetHighlightedOptionWhenNecessary(!0);
-      if (!e)
-        return this.localSearch.active = !1, t();
-      this.localSearch.active = !0, this.localSearch.noResults = !0, this.traverseAllNodesDFS((i) => {
-        i.isBranch && (i.isExpandedOnSearch = !1, i.showAllChildrenOnSearch = !1, i.isMatched = !1, i.hasMatchedDescendants = !1, this.$set(this.localSearch.countMap, i.id, {
-          [E]: 0,
-          [w]: 0,
-          [C]: 0,
-          [L]: 0
-        }));
-      });
-      const s = e.trim().toLocaleLowerCase(), n = s.replace(/\s+/g, " ").split(" ");
-      this.traverseAllNodesDFS((i) => {
-        this.searchNested && n.length > 1 ? i.isMatched = n.every((o) => te(!1, o, i.nestedSearchLabel)) : i.isMatched = this.matchKeys.some((o) => te(!this.disableFuzzyMatching, s, i.lowerCased[o])), i.isMatched && (this.localSearch.noResults = !1, i.ancestors.forEach((o) => this.localSearch.countMap[o.id][w]++), i.isLeaf && i.ancestors.forEach((o) => this.localSearch.countMap[o.id][L]++), i.parentNode !== b && (this.localSearch.countMap[i.parentNode.id][E] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][C] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== b && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
-      }), t();
-    },
-    handleRemoteSearch() {
-      const { searchQuery: e } = this.trigger, t = this.getRemoteSearchEntry(), s = () => {
-        this.initialize(), this.resetHighlightedOptionWhenNecessary(!0);
-      };
-      if ((e === "" || this.cacheOptions) && t.isLoaded)
-        return s();
-      this.callLoadOptionsProp({
-        action: ze,
-        args: { searchQuery: e },
-        isPending() {
-          return t.isLoading;
-        },
-        start: () => {
-          t.isLoading = !0, t.isLoaded = !1, t.loadingError = "";
-        },
-        succeed: (n) => {
-          t.isLoaded = !0, t.options = n, this.trigger.searchQuery === e && s();
-        },
-        fail: (n) => {
-          t.loadingError = k(n);
-        },
-        end: () => {
-          t.isLoading = !1;
-        }
-      });
-    },
-    getRemoteSearchEntry() {
-      const { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || {
-        ...F(),
-        options: []
-      };
-      if (this.$watch(
-        () => t.options,
-        () => {
-          this.trigger.searchQuery === e && this.initialize();
-        },
-        { deep: !0 }
-      ), e === "") {
-        if (Array.isArray(this.defaultOptions))
-          return t.options = this.defaultOptions, t.isLoaded = !0, t;
-        if (this.defaultOptions !== !0)
-          return t.isLoaded = !0, t;
-      }
-      return this.remoteSearch[e] || this.$set(this.remoteSearch, e, t), t;
-    },
-    shouldExpand(e) {
-      return this.localSearch.active ? e.isExpandedOnSearch : e.isExpanded;
-    },
-    shouldOptionBeIncludedInSearchResult(e) {
-      return !!(e.isMatched || e.isBranch && e.hasMatchedDescendants && !this.flattenSearchResults || !e.isRootNode && e.parentNode.showAllChildrenOnSearch);
-    },
-    shouldShowOptionInMenu(e) {
-      return !(this.localSearch.active && !this.shouldOptionBeIncludedInSearchResult(e));
-    },
-    getControl() {
-      return this.$refs.control.$el;
-    },
-    getMenu() {
-      const t = (this.appendToBody ? this.$refs.portal.portalTarget : this).$refs.menu.$refs.menu;
-      return t && t.nodeName !== "#comment" ? t : null;
-    },
-    setCurrentHighlightedOption(e, t = !0) {
-      const s = this.menu.current;
-      if (s != null && s in this.forest.nodeMap && (this.forest.nodeMap[s].isHighlighted = !1), this.menu.current = e.id, e.isHighlighted = !0, this.menu.isOpen && t) {
-        const n = () => {
-          const i = this.getMenu(), o = i.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
-          o && Ce(i, o);
-        };
-        this.getMenu() ? n() : this.$nextTick(n);
-      }
-    },
-    resetHighlightedOptionWhenNecessary(e = !1) {
-      const { current: t } = this.menu;
-      (e || t == null || !(t in this.forest.nodeMap) || !this.shouldShowOptionInMenu(this.getNode(t))) && this.highlightFirstOption();
-    },
-    highlightFirstOption() {
-      if (!this.hasVisibleOptions) return;
-      const e = this.visibleOptionIds[0];
-      this.setCurrentHighlightedOption(this.getNode(e));
-    },
-    highlightPrevOption() {
-      if (!this.hasVisibleOptions) return;
-      const e = this.visibleOptionIds.indexOf(this.menu.current) - 1;
-      if (e === -1) return this.highlightLastOption();
-      this.setCurrentHighlightedOption(this.getNode(this.visibleOptionIds[e]));
-    },
-    highlightNextOption() {
-      if (!this.hasVisibleOptions) return;
-      const e = this.visibleOptionIds.indexOf(this.menu.current) + 1;
-      if (e === this.visibleOptionIds.length) return this.highlightFirstOption();
-      this.setCurrentHighlightedOption(this.getNode(this.visibleOptionIds[e]));
-    },
-    highlightLastOption() {
-      if (!this.hasVisibleOptions) return;
-      const e = Y(this.visibleOptionIds);
-      this.setCurrentHighlightedOption(this.getNode(e));
-    },
-    resetSearchQuery() {
-      this.trigger.searchQuery = "";
-    },
-    closeMenu() {
-      !this.menu.isOpen || !this.disabled && this.alwaysOpen || (this.saveMenuScrollPosition(), this.menu.isOpen = !1, this.toggleClickOutsideEvent(!1), this.resetSearchQuery(), this.$emit("close", this.getValue(), this.getInstanceId()));
-    },
-    openMenu() {
-      this.disabled || this.menu.isOpen || (this.menu.isOpen = !0, this.$nextTick(this.resetHighlightedOptionWhenNecessary), this.$nextTick(this.restoreMenuScrollPosition), !this.options && !this.async && this.loadRootOptions(), this.toggleClickOutsideEvent(!0), this.$emit("open", this.getInstanceId()));
-    },
-    toggleMenu() {
-      this.menu.isOpen ? this.closeMenu() : this.openMenu();
-    },
-    toggleExpanded(e) {
-      let t;
-      this.localSearch.active ? (t = e.isExpandedOnSearch = !e.isExpandedOnSearch, t && (e.showAllChildrenOnSearch = !0)) : t = e.isExpanded = !e.isExpanded, t && !e.childrenStates.isLoaded && this.loadChildrenOptions(e);
-    },
-    buildForestState() {
-      const e = S();
-      this.forest.selectedNodeIds.forEach((s) => {
-        e[s] = !0;
-      }), this.forest.selectedNodeMap = e;
-      const t = S();
-      this.multiple && (this.traverseAllNodesByIndex((s) => {
-        t[s.id] = q;
-      }), this.selectedNodes.forEach((s) => {
-        t[s.id] = he, !this.flat && !this.disableBranchNodes && s.ancestors.forEach((n) => {
-          this.isSelected(n) || (t[n.id] = ue);
-        });
-      })), this.forest.checkedStateMap = t;
-    },
-    enhancedNormalizer(e) {
-      return {
-        ...e,
-        ...this.normalizer(e, this.getInstanceId())
-      };
-    },
-    normalize(e, t, s) {
-      let n = t.map((i) => [this.enhancedNormalizer(i), i]).map(([i, o], l) => {
-        this.checkDuplication(i), this.verifyNodeShape(i);
-        const { id: u, label: f, children: h, isDefaultExpanded: g } = i, p = e === b, y = p ? 0 : e.level + 1, x = Array.isArray(h) || h === null, $ = !x, U = !!i.isDisabled || !this.flat && !p && e.isDisabled, _e = !!i.isNew, I = this.matchKeys.reduce(
-          (c, T) => ({
-            ...c,
-            [T]: He(i[T]).toLocaleLowerCase()
-          }),
-          {}
-        ), Oe = p ? I.label : `${e.nestedSearchLabel} ${I.label}`, a = this.$set(this.forest.nodeMap, u, S());
-        if (this.$set(a, "id", u), this.$set(a, "label", f), this.$set(a, "level", y), this.$set(a, "ancestors", p ? [] : [e].concat(e.ancestors)), this.$set(a, "index", (p ? [] : e.index).concat(l)), this.$set(a, "parentNode", e), this.$set(a, "lowerCased", I), this.$set(a, "nestedSearchLabel", Oe), this.$set(a, "isDisabled", U), this.$set(a, "isNew", _e), this.$set(a, "isMatched", !1), this.$set(a, "isHighlighted", !1), this.$set(a, "isBranch", x), this.$set(a, "isLeaf", $), this.$set(a, "isRootNode", p), this.$set(a, "raw", o), x) {
-          const c = Array.isArray(h);
-          this.$set(a, "childrenStates", {
-            ...F(),
-            isLoaded: c
-          }), this.$set(a, "isExpanded", typeof g == "boolean" ? g : y < this.defaultExpandLevel), this.$set(a, "hasMatchedDescendants", !1), this.$set(a, "hasDisabledDescendants", !1), this.$set(a, "isExpandedOnSearch", !1), this.$set(a, "showAllChildrenOnSearch", !1), this.$set(a, "count", {
-            [E]: 0,
-            [w]: 0,
-            [C]: 0,
-            [L]: 0
-          }), this.$set(a, "children", c ? this.normalize(a, h, s) : []), g === !0 && a.ancestors.forEach((T) => {
-            T.isExpanded = !0;
-          }), !c && typeof this.loadOptions != "function" ? _(
-            () => !1,
-            () => 'Unloaded branch node detected. "loadOptions" prop is required to load its children.'
-          ) : !c && a.isExpanded && this.loadChildrenOptions(a);
-        }
-        if (a.ancestors.forEach((c) => c.count[w]++), $ && a.ancestors.forEach((c) => c.count[L]++), p || (e.count[E] += 1, $ && (e.count[C] += 1), U && (e.hasDisabledDescendants = !0)), s && s[u]) {
-          const c = s[u];
-          a.isMatched = c.isMatched, a.showAllChildrenOnSearch = c.showAllChildrenOnSearch, a.isHighlighted = c.isHighlighted, c.isBranch && a.isBranch && (a.isExpanded = c.isExpanded, a.isExpandedOnSearch = c.isExpandedOnSearch, c.childrenStates.isLoaded && !a.childrenStates.isLoaded ? a.isExpanded = !1 : a.childrenStates = { ...c.childrenStates });
-        }
-        return a;
-      });
-      if (this.branchNodesFirst) {
-        const i = n.filter((l) => l.isBranch), o = n.filter((l) => l.isLeaf);
-        n = i.concat(o);
-      }
-      return n;
-    },
-    loadRootOptions() {
-      this.callLoadOptionsProp({
-        action: Ve,
-        isPending: () => this.rootOptionsStates.isLoading,
-        start: () => {
-          this.rootOptionsStates.isLoading = !0, this.rootOptionsStates.loadingError = "";
-        },
-        succeed: () => {
-          this.rootOptionsStates.isLoaded = !0, this.$nextTick(() => {
-            this.resetHighlightedOptionWhenNecessary(!0);
-          });
-        },
-        fail: (e) => {
-          this.rootOptionsStates.loadingError = k(e);
-        },
-        end: () => {
-          this.rootOptionsStates.isLoading = !1;
-        }
-      });
-    },
-    loadChildrenOptions(e) {
-      const { id: t, raw: s } = e;
-      this.callLoadOptionsProp({
-        action: Be,
-        args: {
-          // We always pass the raw node instead of the normalized node to any
-          // callback provided by the user of this component.
-          // Because the shape of the raw node is more likely to be closing to
-          // what the back-end API service of the application needs.
-          parentNode: s
-        },
-        isPending: () => this.getNode(t).childrenStates.isLoading,
-        start: () => {
-          this.getNode(t).childrenStates.isLoading = !0, this.getNode(t).childrenStates.loadingError = "";
-        },
-        succeed: () => {
-          this.getNode(t).childrenStates.isLoaded = !0;
-        },
-        fail: (n) => {
-          this.getNode(t).childrenStates.loadingError = k(n);
-        },
-        end: () => {
-          this.getNode(t).childrenStates.isLoading = !1;
-        }
-      });
-    },
-    callLoadOptionsProp({ action: e, args: t, isPending: s, start: n, succeed: i, fail: o, end: l }) {
-      if (!this.loadOptions || s())
-        return;
-      n();
-      const u = Ee((h, g) => {
-        h ? o(h) : i(g), l();
-      }), f = this.loadOptions({
-        id: this.getInstanceId(),
-        instanceId: this.getInstanceId(),
-        action: e,
-        ...t,
-        callback: u
-      });
-      se(f) && f.then(
-        () => {
-          u();
-        },
-        (h) => {
-          u(h);
-        }
-      ).catch((h) => {
-        console.error(h);
-      });
-    },
-    checkDuplication(e) {
-      _(
-        () => !(e.id in this.forest.nodeMap && !this.forest.nodeMap[e.id].isFallbackNode),
-        () => `Detected duplicate presence of node id ${JSON.stringify(e.id)}. Their labels are "${this.forest.nodeMap[e.id].label}" and "${e.label}" respectively.`
-      );
-    },
-    verifyNodeShape(e) {
-      _(
-        () => !(e.children === void 0 && e.isBranch === !0),
-        () => "Are you meant to declare an unloaded branch node? `isBranch: true` is no longer supported, please use `children: null` instead."
-      );
-    },
-    select(e) {
-      if (this.disabled || e.isDisabled)
-        return;
-      this.single && this.clear();
-      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === q : !this.isSelected(e);
-      t ? this._selectNode(e) : this._deselectNode(e), this.buildForestState(), t ? this.$emit("select", e.raw, this.getInstanceId()) : this.$emit("deselect", e.raw, this.getInstanceId()), this.localSearch.active && t && (this.single || this.clearOnSelect) && this.resetSearchQuery(), this.single && this.closeOnSelect && (this.closeMenu(), this.searchable && (this._blurOnSelect = !0));
-    },
-    clear() {
-      this.hasValue && (this.single || this.allowClearingDisabled ? this.forest.selectedNodeIds = [] : this.forest.selectedNodeIds = this.forest.selectedNodeIds.filter((e) => this.getNode(e).isDisabled), this.buildForestState());
-    },
-    // This is meant to be called only by `select()`.
-    _selectNode(e) {
-      if (this.single || this.disableBranchNodes)
-        return this.addValue(e);
-      if (this.flat) {
-        this.addValue(e), this.autoSelectAncestors ? e.ancestors.forEach((s) => {
-          !this.isSelected(s) && !s.isDisabled && this.addValue(s);
-        }) : this.autoSelectDescendants && this.traverseDescendantsBFS(e, (s) => {
-          !this.isSelected(s) && !s.isDisabled && this.addValue(s);
-        });
-        return;
-      }
-      const t = e.isLeaf || /* node.isBranch && */
-      !e.hasDisabledDescendants || /* node.isBranch && */
-      this.allowSelectingDisabledDescendants;
-      if (t && this.addValue(e), e.isBranch && this.traverseDescendantsBFS(e, (s) => {
-        (!s.isDisabled || this.allowSelectingDisabledDescendants) && this.addValue(s);
-      }), t) {
-        let s = e;
-        for (; (s = s.parentNode) !== b && s.children.every(this.isSelected); )
-          this.addValue(s);
-      }
-    },
-    // This is meant to be called only by `select()`.
-    _deselectNode(e) {
-      if (this.disableBranchNodes)
-        return this.removeValue(e);
-      if (this.flat) {
-        this.removeValue(e), this.autoDeselectAncestors ? e.ancestors.forEach((s) => {
-          this.isSelected(s) && !s.isDisabled && this.removeValue(s);
-        }) : this.autoDeselectDescendants && this.traverseDescendantsBFS(e, (s) => {
-          this.isSelected(s) && !s.isDisabled && this.removeValue(s);
-        });
-        return;
-      }
-      let t = !1;
-      if (e.isBranch && this.traverseDescendantsDFS(e, (s) => {
-        (!s.isDisabled || this.allowSelectingDisabledDescendants) && (this.removeValue(s), t = !0);
-      }), e.isLeaf || /* node.isBranch && */
-      t || /* node.isBranch && */
-      e.children.length === 0) {
-        this.removeValue(e);
-        let s = e;
-        for (; (s = s.parentNode) !== b && this.isSelected(s); )
-          this.removeValue(s);
-      }
-    },
-    addValue(e) {
-      this.forest.selectedNodeIds.push(e.id), this.forest.selectedNodeMap[e.id] = !0;
-    },
-    removeValue(e) {
-      ne(this.forest.selectedNodeIds, e.id), delete this.forest.selectedNodeMap[e.id];
-    },
-    removeLastValue() {
-      if (!this.hasValue) return;
-      if (this.single) return this.clear();
-      const e = Y(this.internalValue), t = this.getNode(e);
-      this.select(t);
-    },
-    saveMenuScrollPosition() {
-      const e = this.getMenu();
-      e && (this.menu.lastScrollPosition = e.scrollTop);
-    },
-    restoreMenuScrollPosition() {
-      const e = this.getMenu();
-      e && (e.scrollTop = this.menu.lastScrollPosition);
-    }
-  },
-  created() {
-    this.verifyProps(), this.resetFlags();
-  },
-  mounted() {
-    this.autoFocus && this.focusInput(), !this.options && !this.async && this.autoLoadRootOptions && this.loadRootOptions(), this.alwaysOpen && this.openMenu(), this.async && this.defaultOptions && this.handleRemoteSearch();
-  },
-  destroyed() {
-    this.toggleClickOutsideEvent(!1);
-  }
-};
-function je(e) {
-  return typeof e == "string" ? e : e != null && !le(e) ? JSON.stringify(e) : "";
-}
-const Qe = {
-  name: "VueTreeSelectHiddenFields",
-  functional: !0,
-  inject: ["instance"],
-  render(e, t) {
-    const {
-      instance: s
-    } = t.injections;
-    if (!s.name || s.disabled || !s.hasValue) return null;
-    let n = s.internalValue.map(je);
-    return s.multiple && s.joinValues && (n = [n.join(s.delimiter)]), n.map((i, o) => r("input", {
-      attrs: {
-        type: "hidden",
-        name: s.name
-      },
-      domProps: {
-        value: i
-      },
-      key: `hidden-field-${o}`
-    }));
-  }
-}, Ke = null, qe = null;
-var Ue = /* @__PURE__ */ m(
-  Qe,
-  Ke,
-  qe,
-  !1,
-  null,
-  null
-);
-const Ye = Ue.exports, Xe = [d.ENTER, d.END, d.HOME, d.ARROW_LEFT, d.ARROW_UP, d.ARROW_RIGHT, d.ARROW_DOWN], Ge = {
-  name: "VueTreeSelectInput",
-  inject: ["instance"],
-  data: () => ({
-    inputWidth: Z,
-    value: ""
-  }),
-  computed: {
-    needAutoSize() {
-      const {
-        instance: e
-      } = this;
-      return e.searchable && !e.disabled && e.multiple;
-    },
-    inputStyle() {
-      return {
-        width: this.needAutoSize ? `${this.inputWidth}px` : null
-      };
-    }
-  },
-  watch: {
-    "instance.trigger.searchQuery"(e) {
-      this.value = e;
-    },
-    value() {
-      this.needAutoSize && this.$nextTick(this.updateInputWidth);
-    }
-  },
-  created() {
-    this.debouncedCallback = we(this.updateSearchQuery, Fe, {
-      leading: !0,
-      trailing: !0
-    });
-  },
-  methods: {
-    clear() {
-      this.onInput({
-        target: {
-          value: ""
-        }
-      });
-    },
-    focus() {
-      var t;
-      const {
-        instance: e
-      } = this;
-      e.disabled || (t = this.$refs.input) == null || t.focus();
-    },
-    blur() {
-      var e;
-      (e = this.$refs.input) == null || e.blur();
-    },
-    onFocus() {
-      const {
-        instance: e
-      } = this;
-      e.trigger.isFocused = !0, e.openOnFocus && e.openMenu();
-    },
-    onBlur() {
-      const {
-        instance: e
-      } = this, t = e.getMenu();
-      if (t && document.activeElement === t)
-        return this.focus();
-      e.trigger.isFocused = !1, e.closeMenu();
-    },
-    onInput(e) {
-      const {
-        value: t
-      } = e.target;
-      this.value = t, t ? this.debouncedCallback() : (this.debouncedCallback.cancel(), this.updateSearchQuery());
-    },
-    // 用 keyUp 事件存在一个问题，删除输入框最后一个字符也会导致取消选中最后一项
-    onKeyDown(e) {
-      const {
-        instance: t
-      } = this, s = "which" in e ? e.which : (
-        /* istanbul ignore next */
-        e.keyCode
-      );
-      if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
-        if (!t.menu.isOpen && O(Xe, s))
-          return e.preventDefault(), t.openMenu();
-        switch (s) {
-          case d.BACKSPACE: {
-            t.backspaceRemoves && !this.value.length && t.removeLastValue();
-            break;
-          }
-          case d.ENTER: {
-            if (e.preventDefault(), t.menu.current === null) return;
-            const n = t.getNode(t.menu.current);
-            if (n.isBranch && t.disableBranchNodes) return;
-            t.select(n);
-            break;
-          }
-          case d.ESCAPE: {
-            this.value.length ? this.clear() : t.menu.isOpen && t.closeMenu();
-            break;
-          }
-          case d.END: {
-            e.preventDefault(), t.highlightLastOption();
-            break;
-          }
-          case d.HOME: {
-            e.preventDefault(), t.highlightFirstOption();
-            break;
-          }
-          case d.ARROW_LEFT: {
-            const n = t.getNode(t.menu.current);
-            n.isBranch && t.shouldExpand(n) ? (e.preventDefault(), t.toggleExpanded(n)) : !n.isRootNode && (n.isLeaf || n.isBranch && !t.shouldExpand(n)) && (e.preventDefault(), t.setCurrentHighlightedOption(n.parentNode));
-            break;
-          }
-          case d.ARROW_UP: {
-            e.preventDefault(), t.highlightPrevOption();
-            break;
-          }
-          case d.ARROW_RIGHT: {
-            const n = t.getNode(t.menu.current);
-            n.isBranch && !t.shouldExpand(n) && (e.preventDefault(), t.toggleExpanded(n));
-            break;
-          }
-          case d.ARROW_DOWN: {
-            e.preventDefault(), t.highlightNextOption();
-            break;
-          }
-          case d.DELETE: {
-            t.deleteRemoves && !this.value.length && t.removeLastValue();
-            break;
-          }
-          default:
-            t.openMenu();
-        }
-      }
-    },
-    onMouseDown(e) {
-      this.value.length && e.stopPropagation();
-    },
-    renderInputContainer() {
-      const {
-        instance: e
-      } = this, t = {}, s = [];
-      return e.searchable && !e.disabled && (s.push(this.renderInput()), this.needAutoSize && s.push(this.renderSizer())), e.searchable || K(t, {
-        on: {
-          focus: this.onFocus,
-          blur: this.onBlur,
-          keydown: this.onKeyDown
-        },
-        ref: "input"
-      }), !e.searchable && !e.disabled && K(t, {
-        attrs: {
-          tabIndex: e.tabIndex
-        }
-      }), r("div", R([{
-        class: "vue-treeselect__input-container"
-      }, t]), [s]);
-    },
-    renderInput() {
-      const {
-        instance: e
-      } = this;
-      return r("input", {
-        ref: "input",
-        class: "vue-treeselect__input",
-        attrs: {
-          type: "text",
-          autocomplete: "off",
-          tabIndex: e.tabIndex,
-          required: e.required && !e.hasValue
-        },
-        domProps: {
-          value: this.value
-        },
-        style: this.inputStyle,
-        on: {
-          focus: this.onFocus,
-          input: this.onInput,
-          blur: this.onBlur,
-          keydown: this.onKeyDown,
-          mousedown: this.onMouseDown
-        }
-      });
-    },
-    renderSizer() {
-      return r("div", {
-        ref: "sizer",
-        class: "vue-treeselect__sizer"
-      }, [this.value]);
-    },
-    updateInputWidth() {
-      this.inputWidth = Math.max(Z, this.$refs.sizer.scrollWidth + 15);
-    },
-    updateSearchQuery() {
-      const {
-        instance: e
-      } = this;
-      e.trigger.searchQuery = this.value;
-    }
-  },
-  render() {
-    return this.renderInputContainer();
-  }
-}, Je = null, Ze = null;
-var et = /* @__PURE__ */ m(
-  Ge,
-  Je,
-  Ze,
-  !1,
-  null,
-  null
-);
-const pe = et.exports, tt = {
-  name: "VueTreeSelectPlaceholder",
-  inject: ["instance"],
-  render() {
-    const {
-      instance: e
-    } = this, t = {
-      "vue-treeselect__placeholder": !0,
-      "vue-treeselect-helper-zoom-effect-off": !0,
-      "vue-treeselect-helper-hide": e.hasValue || e.trigger.searchQuery
-    };
-    return r("div", {
-      class: t
-    }, [e.placeholder]);
-  }
-}, st = null, nt = null;
-var it = /* @__PURE__ */ m(
-  tt,
-  st,
-  nt,
-  !1,
-  null,
-  null
-);
-const fe = it.exports, rt = {
-  name: "VueTreeSelectSingleValue",
-  inject: ["instance"],
-  methods: {
-    renderSingleValueLabel() {
-      const {
-        instance: e
-      } = this, t = e.selectedNodes[0], s = e.$scopedSlots["value-label"];
-      return s ? s({
-        node: t
-      }) : t.label;
-    }
-  },
-  render() {
-    const {
-      instance: e,
-      $parent: {
-        renderValueContainer: t
-      }
-    } = this, s = e.hasValue && !e.trigger.searchQuery;
-    return t([s && r("div", {
-      class: "vue-treeselect__single-value"
-    }, [this.renderSingleValueLabel()]), r(fe), r(pe, {
-      ref: "input"
-    })]);
-  }
-}, ot = null, lt = null;
-var at = /* @__PURE__ */ m(
-  rt,
-  ot,
-  lt,
-  !1,
-  null,
-  null
-);
-const ct = at.exports, ut = {
-  name: "VueTreeSelectDelete"
-};
-var ht = function() {
-  var t = this, s = t._self._c;
-  return s("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 348.333 348.333" } }, [s("path", { attrs: { d: "M336.559 68.611L231.016 174.165l105.543 105.549c15.699 15.705 15.699 41.145 0 56.85-7.844 7.844-18.128 11.769-28.407 11.769-10.296 0-20.581-3.919-28.419-11.769L174.167 231.003 68.609 336.563c-7.843 7.844-18.128 11.769-28.416 11.769-10.285 0-20.563-3.919-28.413-11.769-15.699-15.698-15.699-41.139 0-56.85l105.54-105.549L11.774 68.611c-15.699-15.699-15.699-41.145 0-56.844 15.696-15.687 41.127-15.687 56.829 0l105.563 105.554L279.721 11.767c15.705-15.687 41.139-15.687 56.832 0 15.705 15.699 15.705 41.145.006 56.844z" } })]);
-}, dt = [], pt = /* @__PURE__ */ m(
-  ut,
-  ht,
-  dt,
-  !1,
-  null,
-  null
-);
-const me = pt.exports, ft = {
-  name: "VueTreeSelectMultiValueItem",
-  inject: ["instance"],
-  props: {
-    node: {
-      type: Object,
-      required: !0
-    }
-  },
-  methods: {
-    handleMouseDown: N(function() {
-      const {
-        instance: t,
-        node: s
-      } = this;
-      t.select(s);
-    })
-  },
-  render() {
-    const {
-      instance: e,
-      node: t
-    } = this, s = {
-      "vue-treeselect__multi-value-item": !0,
-      "vue-treeselect__multi-value-item-disabled": t.isDisabled,
-      "vue-treeselect__multi-value-item-new": t.isNew
-    }, n = e.$scopedSlots["value-label"], i = n ? n({
-      node: t
-    }) : t.label;
-    return r("div", {
-      class: "vue-treeselect__multi-value-item-container"
-    }, [r("div", {
-      class: s,
-      on: {
-        mousedown: this.handleMouseDown
-      }
-    }, [r("span", {
-      class: "vue-treeselect__multi-value-label"
-    }, [i]), r("span", {
-      class: "vue-treeselect__icon vue-treeselect__value-remove"
-    }, [r(me)])])]);
-  }
-}, mt = null, gt = null;
-var St = /* @__PURE__ */ m(
-  ft,
-  mt,
-  gt,
-  !1,
-  null,
-  null
-);
-const vt = St.exports, _t = {
-  name: "VueTreeSelectMultiValue",
-  inject: ["instance"],
-  methods: {
-    renderMultiValueItems() {
-      const {
-        instance: e
-      } = this;
-      return e.internalValue.slice(0, e.limit).map(e.getNode).map((t) => r(vt, {
-        key: `multi-value-item-${t.id}`,
-        attrs: {
-          node: t
-        }
-      }));
-    },
-    renderExceedLimitTip() {
-      const {
-        instance: e
-      } = this, t = e.internalValue.length - e.limit;
-      return t <= 0 ? null : r("div", {
-        class: "vue-treeselect__limit-tip vue-treeselect-helper-zoom-effect-off",
-        key: "exceed-limit-tip"
-      }, [r("span", {
-        class: "vue-treeselect__limit-tip-text"
-      }, [e.limitText(t)])]);
-    }
-  },
-  render() {
-    const {
-      renderValueContainer: e
-    } = this.$parent;
-    return e(r("transition-group", R([{
-      class: "vue-treeselect__multi-value"
-    }, {
-      props: {
-        tag: "div",
-        name: "vue-treeselect__multi-value-item--transition",
-        appear: !0
-      }
-    }]), [this.renderMultiValueItems(), this.renderExceedLimitTip(), r(fe, {
-      key: "placeholder"
-    }), r(pe, {
-      ref: "input",
-      key: "input"
-    })]));
-  }
-}, Ot = null, yt = null;
-var bt = /* @__PURE__ */ m(
-  _t,
-  Ot,
-  yt,
-  !1,
-  null,
-  null
-);
-const Nt = bt.exports, Et = {
-  name: "VueTreeSelectArrow"
-};
-var wt = function() {
-  var t = this, s = t._self._c;
-  return s("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 292.362 292.362" } }, [s("path", { attrs: { d: "M286.935 69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952 0-9.233 1.807-12.85 5.424C1.807 72.998 0 77.279 0 82.228c0 4.948 1.807 9.229 5.424 12.847l127.907 127.907c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z" } })]);
-}, Ct = [], Lt = /* @__PURE__ */ m(
-  Et,
-  wt,
-  Ct,
-  !1,
-  null,
-  null
-);
-const ge = Lt.exports, Tt = {
-  name: "VueTreeSelectControl",
-  inject: ["instance"],
-  computed: {
-    /**
-     * Should show the "×" button that resets value?
-     * @return {boolean}
-     */
-    shouldShowX() {
-      const {
-        instance: e
-      } = this;
-      return e.clearable && !e.disabled && e.hasValue && (this.hasUndisabledValue || e.allowClearingDisabled);
-    },
-    /**
-     * Should show the arrow button that toggles menu?
-     * @return {boolean}
-     */
-    shouldShowArrow() {
-      const {
-        instance: e
-      } = this;
-      return e.alwaysOpen ? !e.menu.isOpen : !0;
-    },
-    /**
-     * Has any undisabled option been selected?
-     * @type {boolean}
-     */
-    hasUndisabledValue() {
-      const {
-        instance: e
-      } = this;
-      return e.hasValue && e.internalValue.some((t) => !e.getNode(t).isDisabled);
-    }
-  },
-  methods: {
-    renderX() {
-      const {
-        instance: e
-      } = this, t = e.multiple ? e.clearAllText : e.clearValueText;
-      return this.shouldShowX ? r("div", {
-        class: "vue-treeselect__x-container",
-        attrs: {
-          title: t
-        },
-        on: {
-          mousedown: this.handleMouseDownOnX
-        }
-      }, [r(me, {
-        class: "vue-treeselect__x"
-      })]) : null;
-    },
-    renderArrow() {
-      const {
-        instance: e
-      } = this, t = {
-        "vue-treeselect__control-arrow": !0,
-        "vue-treeselect__control-arrow--rotated": e.menu.isOpen
-      };
-      return this.shouldShowArrow ? r("div", {
-        class: "vue-treeselect__control-arrow-container",
-        on: {
-          mousedown: this.handleMouseDownOnArrow
-        }
-      }, [r(ge, {
-        class: t
-      })]) : null;
-    },
-    handleMouseDownOnX: N(function(t) {
-      t.stopPropagation(), t.preventDefault();
-      const {
-        instance: s
-      } = this, n = s.beforeClearAll(), i = (o) => {
-        o && s.clear();
-      };
-      se(n) ? n.then(i) : setTimeout(() => i(n), 0);
-    }),
-    handleMouseDownOnArrow: N(function(t) {
-      t.preventDefault(), t.stopPropagation();
-      const {
-        instance: s
-      } = this;
-      s.focusInput(), s.toggleMenu();
-    }),
-    // This is meant to be called by child `<Value />` component.
-    renderValueContainer(e) {
-      return r("div", {
-        class: "vue-treeselect__value-container"
-      }, [e]);
-    }
-  },
-  render() {
-    const {
-      instance: e
-    } = this, t = e.single ? ct : Nt;
-    return r("div", {
-      class: "vue-treeselect__control",
-      on: {
-        mousedown: e.handleMouseDown
-      }
-    }, [r(t, {
-      ref: "value-container"
-    }), this.renderX(), this.renderArrow()]);
-  }
-}, Mt = null, Dt = null;
-var Rt = /* @__PURE__ */ m(
-  Tt,
-  Mt,
-  Dt,
-  !1,
-  null,
-  null
-);
-const xt = Rt.exports, $t = {
-  name: "VueTreeSelectTip",
-  functional: !0,
-  props: {
-    type: {
-      type: String,
-      required: !0
-    },
-    icon: {
-      type: String,
-      required: !0
-    }
-  },
-  render(e, t) {
-    const {
-      props: s,
-      children: n
-    } = t;
-    return r("div", {
-      class: `vue-treeselect__tip vue-treeselect__${s.type}-tip`
-    }, [r("div", {
-      class: "vue-treeselect__icon-container"
-    }, [r("span", {
-      class: `vue-treeselect__icon-${s.icon}`
-    })]), r("span", {
-      class: `vue-treeselect__tip-text vue-treeselect__${s.type}-tip-text`
-    }, [n])]);
-  }
-}, It = null, At = null;
-var Vt = /* @__PURE__ */ m(
-  $t,
-  It,
-  At,
-  !1,
-  null,
-  null
-);
-const v = Vt.exports;
-let H, P, W;
-const Se = {
-  name: "VueTreeSelectOption",
-  inject: ["instance"],
-  props: {
-    node: {
-      type: Object,
-      required: !0
-    }
-  },
-  computed: {
-    shouldExpand() {
-      const {
-        instance: e,
-        node: t
-      } = this;
-      return t.isBranch && e.shouldExpand(t);
-    },
-    shouldShow() {
-      const {
-        instance: e,
-        node: t
-      } = this;
-      return e.shouldShowOptionInMenu(t);
-    }
-  },
-  methods: {
-    renderOption() {
-      const {
-        instance: e,
-        node: t
-      } = this, s = {
-        "vue-treeselect__option": !0,
-        "vue-treeselect__option--disabled": t.isDisabled,
-        "vue-treeselect__option--selected": e.isSelected(t),
-        "vue-treeselect__option--highlight": t.isHighlighted,
-        "vue-treeselect__option--matched": e.localSearch.active && t.isMatched,
-        "vue-treeselect__option--hide": !this.shouldShow
-      };
-      return r("div", {
-        class: s,
-        on: {
-          mouseenter: this.handleMouseEnterOption
-        },
-        attrs: {
-          "data-id": t.id
-        }
-      }, [this.renderArrow(), this.renderLabelContainer([this.renderCheckboxContainer([this.renderCheckbox()]), this.renderLabel()])]);
-    },
-    renderSubOptionsList() {
-      return this.shouldExpand ? r("div", {
-        class: "vue-treeselect__list"
-      }, [this.renderSubOptions(), this.renderNoChildrenTip(), this.renderLoadingChildrenTip(), this.renderLoadingChildrenErrorTip()]) : null;
-    },
-    renderArrow() {
-      const {
-        instance: e,
-        node: t
-      } = this;
-      if (e.shouldFlattenOptions && this.shouldShow) return null;
-      if (t.isBranch) {
-        const s = {
-          props: {
-            name: "vue-treeselect__option-arrow--prepare",
-            appear: !0
-          }
-        }, n = {
-          "vue-treeselect__option-arrow": !0,
-          "vue-treeselect__option-arrow--rotated": this.shouldExpand
-        };
-        return r("div", {
-          class: "vue-treeselect__option-arrow-container",
-          on: {
-            mousedown: this.handleMouseDownOnArrow
-          }
-        }, [r("transition", R([{}, s]), [r(ge, {
-          class: n
-        })])]);
-      }
-      return (
-        /* node.isLeaf && */
-        e.hasBranchNodes ? (H || (H = r("div", {
-          class: "vue-treeselect__option-arrow-placeholder"
-        }, [" "])), H) : null
-      );
-    },
-    renderLabelContainer(e) {
-      return r("div", {
-        class: "vue-treeselect__label-container",
-        on: {
-          mousedown: this.handleMouseDownOnLabelContainer
-        }
-      }, [e]);
-    },
-    renderCheckboxContainer(e) {
-      const {
-        instance: t,
-        node: s
-      } = this;
-      return t.single || t.disableBranchNodes && s.isBranch ? null : r("div", {
-        class: "vue-treeselect__checkbox-container"
-      }, [e]);
-    },
-    renderCheckbox() {
-      const {
-        instance: e,
-        node: t
-      } = this, s = e.forest.checkedStateMap[t.id], n = {
-        "vue-treeselect__checkbox": !0,
-        "vue-treeselect__checkbox--checked": s === he,
-        "vue-treeselect__checkbox--indeterminate": s === ue,
-        "vue-treeselect__checkbox--unchecked": s === q,
-        "vue-treeselect__checkbox--disabled": t.isDisabled
-      };
-      return P || (P = r("span", {
-        class: "vue-treeselect__check-mark"
-      })), W || (W = r("span", {
-        class: "vue-treeselect__minus-mark"
-      })), r("span", {
-        class: n
-      }, [P, W]);
-    },
-    renderLabel() {
-      const {
-        instance: e,
-        node: t
-      } = this, s = t.isBranch && (e.localSearch.active ? e.showCountOnSearchComputed : e.showCount), n = s ? e.localSearch.active ? e.localSearch.countMap[t.id][e.showCountOf] : t.count[e.showCountOf] : NaN, i = "vue-treeselect__label", o = "vue-treeselect__count", l = e.$scopedSlots["option-label"];
-      return l ? l({
-        node: t,
-        shouldShowCount: s,
-        count: n,
-        labelClassName: i,
-        countClassName: o
-      }) : r("label", {
-        class: i
-      }, [t.label, s && r("span", {
-        class: o
-      }, ["(", n, ")"])]);
-    },
-    renderSubOptions() {
-      const {
-        node: e
-      } = this;
-      return e.childrenStates.isLoaded ? e.children.map((t) => r(Se, {
-        attrs: {
-          node: t
-        },
-        key: t.id
-      })) : null;
-    },
-    renderNoChildrenTip() {
-      const {
-        instance: e,
-        node: t
-      } = this;
-      return !t.childrenStates.isLoaded || t.children.length ? null : r(v, {
-        attrs: {
-          type: "no-children",
-          icon: "warning"
-        }
-      }, [e.noChildrenText]);
-    },
-    renderLoadingChildrenTip() {
-      const {
-        instance: e,
-        node: t
-      } = this;
-      return t.childrenStates.isLoading ? r(v, {
-        attrs: {
-          type: "loading",
-          icon: "loader"
-        }
-      }, [e.loadingText]) : null;
-    },
-    renderLoadingChildrenErrorTip() {
-      const {
-        instance: e,
-        node: t
-      } = this;
-      return t.childrenStates.loadingError ? r(v, {
-        attrs: {
-          type: "error",
-          icon: "error"
-        }
-      }, [t.childrenStates.loadingError, r("a", {
-        class: "vue-treeselect__retry",
-        attrs: {
-          title: e.retryTitle
-        },
-        on: {
-          mousedown: this.handleMouseDownOnRetry
-        }
-      }, [e.retryText])]) : null;
-    },
-    handleMouseEnterOption(e) {
-      const {
-        instance: t,
-        node: s
-      } = this;
-      e.target === e.currentTarget && t.setCurrentHighlightedOption(s, !1);
-    },
-    handleMouseDownOnArrow: N(function() {
-      const {
-        instance: t,
-        node: s
-      } = this;
-      t.toggleExpanded(s);
-    }),
-    handleMouseDownOnLabelContainer: N(function() {
-      const {
-        instance: t,
-        node: s
-      } = this;
-      s.isBranch && t.disableBranchNodes ? t.toggleExpanded(s) : t.select(s);
-    }),
-    handleMouseDownOnRetry: N(function() {
-      const {
-        instance: t,
-        node: s
-      } = this;
-      t.loadChildrenOptions(s);
-    })
-  },
-  render() {
-    const {
-      node: e
-    } = this, s = {
-      "vue-treeselect__list-item": !0,
-      [`vue-treeselect__indent-level-${this.instance.shouldFlattenOptions ? 0 : e.level}`]: !0
-    }, n = {
-      props: {
-        name: "vue-treeselect__list--transition"
-      }
-    };
-    return r("div", {
-      class: s
-    }, [this.renderOption(), e.isBranch && r("transition", R([{}, n]), [this.renderSubOptionsList()])]);
-  }
-}, Bt = null, zt = null;
-var Ft = /* @__PURE__ */ m(
-  Se,
-  Bt,
-  zt,
-  !1,
-  null,
-  null
-);
-const kt = Ft.exports, Ht = {
-  top: "top",
-  bottom: "bottom",
-  above: "top",
-  below: "bottom"
-}, Pt = {
-  name: "VueTreeSelectMenu",
-  inject: ["instance"],
-  computed: {
-    menuStyle() {
-      const {
-        instance: e
-      } = this;
-      return {
-        maxHeight: `${e.maxHeight}px`
-      };
-    },
-    menuContainerStyle() {
-      const {
-        instance: e
-      } = this;
-      return {
-        zIndex: e.appendToBody ? null : e.zIndex
-      };
-    }
-  },
-  watch: {
-    "instance.menu.isOpen"(e) {
-      e ? this.$nextTick(this.onMenuOpen) : this.onMenuClose();
-    }
-  },
-  created() {
-    this.menuSizeWatcher = null, this.menuResizeAndScrollEventListeners = null;
-  },
-  mounted() {
-    const {
-      instance: e
-    } = this;
-    e.menu.isOpen && this.$nextTick(this.onMenuOpen);
-  },
-  destroyed() {
-    this.onMenuClose();
-  },
-  methods: {
-    renderMenu() {
-      const {
-        instance: e
-      } = this;
-      return e.menu.isOpen ? r("div", {
-        ref: "menu",
-        class: "vue-treeselect__menu",
-        on: {
-          mousedown: e.handleMouseDown
-        },
-        style: this.menuStyle
-      }, [this.renderBeforeList(), e.async ? this.renderAsyncSearchMenuInner() : e.localSearch.active ? this.renderLocalSearchMenuInner() : this.renderNormalMenuInner(), this.renderAfterList()]) : null;
-    },
-    renderBeforeList() {
-      const {
-        instance: e
-      } = this, t = e.$scopedSlots["before-list"];
-      return t ? t() : null;
-    },
-    renderAfterList() {
-      const {
-        instance: e
-      } = this, t = e.$scopedSlots["after-list"];
-      return t ? t() : null;
-    },
-    renderNormalMenuInner() {
-      const {
-        instance: e
-      } = this;
-      return e.rootOptionsStates.isLoading ? this.renderLoadingOptionsTip() : e.rootOptionsStates.loadingError ? this.renderLoadingRootOptionsErrorTip() : e.rootOptionsStates.isLoaded && e.forest.normalizedOptions.length === 0 ? this.renderNoAvailableOptionsTip() : this.renderOptionList();
-    },
-    renderLocalSearchMenuInner() {
-      const {
-        instance: e
-      } = this;
-      return e.rootOptionsStates.isLoading ? this.renderLoadingOptionsTip() : e.rootOptionsStates.loadingError ? this.renderLoadingRootOptionsErrorTip() : e.rootOptionsStates.isLoaded && e.forest.normalizedOptions.length === 0 ? this.renderNoAvailableOptionsTip() : e.localSearch.noResults ? this.renderNoResultsTip() : this.renderOptionList();
-    },
-    renderAsyncSearchMenuInner() {
-      const {
-        instance: e
-      } = this, t = e.getRemoteSearchEntry(), s = e.trigger.searchQuery === "" && !e.defaultOptions, n = s ? !1 : t.isLoaded && t.options.length === 0;
-      return s ? this.renderSearchPromptTip() : t.isLoading ? this.renderLoadingOptionsTip() : t.loadingError ? this.renderAsyncSearchLoadingErrorTip() : n ? this.renderNoResultsTip() : this.renderOptionList();
-    },
-    renderOptionList() {
-      const {
-        instance: e
-      } = this;
-      return r("div", {
-        class: "vue-treeselect__list"
-      }, [e.forest.normalizedOptions.map((t) => r(kt, {
-        attrs: {
-          node: t
-        },
-        key: t.id
-      }))]);
-    },
-    renderSearchPromptTip() {
-      const {
-        instance: e
-      } = this;
-      return r(v, {
-        attrs: {
-          type: "search-prompt",
-          icon: "warning"
-        }
-      }, [e.searchPromptText]);
-    },
-    renderLoadingOptionsTip() {
-      const {
-        instance: e
-      } = this;
-      return r(v, {
-        attrs: {
-          type: "loading",
-          icon: "loader"
-        }
-      }, [e.loadingText]);
-    },
-    renderLoadingRootOptionsErrorTip() {
-      const {
-        instance: e
-      } = this;
-      return r(v, {
-        attrs: {
-          type: "error",
-          icon: "error"
-        }
-      }, [e.rootOptionsStates.loadingError, r("a", {
-        class: "vue-treeselect__retry",
-        on: {
-          click: e.loadRootOptions
-        },
-        attrs: {
-          title: e.retryTitle
-        }
-      }, [e.retryText])]);
-    },
-    renderAsyncSearchLoadingErrorTip() {
-      const {
-        instance: e
-      } = this, t = e.getRemoteSearchEntry();
-      return r(v, {
-        attrs: {
-          type: "error",
-          icon: "error"
-        }
-      }, [t.loadingError, r("a", {
-        class: "vue-treeselect__retry",
-        on: {
-          click: e.handleRemoteSearch
-        },
-        attrs: {
-          title: e.retryTitle
-        }
-      }, [e.retryText])]);
-    },
-    renderNoAvailableOptionsTip() {
-      const {
-        instance: e
-      } = this;
-      return r(v, {
-        attrs: {
-          type: "no-options",
-          icon: "warning"
-        }
-      }, [e.noOptionsText]);
-    },
-    renderNoResultsTip() {
-      const {
-        instance: e
-      } = this;
-      return r(v, {
-        attrs: {
-          type: "no-results",
-          icon: "warning"
-        }
-      }, [e.noResultsText]);
-    },
-    onMenuOpen() {
-      this.adjustMenuOpenDirection(), this.setupMenuSizeWatcher(), this.setupMenuResizeAndScrollEventListeners();
-    },
-    onMenuClose() {
-      this.removeMenuSizeWatcher(), this.removeMenuResizeAndScrollEventListeners();
-    },
-    adjustMenuOpenDirection() {
-      const {
-        instance: e
-      } = this;
-      if (!e.menu.isOpen) return;
-      const t = e.getMenu(), s = e.getControl(), n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), o = n.height, l = window.innerHeight, u = i.top, f = window.innerHeight - i.bottom, h = i.top >= 0 && i.top <= l || i.top < 0 && i.bottom > 0, g = f > o + ee, p = u > o + ee;
-      h ? e.openDirection !== "auto" ? e.menu.placement = Ht[e.openDirection] : g || !p ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
-    },
-    setupMenuSizeWatcher() {
-      const {
-        instance: e
-      } = this, t = e.getMenu();
-      this.menuSizeWatcher || (this.menuSizeWatcher = {
-        remove: re(t, this.adjustMenuOpenDirection)
-      });
-    },
-    setupMenuResizeAndScrollEventListeners() {
-      const {
-        instance: e
-      } = this, t = e.getControl();
-      this.menuResizeAndScrollEventListeners || (this.menuResizeAndScrollEventListeners = {
-        remove: oe(t, this.adjustMenuOpenDirection)
-      });
-    },
-    removeMenuSizeWatcher() {
-      this.menuSizeWatcher && (this.menuSizeWatcher.remove(), this.menuSizeWatcher = null);
-    },
-    removeMenuResizeAndScrollEventListeners() {
-      this.menuResizeAndScrollEventListeners && (this.menuResizeAndScrollEventListeners.remove(), this.menuResizeAndScrollEventListeners = null);
-    }
-  },
-  render() {
-    return r("div", {
-      ref: "menu-container",
-      class: "vue-treeselect__menu-container",
-      style: this.menuContainerStyle
-    }, [r("transition", {
-      attrs: {
-        name: "vue-treeselect__menu--transition"
-      }
-    }, [this.renderMenu()])]);
-  }
-}, Wt = null, jt = null;
-var Qt = /* @__PURE__ */ m(
-  Pt,
-  Wt,
-  jt,
-  !1,
-  null,
-  null
-);
-const ve = Qt.exports, Kt = {
-  name: "VueTreeSelectPortalTarget",
-  inject: ["instance"],
-  watch: {
-    "instance.menu.isOpen"(e) {
-      e ? this.setupHandlers() : this.removeHandlers();
-    },
-    "instance.menu.placement"() {
-      this.updateMenuContainerOffset();
-    }
-  },
-  created() {
-    this.controlResizeAndScrollEventListeners = null, this.controlSizeWatcher = null;
-  },
-  mounted() {
-    const {
-      instance: e
-    } = this;
-    e.menu.isOpen && this.setupHandlers();
-  },
-  methods: {
-    setupHandlers() {
-      this.updateWidth(), this.updateMenuContainerOffset(), this.setupControlResizeAndScrollEventListeners(), this.setupControlSizeWatcher();
-    },
-    removeHandlers() {
-      this.removeControlResizeAndScrollEventListeners(), this.removeControlSizeWatcher();
-    },
-    setupControlResizeAndScrollEventListeners() {
-      const {
-        instance: e
-      } = this, t = e.getControl();
-      this.controlResizeAndScrollEventListeners || (this.controlResizeAndScrollEventListeners = {
-        remove: oe(t, this.updateMenuContainerOffset)
-      });
-    },
-    setupControlSizeWatcher() {
-      const {
-        instance: e
-      } = this, t = e.getControl();
-      this.controlSizeWatcher || (this.controlSizeWatcher = {
-        remove: re(t, () => {
-          this.updateWidth(), this.updateMenuContainerOffset();
-        })
-      });
-    },
-    removeControlResizeAndScrollEventListeners() {
-      this.controlResizeAndScrollEventListeners && (this.controlResizeAndScrollEventListeners.remove(), this.controlResizeAndScrollEventListeners = null);
-    },
-    removeControlSizeWatcher() {
-      this.controlSizeWatcher && (this.controlSizeWatcher.remove(), this.controlSizeWatcher = null);
-    },
-    updateWidth() {
-      const {
-        instance: e
-      } = this, t = this.$el, n = e.getControl().getBoundingClientRect();
-      t.style.width = `${n.width}px`;
-    },
-    updateMenuContainerOffset() {
-      const {
-        instance: e
-      } = this, t = e.getControl(), s = this.$el, n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), o = e.menu.placement === "bottom" ? n.height : 0, l = `${Math.round(n.left - i.left)}px`, u = `${Math.round(n.top - i.top + o)}px`, f = this.$refs.menu.$refs["menu-container"].style, g = ce(["transform", "webkitTransform", "MozTransform", "msTransform"], (p) => p in document.body.style);
-      f[g] = `translate(${l}, ${u})`;
-    }
-  },
-  render() {
-    const {
-      instance: e
-    } = this, t = ["vue-treeselect__portal-target", e.wrapperClass], s = {
-      zIndex: e.zIndex
-    };
-    return r("div", {
-      class: t,
-      style: s,
-      attrs: {
-        "data-instance-id": e.getInstanceId()
-      }
-    }, [r(ve, {
-      ref: "menu"
-    })]);
-  },
-  destroyed() {
-    this.removeHandlers();
-  }
-};
-let j;
-const qt = {
-  name: "VueTreeSelectMenuPortal",
-  created() {
-    this.portalTarget = null;
-  },
-  mounted() {
-    this.setup();
-  },
-  destroyed() {
-    this.teardown();
-  },
-  methods: {
-    setup() {
-      const e = document.createElement("div");
-      document.body.appendChild(e), this.portalTarget = new ye({
-        el: e,
-        parent: this,
-        ...Kt
-      });
-    },
-    teardown() {
-      document.body.removeChild(this.portalTarget.$el), this.portalTarget.$el.innerHTML = "", this.portalTarget.$destroy(), this.portalTarget = null;
-    }
-  },
-  render() {
-    return j || (j = r("div", {
-      class: "vue-treeselect__menu-placeholder"
-    })), j;
-  }
-}, Ut = null, Yt = null;
-var Xt = /* @__PURE__ */ m(
-  qt,
-  Ut,
-  Yt,
-  !1,
-  null,
-  null
-);
-const Gt = Xt.exports, ns = {
-  name: "VueTreeSelect",
-  mixins: [We],
-  computed: {
-    wrapperClass() {
-      return {
-        "vue-treeselect": !0,
-        "vue-treeselect--single": this.single,
-        "vue-treeselect--multi": this.multiple,
-        "vue-treeselect--searchable": this.searchable,
-        "vue-treeselect--disabled": this.disabled,
-        "vue-treeselect--focused": this.trigger.isFocused,
-        "vue-treeselect--has-value": this.hasValue,
-        "vue-treeselect--open": this.menu.isOpen,
-        "vue-treeselect--open-above": this.menu.placement === "top",
-        "vue-treeselect--open-below": this.menu.placement === "bottom",
-        "vue-treeselect--branch-nodes-disabled": this.disableBranchNodes,
-        "vue-treeselect--append-to-body": this.appendToBody
-      };
-    }
-  },
-  render() {
-    return r("div", {
-      ref: "wrapper",
-      class: this.wrapperClass
-    }, [r(Ye), r(xt, {
-      ref: "control"
-    }), this.appendToBody ? r(Gt, {
-      ref: "portal"
-    }) : r(ve, {
-      ref: "menu"
-    })]);
-  }
-};
-export {
-  ns as default
-};
+import { t as e } from "../chunks/VueTreeSelect.9Ywl-I8e.mjs";
+export { e as default };