primevue/tree/index.mjs

PrimeVue is a premium UI library for Vue featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, wh

import Search from '@primeicons/vue/search';
import Spinner from '@primeicons/vue/spinner';
import { getAttribute, findSingle, find, getOuterWidth, getOuterHeight, cn } from '@primeuix/utils';
import { isString, isFunction, resolveFieldData } from '@primeuix/utils/object';
import IconField from 'primevue/iconfield';
import InputIcon from 'primevue/inputicon';
import InputText from 'primevue/inputtext';
import BaseComponent from '@primevue/core/basecomponent';
import TreeStyle from 'primevue/tree/style';
import { reactive, toRaw, resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, normalizeClass, createCommentVNode, createElementVNode, withDirectives, Fragment, createBlock, resolveDynamicComponent, withCtx, withModifiers, createTextVNode, toDisplayString, renderList, createVNode, Transition, renderSlot } from 'vue';
import Check from '@primeicons/vue/check';
import ChevronDown from '@primeicons/vue/chevron-down';
import ChevronRight from '@primeicons/vue/chevron-right';
import Minus from '@primeicons/vue/minus';
import Checkbox from 'primevue/checkbox';
import Ripple from 'primevue/ripple';

var script$2 = {
  name: 'BaseTree',
  "extends": BaseComponent,
  props: {
    value: {
      type: null,
      "default": null
    },
    expandedKeys: {
      type: null,
      "default": null
    },
    selectionKeys: {
      type: null,
      "default": null
    },
    selectionMode: {
      type: String,
      "default": null
    },
    metaKeySelection: {
      type: Boolean,
      "default": false
    },
    loading: {
      type: Boolean,
      "default": false
    },
    loadingIcon: {
      type: String,
      "default": undefined
    },
    loadingMode: {
      type: String,
      "default": 'mask'
    },
    filter: {
      type: Boolean,
      "default": false
    },
    filterBy: {
      type: [String, Function],
      "default": 'label'
    },
    filterMode: {
      type: String,
      "default": 'lenient'
    },
    filterPlaceholder: {
      type: String,
      "default": null
    },
    filterLocale: {
      type: String,
      "default": undefined
    },
    highlightOnSelect: {
      type: Boolean,
      "default": false
    },
    scrollHeight: {
      type: String,
      "default": null
    },
    level: {
      type: Number,
      "default": 0
    },
    draggableNodes: {
      type: Boolean,
      "default": null
    },
    droppableNodes: {
      type: Boolean,
      "default": null
    },
    draggableScope: {
      type: [String, Array],
      "default": null
    },
    droppableScope: {
      type: [String, Array],
      "default": null
    },
    validateDrop: {
      type: Boolean,
      "default": false
    },
    ariaLabelledby: {
      type: String,
      "default": null
    },
    ariaLabel: {
      type: String,
      "default": null
    }
  },
  style: TreeStyle,
  provide: function provide() {
    return {
      $pcTree: this,
      $parentInstance: this
    };
  }
};

var dragState = reactive({
  isDragging: false,
  dragNode: null,
  dragScope: null
});
var dragStartHandlers = new Set();
var dragStopHandlers = new Set();
function useTreeDragDropService() {
  var startDrag = function startDrag(event) {
    dragState.isDragging = true;
    dragState.dragNode = event.node;
    dragState.dragScope = event.scope;
    dragStartHandlers.forEach(function (handler) {
      return handler(event);
    });
  };
  var stopDrag = function stopDrag(event) {
    dragState.isDragging = false;
    dragState.dragNode = null;
    dragState.dragScope = null;
    dragStopHandlers.forEach(function (handler) {
      return handler(event);
    });
  };
  var onDragStart = function onDragStart(handler) {
    dragStartHandlers.add(handler);
    return function () {
      return dragStartHandlers["delete"](handler);
    };
  };
  var onDragStop = function onDragStop(handler) {
    dragStopHandlers.add(handler);
    return function () {
      return dragStopHandlers["delete"](handler);
    };
  };
  return {
    dragState: dragState,
    startDrag: startDrag,
    stopDrag: stopDrag,
    onDragStart: onDragStart,
    onDragStop: onDragStop
  };
}

function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$2(o); }
function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1(); }
function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
function _iterableToArray$1(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles$1(r) { if (Array.isArray(r)) return _arrayLikeToArray$1(r); }
function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var script$1 = {
  name: 'TreeNode',
  hostName: 'Tree',
  "extends": BaseComponent,
  emits: ['node-toggle', 'node-click', 'checkbox-change', 'node-drop', 'value-change', 'node-dragenter', 'node-dragleave'],
  props: {
    node: {
      type: null,
      "default": null
    },
    parentNode: {
      type: null,
      "default": null
    },
    rootNodes: {
      type: Object,
      "default": null
    },
    expandedKeys: {
      type: null,
      "default": null
    },
    loadingMode: {
      type: String,
      "default": 'mask'
    },
    selectionKeys: {
      type: null,
      "default": null
    },
    selectionMode: {
      type: String,
      "default": null
    },
    templates: {
      type: null,
      "default": null
    },
    level: {
      type: Number,
      "default": null
    },
    draggableScope: {
      type: [String, Array],
      "default": null
    },
    draggableNodes: {
      type: Boolean,
      "default": null
    },
    droppableNodes: {
      type: Boolean,
      "default": null
    },
    validateDrop: {
      type: Boolean,
      "default": false
    },
    index: null
  },
  nodeTouched: false,
  toggleClicked: false,
  inject: {
    $pcTree: {
      "default": undefined
    }
  },
  data: function data() {
    return {
      isPrevDropPointHovered: false,
      isNextDropPointHovered: false,
      isNodeDropHovered: false
    };
  },
  mounted: function mounted() {
    this.setAllNodesTabIndexes();
  },
  methods: {
    toggle: function toggle() {
      this.$emit('node-toggle', this.node);
      this.toggleClicked = true;
    },
    label: function label(node) {
      return typeof node.label === 'function' ? node.label() : node.label;
    },
    onChildNodeToggle: function onChildNodeToggle(node) {
      this.$emit('node-toggle', node);
    },
    getPTOptions: function getPTOptions(key) {
      return this.ptm(key, {
        context: {
          node: this.node,
          index: this.index,
          expanded: this.expanded,
          selected: this.selected,
          checked: this.checked,
          partialChecked: this.partialChecked,
          leaf: this.leaf
        }
      });
    },
    onClick: function onClick(event) {
      if (this.toggleClicked || getAttribute(event.target, '[data-pc-section="nodetogglebutton"]') || getAttribute(event.target.parentElement, '[data-pc-section="nodetogglebutton"]')) {
        this.toggleClicked = false;
        return;
      }
      if (this.isCheckboxSelectionMode()) {
        if (this.node.selectable != false) {
          this.toggleCheckbox();
        }
      } else {
        this.$emit('node-click', {
          originalEvent: event,
          nodeTouched: this.nodeTouched,
          node: this.node
        });
      }
      this.nodeTouched = false;
    },
    onChildNodeClick: function onChildNodeClick(event) {
      this.$emit('node-click', event);
    },
    onTouchEnd: function onTouchEnd() {
      this.nodeTouched = true;
    },
    onKeyDown: function onKeyDown(event) {
      if (!this.isSameNode(event)) return;
      switch (event.code) {
        case 'Tab':
          this.onTabKey(event);
          break;
        case 'ArrowDown':
          this.onArrowDown(event);
          break;
        case 'ArrowUp':
          this.onArrowUp(event);
          break;
        case 'ArrowRight':
          this.onArrowRight(event);
          break;
        case 'ArrowLeft':
          this.onArrowLeft(event);
          break;
        case 'Enter':
        case 'NumpadEnter':
        case 'Space':
          this.onEnterKey(event);
          break;
      }
    },
    onArrowDown: function onArrowDown(event) {
      var nodeElement = event.target.getAttribute('data-pc-section') === 'nodetogglebutton' ? event.target.closest('[role="treeitem"]') : event.target;
      var listElement = nodeElement.children[1];
      if (listElement) {
        this.focusRowChange(nodeElement, listElement.children[0]);
      } else {
        if (nodeElement.nextElementSibling) {
          this.focusRowChange(nodeElement, nodeElement.nextElementSibling);
        } else {
          var nextSiblingAncestor = this.findNextSiblingOfAncestor(nodeElement);
          if (nextSiblingAncestor) {
            this.focusRowChange(nodeElement, nextSiblingAncestor);
          }
        }
      }
      event.preventDefault();
    },
    onArrowUp: function onArrowUp(event) {
      var nodeElement = event.target;
      if (nodeElement.previousElementSibling) {
        this.focusRowChange(nodeElement, nodeElement.previousElementSibling, this.findLastVisibleDescendant(nodeElement.previousElementSibling));
      } else {
        var parentNodeElement = this.getParentNodeElement(nodeElement);
        if (parentNodeElement) {
          this.focusRowChange(nodeElement, parentNodeElement);
        }
      }
      event.preventDefault();
    },
    onArrowRight: function onArrowRight(event) {
      var _this = this;
      if (this.leaf || this.expanded) return;
      event.currentTarget.tabIndex = -1;
      this.$emit('node-toggle', this.node);
      this.$nextTick(function () {
        _this.onArrowDown(event);
      });
    },
    onArrowLeft: function onArrowLeft(event) {
      var togglerElement = findSingle(event.currentTarget, '[data-pc-section="nodetogglebutton"]');
      if (this.level === 0 && !this.expanded) {
        return false;
      }
      if (this.expanded && !this.leaf) {
        togglerElement.click();
        return false;
      }
      var target = this.findBeforeClickableNode(event.currentTarget);
      if (target) {
        this.focusRowChange(event.currentTarget, target);
      }
    },
    onEnterKey: function onEnterKey(event) {
      this.setTabIndexForSelectionMode(event, this.nodeTouched);
      this.onClick(event);
      event.preventDefault();
    },
    onTabKey: function onTabKey() {
      this.setAllNodesTabIndexes();
    },
    removeNodeFromTree: function removeNodeFromTree(nodes, nodeToRemove) {
      var _this2 = this;
      return nodes.reduce(function (acc, node) {
        if (node.key === nodeToRemove.key) {
          return acc;
        }
        if (node.children && node.children.length > 0) {
          var updatedChildren = _this2.removeNodeFromTree(node.children, nodeToRemove);
          acc.push(_objectSpread$2(_objectSpread$2({}, node), {}, {
            children: updatedChildren
          }));
        } else {
          acc.push(node);
        }
        return acc;
      }, []);
    },
    insertNodeInSiblings: function insertNodeInSiblings(nodes, targetKey, nodeToInsert, offset) {
      var _this3 = this;
      var targetIndex = nodes.findIndex(function (n) {
        return n.key === targetKey;
      });
      if (targetIndex !== -1) {
        return nodes.toSpliced(targetIndex + offset, 0, nodeToInsert);
      }
      return nodes.map(function (node) {
        if (node.children && node.children.length > 0) {
          return _objectSpread$2(_objectSpread$2({}, node), {}, {
            children: _this3.insertNodeInSiblings(node.children, targetKey, nodeToInsert, offset)
          });
        }
        return node;
      });
    },
    addNodeAsChild: function addNodeAsChild(nodes, parentKey, nodeToInsert) {
      var _this4 = this;
      return nodes.map(function (node) {
        if (node.key === parentKey) {
          return _objectSpread$2(_objectSpread$2({}, node), {}, {
            children: [].concat(_toConsumableArray$1(node.children || []), [nodeToInsert])
          });
        }
        if (node.children && node.children.length > 0) {
          return _objectSpread$2(_objectSpread$2({}, node), {}, {
            children: _this4.addNodeAsChild(node.children, parentKey, nodeToInsert)
          });
        }
        return node;
      });
    },
    insertNodeOnDrop: function insertNodeOnDrop() {
      var _this$$pcTree = this.$pcTree,
        dragNode = _this$$pcTree.dragNode,
        dragNodeIndex = _this$$pcTree.dragNodeIndex,
        dragNodeSubNodes = _this$$pcTree.dragNodeSubNodes,
        dragDropService = _this$$pcTree.dragDropService;
      if (!this.node || dragNodeIndex == null || !dragNode || !dragNodeSubNodes) {
        return null;
      }
      var position = this.dropPosition;
      var updatedNodes = this.removeNodeFromTree(this.rootNodes, dragNode);
      if (position < 0) {
        // insert before a Node
        updatedNodes = this.insertNodeInSiblings(updatedNodes, this.node.key, dragNode, 0);
      } else if (position > 0) {
        // insert after a Node
        updatedNodes = this.insertNodeInSiblings(updatedNodes, this.node.key, dragNode, 1);
      } else {
        // insert as child of a Node
        updatedNodes = this.addNodeAsChild(updatedNodes, this.node.key, dragNode);
      }
      this.$emit('value-change', {
        nodes: updatedNodes
      });
      dragDropService.stopDrag({
        node: dragNode,
        subNodes: updatedNodes,
        index: dragNodeIndex
      });
      return updatedNodes;
    },
    onNodeDrop: function onNodeDrop(event) {
      var _this5 = this;
      if (this.isDroppable) {
        event.preventDefault();
        event.stopPropagation();
        var dragNode = this.$pcTree.dragNode;
        var position = this.dropPosition;
        var dropIndex = position > 0 ? this.index + 1 : this.index;
        var isValidDrop = position !== 0 || position === 0 && this.isNodeDroppable;
        if (isValidDrop) {
          if (this.validateDrop) {
            this.$emit('node-drop', {
              originalEvent: event,
              value: this.rootNodes,
              dragNode: dragNode,
              dropNode: this.node,
              dropPosition: position,
              index: dropIndex,
              accept: function accept() {
                var updatedNodes = _this5.insertNodeOnDrop();
                _this5.$emit('node-drop', {
                  originalEvent: event,
                  value: updatedNodes,
                  dragNode: dragNode,
                  dropNode: _this5.node,
                  dropPosition: position,
                  index: dropIndex
                });
              }
            });
          } else {
            var updatedNodes = this.insertNodeOnDrop();
            this.$emit('node-drop', {
              originalEvent: event,
              value: updatedNodes,
              dragNode: dragNode,
              dropNode: this.node,
              dropPosition: position,
              index: dropIndex
            });
          }
        }
        this.isPrevDropPointHovered = false;
        this.isNextDropPointHovered = false;
        this.isNodeDropHovered = false;
      }
    },
    onNodeDragStart: function onNodeDragStart(event) {
      if (this.isNodeDraggable) {
        event.dataTransfer.effectAllowed = 'all';
        event.dataTransfer.setData('text', 'data');
        var target = event.currentTarget;
        var dragEl = target.cloneNode(true);
        var toggler = dragEl.querySelector('[data-pc-section="nodetogglebutton"]');
        var checkbox = dragEl.querySelector('[data-pc-name="pcnodecheckbox"]');
        target.setAttribute('data-p-dragging', 'true');
        dragEl.style.width = getOuterWidth(target) + 'px';
        dragEl.style.height = getOuterHeight(target) + 'px';
        dragEl.setAttribute('data-pc-section', 'drag-image');
        toggler.style.visibility = 'hidden';
        checkbox === null || checkbox === void 0 || checkbox.remove();
        document.body.appendChild(dragEl);
        event.dataTransfer.setDragImage(dragEl, 0, 0);
        setTimeout(function () {
          return document.body.removeChild(dragEl);
        }, 0);
        this.$pcTree.dragDropService.startDrag({
          node: this.node,
          subNodes: this.subNodes,
          index: this.index,
          scope: this.draggableScope
        });
      } else {
        event.preventDefault();
      }
    },
    onNodeDragOver: function onNodeDragOver(event) {
      if (this.isDroppable) {
        event.dataTransfer.dropEffect = 'copy';
        var nodeElement = event.currentTarget;
        var rect = nodeElement.getBoundingClientRect();
        var y = event.clientY - rect.top;
        this.isPrevDropPointHovered = false;
        this.isNextDropPointHovered = false;
        this.isNodeDropHovered = false;
        if (y < rect.height * 0.25) {
          this.isPrevDropPointHovered = true;
        } else if (y > rect.height * 0.75) {
          this.isNextDropPointHovered = true;
        } else if (this.isNodeDroppable) {
          this.isNodeDropHovered = true;
        }
      } else {
        event.dataTransfer.dropEffect = 'none';
      }
      if (this.droppableNodes) {
        event.preventDefault();
        event.stopPropagation();
      }
    },
    onNodeDragEnter: function onNodeDragEnter() {
      this.$emit('node-dragenter', {
        node: this.node
      });
    },
    onNodeDragLeave: function onNodeDragLeave() {
      this.$emit('node-dragleave', {
        node: this.node
      });
      this.isPrevDropPointHovered = false;
      this.isNextDropPointHovered = false;
      this.isNodeDropHovered = false;
    },
    onNodeDragEnd: function onNodeDragEnd(event) {
      var _event$currentTarget;
      (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || _event$currentTarget.removeAttribute('data-p-dragging');
      this.$pcTree.dragDropService.stopDrag({
        node: this.node,
        subNodes: this.subNodes,
        index: this.index
      });
    },
    setAllNodesTabIndexes: function setAllNodesTabIndexes() {
      var nodes = find(this.$refs.currentNode.closest('[data-pc-section="rootchildren"]'), '[role="treeitem"]');
      var hasSelectedNode = _toConsumableArray$1(nodes).some(function (node) {
        return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
      });
      _toConsumableArray$1(nodes).forEach(function (node) {
        node.tabIndex = -1;
      });
      if (hasSelectedNode) {
        var selectedNodes = _toConsumableArray$1(nodes).filter(function (node) {
          return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
        });
        selectedNodes[0].tabIndex = 0;
        return;
      }
      _toConsumableArray$1(nodes)[0].tabIndex = 0;
    },
    setTabIndexForSelectionMode: function setTabIndexForSelectionMode(event, nodeTouched) {
      if (this.selectionMode !== null) {
        var elements = _toConsumableArray$1(find(this.$refs.currentNode.parentElement, '[role="treeitem"]'));
        event.currentTarget.tabIndex = nodeTouched === false ? -1 : 0;
        if (elements.every(function (element) {
          return element.tabIndex === -1;
        })) {
          elements[0].tabIndex = 0;
        }
      }
    },
    focusRowChange: function focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant) {
      firstFocusableRow.tabIndex = '-1';
      currentFocusedRow.tabIndex = '0';
      this.focusNode(lastVisibleDescendant || currentFocusedRow);
    },
    findBeforeClickableNode: function findBeforeClickableNode(node) {
      var parentListElement = node.closest('ul').closest('li');
      if (parentListElement) {
        var prevNodeButton = findSingle(parentListElement, 'button');
        if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {
          return parentListElement;
        }
        return this.findBeforeClickableNode(node.previousElementSibling);
      }
      return null;
    },
    toggleCheckbox: function toggleCheckbox() {
      var _selectionKeys = this.selectionKeys ? _objectSpread$2({}, this.selectionKeys) : {};
      var _check = !this.checked;
      this.propagateDown(this.node, _check, _selectionKeys);
      this.$emit('checkbox-change', {
        node: this.node,
        check: _check,
        selectionKeys: _selectionKeys
      });
    },
    propagateDown: function propagateDown(node, check, selectionKeys) {
      if (check && node.selectable != false) selectionKeys[node.key] = {
        checked: true,
        partialChecked: false
      };else delete selectionKeys[node.key];
      if (node.children && node.children.length) {
        var _iterator = _createForOfIteratorHelper$1(node.children),
          _step;
        try {
          for (_iterator.s(); !(_step = _iterator.n()).done;) {
            var child = _step.value;
            this.propagateDown(child, check, selectionKeys);
          }
        } catch (err) {
          _iterator.e(err);
        } finally {
          _iterator.f();
        }
      }
    },
    propagateUp: function propagateUp(event) {
      var check = event.check;
      var _selectionKeys = _objectSpread$2({}, event.selectionKeys);
      var checkedChildCount = 0;
      var childPartialSelected = false;
      var _iterator2 = _createForOfIteratorHelper$1(this.node.children),
        _step2;
      try {
        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
          var child = _step2.value;
          if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
        }
      } catch (err) {
        _iterator2.e(err);
      } finally {
        _iterator2.f();
      }
      if (check && checkedChildCount === this.node.children.length) {
        _selectionKeys[this.node.key] = {
          checked: true,
          partialChecked: false
        };
      } else {
        if (!check) {
          delete _selectionKeys[this.node.key];
        }
        if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.node.key] = {
          checked: false,
          partialChecked: true
        };else delete _selectionKeys[this.node.key];
      }
      this.$emit('checkbox-change', {
        node: event.node,
        check: event.check,
        selectionKeys: _selectionKeys
      });
    },
    onChildCheckboxChange: function onChildCheckboxChange(event) {
      this.$emit('checkbox-change', event);
    },
    findNextSiblingOfAncestor: function findNextSiblingOfAncestor(nodeElement) {
      var parentNodeElement = this.getParentNodeElement(nodeElement);
      if (parentNodeElement) {
        if (parentNodeElement.nextElementSibling) return parentNodeElement.nextElementSibling;else return this.findNextSiblingOfAncestor(parentNodeElement);
      } else {
        return null;
      }
    },
    findLastVisibleDescendant: function findLastVisibleDescendant(nodeElement) {
      var childrenListElement = nodeElement.children[1];
      if (childrenListElement) {
        var lastChildElement = childrenListElement.children[childrenListElement.children.length - 1];
        return this.findLastVisibleDescendant(lastChildElement);
      } else {
        return nodeElement;
      }
    },
    getParentNodeElement: function getParentNodeElement(nodeElement) {
      var parentNodeElement = nodeElement.parentElement.parentElement;
      return getAttribute(parentNodeElement, 'role') === 'treeitem' ? parentNodeElement : null;
    },
    focusNode: function focusNode(element) {
      element.focus();
    },
    isCheckboxSelectionMode: function isCheckboxSelectionMode() {
      return this.selectionMode === 'checkbox';
    },
    isSameNode: function isSameNode(event) {
      return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
    },
    resolveIcon: function resolveIcon(icon) {
      return isString(icon) ? icon : toRaw(icon);
    },
    isComponentIcon: function isComponentIcon(icon) {
      return !!icon && !isString(icon);
    }
  },
  computed: {
    hasChildren: function hasChildren() {
      return this.node.children && this.node.children.length > 0;
    },
    expanded: function expanded() {
      return this.expandedKeys && this.expandedKeys[this.node.key] === true;
    },
    leaf: function leaf() {
      return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
    },
    selectable: function selectable() {
      return this.node.selectable === false ? false : this.selectionMode != null;
    },
    selected: function selected() {
      return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.node.key] === true : false;
    },
    checkboxMode: function checkboxMode() {
      return this.selectionMode === 'checkbox' && this.node.selectable !== false;
    },
    checked: function checked() {
      return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked : false;
    },
    partialChecked: function partialChecked() {
      return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked : false;
    },
    ariaChecked: function ariaChecked() {
      return this.selectionMode === 'single' || this.selectionMode === 'multiple' ? this.selected : undefined;
    },
    ariaSelected: function ariaSelected() {
      return this.checkboxMode ? this.checked : undefined;
    },
    isPrevDropPointActive: function isPrevDropPointActive() {
      return this.isPrevDropPointHovered && this.isDroppable;
    },
    isNextDropPointActive: function isNextDropPointActive() {
      return this.isNextDropPointHovered && this.isDroppable;
    },
    dropPosition: function dropPosition() {
      return this.isPrevDropPointActive ? -1 : this.isNextDropPointActive ? 1 : 0;
    },
    subNodes: function subNodes() {
      return this.parentNode ? this.parentNode.children : this.rootNodes;
    },
    isDraggable: function isDraggable() {
      return this.draggableNodes;
    },
    isDroppable: function isDroppable() {
      return this.droppableNodes && this.$pcTree.allowNodeDrop(this.node);
    },
    isNodeDraggable: function isNodeDraggable() {
      var _this$node;
      return ((_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.draggable) !== false && this.isDraggable;
    },
    isNodeDroppable: function isNodeDroppable() {
      var _this$node2;
      return ((_this$node2 = this.node) === null || _this$node2 === void 0 ? void 0 : _this$node2.droppable) !== false && this.isDroppable;
    },
    isNodeDropActive: function isNodeDropActive() {
      return this.isNodeDropHovered && this.isNodeDroppable;
    }
  },
  components: {
    Checkbox: Checkbox,
    ChevronDown: ChevronDown,
    ChevronRight: ChevronRight,
    Check: Check,
    Minus: Minus,
    Spinner: Spinner
  },
  directives: {
    ripple: Ripple
  }
};

var _hoisted_1$1 = ["aria-label", "aria-selected", "aria-expanded", "aria-setsize", "aria-posinset", "aria-level", "aria-checked", "tabindex"];
var _hoisted_2$1 = ["draggable", "data-p-selected", "data-p-selectable"];
var _hoisted_3$1 = ["data-p-leaf"];
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
  var _component_Spinner = resolveComponent("Spinner");
  var _component_Checkbox = resolveComponent("Checkbox");
  var _component_TreeNode = resolveComponent("TreeNode", true);
  var _directive_ripple = resolveDirective("ripple");
  return openBlock(), createElementBlock("li", mergeProps({
    ref: "currentNode",
    "class": _ctx.cx('node'),
    role: "treeitem",
    "aria-label": $options.label($props.node),
    "aria-selected": $options.ariaSelected,
    "aria-expanded": $options.expanded,
    "aria-setsize": $props.node.children ? $props.node.children.length : 0,
    "aria-posinset": $props.index + 1,
    "aria-level": $props.level,
    "aria-checked": $options.ariaChecked,
    tabindex: $props.index === 0 ? 0 : -1,
    onKeydown: _cache[14] || (_cache[14] = function () {
      return $options.onKeyDown && $options.onKeyDown.apply($options, arguments);
    })
  }, $options.getPTOptions('node')), [$options.isPrevDropPointActive ? (openBlock(), createElementBlock("div", {
    key: 0,
    "class": normalizeClass(_ctx.cx('dropPoint')),
    "aria-hidden": "true"
  }, null, 2)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
    "class": _ctx.cx('nodeContent'),
    style: $props.node.style,
    draggable: $options.isDraggable,
    onClick: _cache[2] || (_cache[2] = function () {
      return $options.onClick && $options.onClick.apply($options, arguments);
    }),
    onTouchend: _cache[3] || (_cache[3] = function () {
      return $options.onTouchEnd && $options.onTouchEnd.apply($options, arguments);
    }),
    onDragstart: _cache[4] || (_cache[4] = function () {
      return $options.onNodeDragStart && $options.onNodeDragStart.apply($options, arguments);
    }),
    onDragover: _cache[5] || (_cache[5] = function () {
      return $options.onNodeDragOver && $options.onNodeDragOver.apply($options, arguments);
    }),
    onDragenter: _cache[6] || (_cache[6] = function () {
      return $options.onNodeDragEnter && $options.onNodeDragEnter.apply($options, arguments);
    }),
    onDragleave: _cache[7] || (_cache[7] = function () {
      return $options.onNodeDragLeave && $options.onNodeDragLeave.apply($options, arguments);
    }),
    onDragend: _cache[8] || (_cache[8] = function () {
      return $options.onNodeDragEnd && $options.onNodeDragEnd.apply($options, arguments);
    }),
    onDrop: _cache[9] || (_cache[9] = function () {
      return $options.onNodeDrop && $options.onNodeDrop.apply($options, arguments);
    })
  }, $options.getPTOptions('nodeContent'), {
    "data-p-selected": $options.checkboxMode ? $options.checked : $options.selected,
    "data-p-selectable": $options.selectable
  }), [withDirectives((openBlock(), createElementBlock("button", mergeProps({
    type: "button",
    "class": _ctx.cx('nodeToggleButton'),
    onClick: _cache[0] || (_cache[0] = function () {
      return $options.toggle && $options.toggle.apply($options, arguments);
    }),
    tabindex: "-1",
    "data-p-leaf": $options.leaf
  }, $options.getPTOptions('nodeToggleButton')), [$props.node.loading && $props.loadingMode === 'icon' ? (openBlock(), createElementBlock(Fragment, {
    key: 0
  }, [$props.templates['nodetoggleicon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['nodetoggleicon']), {
    key: 0,
    node: $props.node,
    expanded: $options.expanded,
    "class": normalizeClass(_ctx.cx('nodeToggleIcon'))
  }, null, 8, ["node", "expanded", "class"])) : (openBlock(), createBlock(_component_Spinner, mergeProps({
    key: 1,
    "class": _ctx.cx('nodeToggleIcon')
  }, $options.getPTOptions('nodeToggleIcon')), null, 16, ["class"]))], 64)) : (openBlock(), createElementBlock(Fragment, {
    key: 1
  }, [$props.templates['nodetoggleicon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['nodetoggleicon']), {
    key: 0,
    node: $props.node,
    expanded: $options.expanded,
    "class": normalizeClass(_ctx.cx('nodeToggleIcon'))
  }, null, 8, ["node", "expanded", "class"])) : $options.expanded ? (openBlock(), createBlock(resolveDynamicComponent($props.node.expandedIcon ? 'span' : 'ChevronDown'), mergeProps({
    key: 1,
    "class": _ctx.cx('nodeToggleIcon')
  }, $options.getPTOptions('nodeToggleIcon')), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent($props.node.collapsedIcon ? 'span' : 'ChevronRight'), mergeProps({
    key: 2,
    "class": _ctx.cx('nodeToggleIcon')
  }, $options.getPTOptions('nodeToggleIcon')), null, 16, ["class"]))], 64))], 16, _hoisted_3$1)), [[_directive_ripple]]), $options.checkboxMode ? (openBlock(), createBlock(_component_Checkbox, {
    key: 0,
    defaultValue: $options.checked,
    binary: true,
    indeterminate: $options.partialChecked,
    "class": normalizeClass(_ctx.cx('nodeCheckbox')),
    tabindex: -1,
    unstyled: _ctx.unstyled,
    pt: $options.getPTOptions('pcNodeCheckbox'),
    "data-p-partialchecked": $options.partialChecked
  }, {
    icon: withCtx(function (slotProps) {
      return [$props.templates['checkboxicon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['checkboxicon']), {
        key: 0,
        checked: slotProps.checked,
        partialChecked: $options.partialChecked,
        "class": normalizeClass(slotProps["class"])
      }, null, 8, ["checked", "partialChecked", "class"])) : createCommentVNode("", true)];
    }),
    _: 1
  }, 8, ["defaultValue", "indeterminate", "class", "unstyled", "pt", "data-p-partialchecked"])) : createCommentVNode("", true), $props.templates['nodeicon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['nodeicon']), mergeProps({
    key: 1,
    node: $props.node,
    "class": [_ctx.cx('nodeIcon')]
  }, $options.getPTOptions('nodeIcon')), null, 16, ["node", "class"])) : $options.isComponentIcon($props.node.icon) ? (openBlock(), createBlock(resolveDynamicComponent($options.resolveIcon($props.node.icon)), mergeProps({
    key: 2,
    "class": _ctx.cx('nodeIcon')
  }, $options.getPTOptions('nodeIcon')), null, 16, ["class"])) : $props.node.icon ? (openBlock(), createElementBlock("span", mergeProps({
    key: 3,
    "class": [_ctx.cx('nodeIcon'), $props.node.icon]
  }, $options.getPTOptions('nodeIcon')), null, 16)) : createCommentVNode("", true), createElementVNode("span", mergeProps({
    "class": _ctx.cx('nodeLabel')
  }, $options.getPTOptions('nodeLabel'), {
    onKeydown: _cache[1] || (_cache[1] = withModifiers(function () {}, ["stop"]))
  }), [$props.templates[$props.node.type] || $props.templates['default'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates[$props.node.type] || $props.templates['default']), {
    key: 0,
    node: $props.node,
    expanded: $options.expanded,
    selected: $options.checkboxMode ? $options.checked : $options.selected
  }, null, 8, ["node", "expanded", "selected"])) : (openBlock(), createElementBlock(Fragment, {
    key: 1
  }, [createTextVNode(toDisplayString($options.label($props.node)), 1)], 64))], 16)], 16, _hoisted_2$1), $options.isNextDropPointActive ? (openBlock(), createElementBlock("div", {
    key: 1,
    "class": normalizeClass(_ctx.cx('dropPoint')),
    "aria-hidden": "true"
  }, null, 2)) : createCommentVNode("", true), $options.hasChildren && $options.expanded ? (openBlock(), createElementBlock("ul", mergeProps({
    key: 2,
    "class": _ctx.cx('nodeChildren'),
    role: "group"
  }, _ctx.ptm('nodeChildren')), [(openBlock(true), createElementBlock(Fragment, null, renderList($props.node.children, function (childNode, index) {
    return openBlock(), createBlock(_component_TreeNode, {
      key: childNode.key,
      node: childNode,
      parentNode: $props.node,
      rootNodes: $props.rootNodes,
      templates: $props.templates,
      level: $props.level + 1,
      index: index,
      loadingMode: $props.loadingMode,
      expandedKeys: $props.expandedKeys,
      onNodeToggle: $options.onChildNodeToggle,
      onNodeClick: $options.onChildNodeClick,
      selectionMode: $props.selectionMode,
      selectionKeys: $props.selectionKeys,
      onCheckboxChange: $options.propagateUp,
      draggableScope: $props.draggableScope,
      draggableNodes: $props.draggableNodes,
      droppableNodes: $props.droppableNodes,
      validateDrop: $props.validateDrop,
      onNodeDrop: _cache[10] || (_cache[10] = function ($event) {
        return _ctx.$emit('node-drop', $event);
      }),
      onNodeDragenter: _cache[11] || (_cache[11] = function ($event) {
        return _ctx.$emit('node-dragenter', $event);
      }),
      onNodeDragleave: _cache[12] || (_cache[12] = function ($event) {
        return _ctx.$emit('node-dragleave', $event);
      }),
      onValueChange: _cache[13] || (_cache[13] = function ($event) {
        return _ctx.$emit('value-change', $event);
      }),
      unstyled: _ctx.unstyled,
      pt: _ctx.pt
    }, null, 8, ["node", "parentNode", "rootNodes", "templates", "level", "index", "loadingMode", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "draggableScope", "draggableNodes", "droppableNodes", "validateDrop", "unstyled", "pt"]);
  }), 128))], 16)) : createCommentVNode("", true)], 16, _hoisted_1$1);
}

script$1.render = render$1;

function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var script = {
  name: 'Tree',
  "extends": script$2,
  inheritAttrs: false,
  emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect', 'filter', 'node-drop', 'node-dragenter', 'node-dragleave', 'update:value', 'drag-enter', 'drag-leave'],
  data: function data() {
    return {
      d_expandedKeys: this.expandedKeys || {},
      filterValue: null,
      dragNode: null,
      dragNodeSubNodes: null,
      dragNodeIndex: null,
      dragNodeScope: null,
      dragHover: null
    };
  },
  inject: {
    $pcTreeSelect: {
      "default": null
    }
  },
  dragDropService: null,
  dragStartCleanup: null,
  dragStopCleanup: null,
  watch: {
    expandedKeys: function expandedKeys(newValue) {
      this.d_expandedKeys = newValue;
    },
    droppableNodes: function droppableNodes(newValue) {
      if (newValue) {
        this.initDragDropService();
      } else {
        this.cleanupDragDropService();
      }
    }
  },
  mounted: function mounted() {
    if (this.droppableNodes) {
      this.initDragDropService();
    }
  },
  beforeUnmount: function beforeUnmount() {
    this.cleanupDragDropService();
  },
  methods: {
    initDragDropService: function initDragDropService() {
      var _this = this;
      if (this.dragDropService) return;
      this.dragDropService = useTreeDragDropService();
      this.dragStartCleanup = this.dragDropService.onDragStart(function (event) {
        _this.dragNode = event.node;
        _this.dragNodeSubNodes = event.subNodes;
        _this.dragNodeIndex = event.index;
        _this.dragNodeScope = event.scope;
      });
      this.dragStopCleanup = this.dragDropService.onDragStop(function () {
        _this.dragNode = null;
        _this.dragNodeSubNodes = null;
        _this.dragNodeIndex = null;
        _this.dragNodeScope = null;
        _this.dragHover = false;
      });
    },
    cleanupDragDropService: function cleanupDragDropService() {
      if (this.dragStartCleanup) {
        this.dragStartCleanup();
        this.dragStartCleanup = null;
      }
      if (this.dragStopCleanup) {
        this.dragStopCleanup();
        this.dragStopCleanup = null;
      }
      this.dragDropService = null;
    },
    onNodeToggle: function onNodeToggle(node) {
      var key = node.key;
      if (this.d_expandedKeys[key]) {
        delete this.d_expandedKeys[key];
        this.$emit('node-collapse', node);
      } else {
        this.d_expandedKeys[key] = true;
        this.$emit('node-expand', node);
      }
      this.d_expandedKeys = _objectSpread$1({}, this.d_expandedKeys);
      this.$emit('update:expandedKeys', this.d_expandedKeys);
    },
    onNodeClick: function onNodeClick(event) {
      if (this.selectionMode != null && event.node.selectable !== false) {
        var metaSelection = event.nodeTouched ? false : this.metaKeySelection;
        var _selectionKeys = metaSelection ? this.handleSelectionWithMetaKey(event) : this.handleSelectionWithoutMetaKey(event);
        this.$emit('update:selectionKeys', _selectionKeys);
      }
    },
    onCheckboxChange: function onCheckboxChange(event) {
      this.$emit('update:selectionKeys', event.selectionKeys);
      if (event.check) this.$emit('node-select', event.node);else this.$emit('node-unselect', event.node);
    },
    handleSelectionWithMetaKey: function handleSelectionWithMetaKey(event) {
      var originalEvent = event.originalEvent;
      var node = event.node;
      var metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
      var selected = this.isNodeSelected(node);
      var _selectionKeys;
      if (selected && metaKey) {
        if (this.isSingleSelectionMode()) {
          _selectionKeys = {};
        } else {
          _selectionKeys = _objectSpread$1({}, this.selectionKeys);
          delete _selectionKeys[node.key];
        }
        this.$emit('node-unselect', node);
      } else {
        if (this.isSingleSelectionMode()) {
          _selectionKeys = {};
        } else if (this.isMultipleSelectionMode()) {
          _selectionKeys = !metaKey ? {} : this.selectionKeys ? _objectSpread$1({}, this.selectionKeys) : {};
        }
        _selectionKeys[node.key] = true;
        this.$emit('node-select', node);
      }
      return _selectionKeys;
    },
    handleSelectionWithoutMetaKey: function handleSelectionWithoutMetaKey(event) {
      var node = event.node;
      var selected = this.isNodeSelected(node);
      var _selectionKeys;
      if (this.isSingleSelectionMode()) {
        if (selected) {
          _selectionKeys = {};
          this.$emit('node-unselect', node);
        } else {
          _selectionKeys = {};
          _selectionKeys[node.key] = true;
          this.$emit('node-select', node);
        }
      } else {
        if (selected) {
          _selectionKeys = _objectSpread$1({}, this.selectionKeys);
          delete _selectionKeys[node.key];
          this.$emit('node-unselect', node);
        } else {
          _selectionKeys = this.selectionKeys ? _objectSpread$1({}, this.selectionKeys) : {};
          _selectionKeys[node.key] = true;
          this.$emit('node-select', node);
        }
      }
      return _selectionKeys;
    },
    isSingleSelectionMode: function isSingleSelectionMode() {
      return this.selectionMode === 'single';
    },
    isMultipleSelectionMode: function isMultipleSelectionMode() {
      return this.selectionMode === 'multiple';
    },
    isNodeSelected: function isNodeSelected(node) {
      return this.selectionMode && this.selectionKeys ? this.selectionKeys[node.key] === true : false;
    },
    isChecked: function isChecked(node) {
      return this.selectionKeys ? this.selectionKeys[node.key] && this.selectionKeys[node.key].checked : false;
    },
    isNodeLeaf: function isNodeLeaf(node) {
      return node.leaf === false ? false : !(node.children && node.children.length);
    },
    onFilterKeyup: function onFilterKeyup(event) {
      if (event.code === 'Enter' || event.code === 'NumpadEnter') {
        event.preventDefault();
      }
      this.$emit('filter', {
        originalEvent: event,
        value: event.target.value,
        filteredNodes: this.valueToRender
      });
    },
    findFilteredNodes: function findFilteredNodes(node, paramsWithoutNode) {
      if (node) {
        var matched = false;
        if (node.children) {
          var childNodes =