primevue 3.16.2 → 3.17.0

package/tree/tree.js

@@ -45,7 +45,7 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 this.$emit('node-toggle', this.node);
             },
             label(node) {
-                return (typeof node.label === 'function' ? node.label() : node.label);
+                return typeof node.label === 'function' ? node.label() : node.label;
             },
             onChildNodeToggle(node) {
                 this.$emit('node-toggle', node);
@@ -57,8 +57,7 @@ this.primevue.tree = (function (utils, Ripple, vue) {
 
                 if (this.isCheckboxSelectionMode()) {
                     this.toggleCheckbox();
-                }
-                else {
+                } else {
                     this.$emit('node-click', {
                         originalEvent: event,
                         nodeTouched: this.nodeTouched,
@@ -80,50 +79,53 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 switch (event.code) {
                     case 'ArrowDown':
                         var listElement = nodeElement.children[1];
+
                         if (listElement) {
                             this.focusNode(listElement.children[0]);
-                        }
-                        else {
+                        } else {
                             const nextNodeElement = nodeElement.nextElementSibling;
+
                             if (nextNodeElement) {
                                 this.focusNode(nextNodeElement);
-                            }
-                            else {
+                            } else {
                                 let nextSiblingAncestor = this.findNextSiblingOfAncestor(nodeElement);
+
                                 if (nextSiblingAncestor) {
                                     this.focusNode(nextSiblingAncestor);
                                 }
                             }
                         }
-                    break;
+
+                        break;
 
                     case 'ArrowUp':
                         if (nodeElement.previousElementSibling) {
                             this.focusNode(this.findLastVisibleDescendant(nodeElement.previousElementSibling));
-                        }
-                        else {
+                        } else {
                             let parentNodeElement = this.getParentNodeElement(nodeElement);
+
                             if (parentNodeElement) {
                                 this.focusNode(parentNodeElement);
                             }
                         }
-                    break;
+
+                        break;
 
                     case 'ArrowRight':
                     case 'ArrowLeft':
                         this.$emit('node-toggle', this.node);
-                    break;
+                        break;
 
                     case 'Enter':
                     case 'Space':
                         this.onClick(event);
-                    break;
+                        break;
                 }
 
                 event.preventDefault();
             },
             toggleCheckbox() {
-                let _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
+                let _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};
                 const _check = !this.checked;
 
                 this.propagateDown(this.node, _check, _selectionKeys);
@@ -135,10 +137,8 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 });
             },
             propagateDown(node, check, selectionKeys) {
-                if (check)
-                    selectionKeys[node.key] = {checked: true, partialChecked: false};
-                else
-                    delete selectionKeys[node.key];
+                if (check) selectionKeys[node.key] = { checked: true, partialChecked: false };
+                else delete selectionKeys[node.key];
 
                 if (node.children && node.children.length) {
                     for (let child of node.children) {
@@ -148,29 +148,24 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             },
             propagateUp(event) {
                 let check = event.check;
-                let _selectionKeys = {...event.selectionKeys};
+                let _selectionKeys = { ...event.selectionKeys };
                 let checkedChildCount = 0;
                 let childPartialSelected = false;
 
                 for (let child of this.node.children) {
-                    if(_selectionKeys[child.key] && _selectionKeys[child.key].checked)
-                        checkedChildCount++;
-                    else if(_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked)
-                        childPartialSelected = true;
+                    if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;
+                    else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
                 }
 
-                if(check && checkedChildCount === this.node.children.length) {
-                    _selectionKeys[this.node.key] = {checked: true, partialChecked: false};
-                }
-                else {
+                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];
+                    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', {
@@ -184,24 +179,22 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             },
             findNextSiblingOfAncestor(nodeElement) {
                 let parentNodeElement = this.getParentNodeElement(nodeElement);
+
                 if (parentNodeElement) {
-                    if (parentNodeElement.nextElementSibling)
-                        return parentNodeElement.nextElementSibling;
-                    else
-                        return this.findNextSiblingOfAncestor(parentNodeElement);
-                }
-                else {
+                    if (parentNodeElement.nextElementSibling) return parentNodeElement.nextElementSibling;
+                    else return this.findNextSiblingOfAncestor(parentNodeElement);
+                } else {
                     return null;
                 }
             },
             findLastVisibleDescendant(nodeElement) {
                 const childrenListElement = nodeElement.children[1];
+
                 if (childrenListElement) {
                     const lastChildElement = childrenListElement.children[childrenListElement.children.length - 1];
 
                     return this.findLastVisibleDescendant(lastChildElement);
-                }
-                else {
+                } else {
                     return nodeElement;
                 }
             },
@@ -231,16 +224,20 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 return this.node.selectable === false ? false : this.selectionMode != null;
             },
             selected() {
-                return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false;
+                return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.node.key] === true : false;
             },
             containerClass() {
-                return ['p-treenode', {'p-treenode-leaf': this.leaf}];
+                return ['p-treenode', { 'p-treenode-leaf': this.leaf }];
             },
             contentClass() {
-                return ['p-treenode-content', this.node.styleClass, {
-                    'p-treenode-selectable': this.selectable,
-                    'p-highlight': this.checkboxMode ? this.checked : this.selected
-                }];
+                return [
+                    'p-treenode-content',
+                    this.node.styleClass,
+                    {
+                        'p-treenode-selectable': this.selectable,
+                        'p-highlight': this.checkboxMode ? this.checked : this.selected
+                    }
+                ];
             },
             icon() {
                 return ['p-treenode-icon', this.node.icon];
@@ -249,23 +246,23 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 return ['p-tree-toggler-icon pi pi-fw', this.expanded ? this.node.expandedIcon || 'pi-chevron-down' : this.node.collapsedIcon || 'pi-chevron-right'];
             },
             checkboxClass() {
-                return ['p-checkbox-box', {'p-highlight': this.checked, 'p-indeterminate': this.partialChecked}];
+                return ['p-checkbox-box', { 'p-highlight': this.checked, 'p-indeterminate': this.partialChecked }];
             },
             checkboxIcon() {
-                return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];
+                return ['p-checkbox-icon', { 'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked }];
             },
             checkboxMode() {
                 return this.selectionMode === 'checkbox' && this.node.selectable !== false;
             },
             checked() {
-                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked: false;
+                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked : false;
             },
             partialChecked() {
-                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked: false;
+                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked : false;
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -336,8 +333,8 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             class: vue.normalizeClass($options.icon)
           }, null, 2),
           vue.createElementVNode("span", _hoisted_5$1, [
-            ($props.templates[$props.node.type]||$props.templates['default'])
-              ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates[$props.node.type]||$props.templates['default']), {
+            ($props.templates[$props.node.type] || $props.templates['default'])
+              ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates[$props.node.type] || $props.templates['default']), {
                   key: 0,
                   node: $props.node
                 }, null, 8, ["node"]))
@@ -434,7 +431,7 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             return {
                 d_expandedKeys: this.expandedKeys || {},
                 filterValue: null
-            }
+            };
         },
         watch: {
             expandedKeys(newValue) {
@@ -448,13 +445,12 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 if (this.d_expandedKeys[key]) {
                     delete this.d_expandedKeys[key];
                     this.$emit('node-collapse', node);
-                }
-                else {
+                } else {
                     this.d_expandedKeys[key] = true;
                     this.$emit('node-expand', node);
                 }
 
-                this.d_expandedKeys = {...this.d_expandedKeys};
+                this.d_expandedKeys = { ...this.d_expandedKeys };
                 this.$emit('update:expandedKeys', this.d_expandedKeys);
             },
             onNodeClick(event) {
@@ -468,35 +464,30 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             onCheckboxChange(event) {
                 this.$emit('update:selectionKeys', event.selectionKeys);
 
-                if (event.check)
-                    this.$emit('node-select', event.node);
-                else
-                    this.$emit('node-unselect', event.node);
+                if (event.check) this.$emit('node-select', event.node);
+                else this.$emit('node-unselect', event.node);
             },
             handleSelectionWithMetaKey(event) {
                 const originalEvent = event.originalEvent;
                 const node = event.node;
-                const metaKey = (originalEvent.metaKey||originalEvent.ctrlKey);
+                const metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
                 const selected = this.isNodeSelected(node);
                 let _selectionKeys;
 
                 if (selected && metaKey) {
                     if (this.isSingleSelectionMode()) {
                         _selectionKeys = {};
-                    }
-                    else {
-                        _selectionKeys = {...this.selectionKeys};
+                    } else {
+                        _selectionKeys = { ...this.selectionKeys };
                         delete _selectionKeys[node.key];
                     }
 
                     this.$emit('node-unselect', node);
-                }
-                else {
+                } else {
                     if (this.isSingleSelectionMode()) {
                         _selectionKeys = {};
-                    }
-                    else if (this.isMultipleSelectionMode()) {
-                        _selectionKeys = !metaKey ? {} : (this.selectionKeys ? {...this.selectionKeys} : {});
+                    } else if (this.isMultipleSelectionMode()) {
+                        _selectionKeys = !metaKey ? {} : this.selectionKeys ? { ...this.selectionKeys } : {};
                     }
 
                     _selectionKeys[node.key] = true;
@@ -514,22 +505,19 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                     if (selected) {
                         _selectionKeys = {};
                         this.$emit('node-unselect', node);
-                    }
-                    else {
+                    } else {
                         _selectionKeys = {};
                         _selectionKeys[node.key] = true;
                         this.$emit('node-select', node);
                     }
-                }
-                else {
+                } else {
                     if (selected) {
-                        _selectionKeys = {...this.selectionKeys};
+                        _selectionKeys = { ...this.selectionKeys };
                         delete _selectionKeys[node.key];
 
                         this.$emit('node-unselect', node);
-                    }
-                    else {
-                        _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
+                    } else {
+                        _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};
                         _selectionKeys[node.key] = true;
 
                         this.$emit('node-select', node);
@@ -545,10 +533,10 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 return this.selectionMode === 'multiple';
             },
             isNodeSelected(node) {
-                return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[node.key] === true : false;
+                return this.selectionMode && this.selectionKeys ? this.selectionKeys[node.key] === true : false;
             },
             isChecked(node) {
-                return this.selectionKeys ? this.selectionKeys[node.key] && this.selectionKeys[node.key].checked: false;
+                return this.selectionKeys ? this.selectionKeys[node.key] && this.selectionKeys[node.key].checked : false;
             },
             isNodeLeaf(node) {
                 return node.leaf === false ? false : !(node.children && node.children.length);
@@ -561,11 +549,15 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             findFilteredNodes(node, paramsWithoutNode) {
                 if (node) {
                     let matched = false;
+
                     if (node.children) {
                         let childNodes = [...node.children];
+
                         node.children = [];
+
                         for (let childNode of childNodes) {
-                            let copyChildNode = {...childNode};
+                            let copyChildNode = { ...childNode };
+
                             if (this.isFilterMatched(copyChildNode, paramsWithoutNode)) {
                                 matched = true;
                                 node.children.push(copyChildNode);
@@ -578,17 +570,19 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                     }
                 }
             },
-            isFilterMatched(node, {searchFields, filterText, strict}) {
+            isFilterMatched(node, { searchFields, filterText, strict }) {
                 let matched = false;
-                for(let field of searchFields) {
+
+                for (let field of searchFields) {
                     let fieldValue = String(utils.ObjectUtils.resolveFieldData(node, field)).toLocaleLowerCase(this.filterLocale);
-                    if(fieldValue.indexOf(filterText) > -1) {
+
+                    if (fieldValue.indexOf(filterText) > -1) {
                         matched = true;
                     }
                 }
 
                 if (!matched || (strict && !this.isNodeLeaf(node))) {
-                    matched = this.findFilteredNodes(node, {searchFields, filterText, strict}) || matched;
+                    matched = this.findFilteredNodes(node, { searchFields, filterText, strict }) || matched;
                 }
 
                 return matched;
@@ -596,11 +590,14 @@ this.primevue.tree = (function (utils, Ripple, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-tree p-component', {
-                    'p-tree-selectable': this.selectionMode != null,
-                    'p-tree-loading': this.loading,
-                    'p-tree-flex-scrollable': this.scrollHeight === 'flex'
-                }];
+                return [
+                    'p-tree p-component',
+                    {
+                        'p-tree-selectable': this.selectionMode != null,
+                        'p-tree-loading': this.loading,
+                        'p-tree-flex-scrollable': this.scrollHeight === 'flex'
+                    }
+                ];
             },
             loadingIconClass() {
                 return ['p-tree-loading-icon pi-spin', this.loadingIcon];
@@ -612,11 +609,13 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 const strict = this.filterMode === 'strict';
 
                 for (let node of this.value) {
-                    let _node = {...node};
-                    let paramsWithoutNode = {searchFields, filterText, strict};
+                    let _node = { ...node };
+                    let paramsWithoutNode = { searchFields, filterText, strict };
 
-                    if ((strict && (this.findFilteredNodes(_node, paramsWithoutNode) || this.isFilterMatched(_node, paramsWithoutNode))) ||
-                        (!strict && (this.isFilterMatched(_node, paramsWithoutNode) || this.findFilteredNodes(_node, paramsWithoutNode)))) {
+                    if (
+                        (strict && (this.findFilteredNodes(_node, paramsWithoutNode) || this.isFilterMatched(_node, paramsWithoutNode))) ||
+                        (!strict && (this.isFilterMatched(_node, paramsWithoutNode) || this.findFilteredNodes(_node, paramsWithoutNode)))
+                    ) {
                         filteredNodes.push(_node);
                     }
                 }
@@ -624,14 +623,12 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                 return filteredNodes;
             },
             valueToRender() {
-                if (this.filterValue && this.filterValue.trim().length > 0)
-                    return this.filteredValue;
-                else
-                    return this.value;
+                if (this.filterValue && this.filterValue.trim().length > 0) return this.filteredValue;
+                else return this.value;
             }
         },
         components: {
-            'TreeNode': script$1
+            TreeNode: script$1
         }
     };
 
@@ -666,12 +663,12 @@ this.primevue.tree = (function (utils, Ripple, vue) {
         ($props.filter)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
               vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.filterValue) = $event)),
                 type: "text",
                 autocomplete: "off",
                 class: "p-tree-filter p-inputtext p-component",
                 placeholder: $props.filterPlaceholder,
-                onKeydown: _cache[0] || (_cache[0] = (...args) => ($options.onFilterKeydown && $options.onFilterKeydown(...args))),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.filterValue) = $event))
+                onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.onFilterKeydown && $options.onFilterKeydown(...args)))
               }, null, 40, _hoisted_3), [
                 [vue.vModelText, $data.filterValue]
               ]),
@@ -680,7 +677,7 @@ this.primevue.tree = (function (utils, Ripple, vue) {
           : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: "p-tree-wrapper",
-          style: vue.normalizeStyle({maxHeight: $props.scrollHeight})
+          style: vue.normalizeStyle({ maxHeight: $props.scrollHeight })
         }, [
           vue.createElementVNode("ul", _hoisted_5, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.valueToRender, (node, index) => {
@@ -730,7 +727,7 @@ this.primevue.tree = (function (utils, Ripple, vue) {
       }
     }
 
-    var css_248z = "\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n.p-tree-wrapper {\n    overflow: auto;\n}\n.p-treenode-selectable {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-tree-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n.p-treenode-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-tree-filter {\n    width: 100%;\n}\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tree-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-tree-flex-scrollable .p-tree-wrapper {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n";
+    var css_248z = "\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n.p-tree-wrapper {\n    overflow: auto;\n}\n.p-treenode-selectable {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-tree-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n.p-treenode-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-tree-filter {\n    width: 100%;\n}\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tree-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-tree-flex-scrollable .p-tree-wrapper {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/tree/tree.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tree=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"TreeNode",emits:["node-toggle","node-click","checkbox-change"],props:{node:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},templates:{type:null,default:null},level:{type:Number,default:null},index:{type:Number,default:null}},nodeTouched:!1,methods:{toggle(){this.$emit("node-toggle",this.node)},label:e=>"function"==typeof e.label?e.label():e.label,onChildNodeToggle(e){this.$emit("node-toggle",e)},onClick(t){e.DomHandler.hasClass(t.target,"p-tree-toggler")||e.DomHandler.hasClass(t.target.parentElement,"p-tree-toggler")||(this.isCheckboxSelectionMode()?this.toggleCheckbox():this.$emit("node-click",{originalEvent:t,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onChildNodeClick(e){this.$emit("node-click",e)},onTouchEnd(){this.nodeTouched=!0},onKeyDown(e){const t=e.target.parentElement;switch(e.code){case"ArrowDown":var n=t.children[1];if(n)this.focusNode(n.children[0]);else{const e=t.nextElementSibling;if(e)this.focusNode(e);else{let e=this.findNextSiblingOfAncestor(t);e&&this.focusNode(e)}}break;case"ArrowUp":if(t.previousElementSibling)this.focusNode(this.findLastVisibleDescendant(t.previousElementSibling));else{let e=this.getParentNodeElement(t);e&&this.focusNode(e)}break;case"ArrowRight":case"ArrowLeft":this.$emit("node-toggle",this.node);break;case"Enter":case"Space":this.onClick(e)}e.preventDefault()},toggleCheckbox(){let e=this.selectionKeys?{...this.selectionKeys}:{};const t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown(e,t,n){if(t?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length)for(let l of e.children)this.propagateDown(l,t,n)},propagateUp(e){let t=e.check,n={...e.selectionKeys},l=0,i=!1;for(let e of this.node.children)n[e.key]&&n[e.key].checked?l++:n[e.key]&&n[e.key].partialChecked&&(i=!0);t&&l===this.node.children.length?n[this.node.key]={checked:!0,partialChecked:!1}:(t||delete n[this.node.key],i||l>0&&l!==this.node.children.length?n[this.node.key]={checked:!1,partialChecked:!0}:delete n[this.node.key]),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:n})},onChildCheckboxChange(e){this.$emit("checkbox-change",e)},findNextSiblingOfAncestor(e){let t=this.getParentNodeElement(e);return t?t.nextElementSibling?t.nextElementSibling:this.findNextSiblingOfAncestor(t):null},findLastVisibleDescendant(e){const t=e.children[1];if(t){const e=t.children[t.children.length-1];return this.findLastVisibleDescendant(e)}return e},getParentNodeElement(t){const n=t.parentElement.parentElement;return e.DomHandler.hasClass(n,"p-treenode")?n:null},focusNode(e){e.children[0].focus()},isCheckboxSelectionMode(){return"checkbox"===this.selectionMode}},computed:{hasChildren(){return this.node.children&&this.node.children.length>0},expanded(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selectable(){return!1!==this.node.selectable&&null!=this.selectionMode},selected(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},containerClass(){return["p-treenode",{"p-treenode-leaf":this.leaf}]},contentClass(){return["p-treenode-content",this.node.styleClass,{"p-treenode-selectable":this.selectable,"p-highlight":this.checkboxMode?this.checked:this.selected}]},icon(){return["p-treenode-icon",this.node.icon]},toggleIcon(){return["p-tree-toggler-icon pi pi-fw",this.expanded?this.node.expandedIcon||"pi-chevron-down":this.node.collapsedIcon||"pi-chevron-right"]},checkboxClass(){return["p-checkbox-box",{"p-highlight":this.checked,"p-indeterminate":this.partialChecked}]},checkboxIcon(){return["p-checkbox-icon",{"pi pi-check":this.checked,"pi pi-minus":this.partialChecked}]},checkboxMode(){return"checkbox"===this.selectionMode&&!1!==this.node.selectable},checked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)}},directives:{ripple:l(t).default}};const o=["aria-label","aria-selected","aria-expanded","aria-setsize","aria-posinset","aria-level"],s=["aria-expanded"],d={key:0,class:"p-checkbox p-component"},c=["aria-checked"],r={class:"p-treenode-label"},a={key:0,class:"p-treenode-children",role:"group"};i.render=function(e,t,l,i,h,p){const u=n.resolveComponent("TreeNode",!0),y=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(p.containerClass),role:"treeitem","aria-label":p.label(l.node),"aria-selected":p.selected,"aria-expanded":p.expanded,"aria-setsize":l.node.children?l.node.children.length:0,"aria-posinset":l.index+1,"aria-level":l.level},[n.createElementVNode("div",{class:n.normalizeClass(p.contentClass),tabindex:"0",role:"treeitem","aria-expanded":p.expanded,onClick:t[1]||(t[1]=(...e)=>p.onClick&&p.onClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>p.onKeyDown&&p.onKeyDown(...e)),onTouchend:t[3]||(t[3]=(...e)=>p.onTouchEnd&&p.onTouchEnd(...e)),style:n.normalizeStyle(l.node.style)},[n.withDirectives((n.openBlock(),n.createElementBlock("button",{type:"button",class:"p-tree-toggler p-link",onClick:t[0]||(t[0]=(...e)=>p.toggle&&p.toggle(...e)),tabindex:"-1"},[n.createElementVNode("span",{class:n.normalizeClass(p.toggleIcon)},null,2)])),[[y]]),p.checkboxMode?(n.openBlock(),n.createElementBlock("div",d,[n.createElementVNode("div",{class:n.normalizeClass(p.checkboxClass),role:"checkbox","aria-checked":p.checked},[n.createElementVNode("span",{class:n.normalizeClass(p.checkboxIcon)},null,2)],10,c)])):n.createCommentVNode("",!0),n.createElementVNode("span",{class:n.normalizeClass(p.icon)},null,2),n.createElementVNode("span",r,[l.templates[l.node.type]||l.templates.default?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(l.templates[l.node.type]||l.templates.default),{key:0,node:l.node},null,8,["node"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createTextVNode(n.toDisplayString(p.label(l.node)),1)],64))])],46,s),p.hasChildren&&p.expanded?(n.openBlock(),n.createElementBlock("ul",a,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.node.children,(e=>(n.openBlock(),n.createBlock(u,{key:e.key,node:e,templates:l.templates,level:l.level+1,expandedKeys:l.expandedKeys,onNodeToggle:p.onChildNodeToggle,onNodeClick:p.onChildNodeClick,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,onCheckboxChange:p.propagateUp},null,8,["node","templates","level","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange"])))),128))])):n.createCommentVNode("",!0)],10,o)};var h={name:"Tree",emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect"],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:!0},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner"},filter:{type:Boolean,default:!1},filterBy:{type:String,default:"label"},filterMode:{type:String,default:"lenient"},filterPlaceholder:{type:String,default:null},filterLocale:{type:String,default:void 0},scrollHeight:{type:String,default:null},level:{type:Number,default:0}},data(){return{d_expandedKeys:this.expandedKeys||{},filterValue:null}},watch:{expandedKeys(e){this.d_expandedKeys=e}},methods:{onNodeToggle(e){const t=e.key;this.d_expandedKeys[t]?(delete this.d_expandedKeys[t],this.$emit("node-collapse",e)):(this.d_expandedKeys[t]=!0,this.$emit("node-expand",e)),this.d_expandedKeys={...this.d_expandedKeys},this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick(e){if(null!=this.selectionMode&&!1!==e.node.selectable){const t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},onCheckboxChange(e){this.$emit("update:selectionKeys",e.selectionKeys),e.check?this.$emit("node-select",e.node):this.$emit("node-unselect",e.node)},handleSelectionWithMetaKey(e){const t=e.originalEvent,n=e.node,l=t.metaKey||t.ctrlKey;let i;return this.isNodeSelected(n)&&l?(this.isSingleSelectionMode()?i={}:(i={...this.selectionKeys},delete i[n.key]),this.$emit("node-unselect",n)):(this.isSingleSelectionMode()?i={}:this.isMultipleSelectionMode()&&(i=l&&this.selectionKeys?{...this.selectionKeys}:{}),i[n.key]=!0,this.$emit("node-select",n)),i},handleSelectionWithoutMetaKey(e){const t=e.node,n=this.isNodeSelected(t);let l;return this.isSingleSelectionMode()?n?(l={},this.$emit("node-unselect",t)):(l={},l[t.key]=!0,this.$emit("node-select",t)):n?(l={...this.selectionKeys},delete l[t.key],this.$emit("node-unselect",t)):(l=this.selectionKeys?{...this.selectionKeys}:{},l[t.key]=!0,this.$emit("node-select",t)),l},isSingleSelectionMode(){return"single"===this.selectionMode},isMultipleSelectionMode(){return"multiple"===this.selectionMode},isNodeSelected(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isChecked(e){return!!this.selectionKeys&&(this.selectionKeys[e.key]&&this.selectionKeys[e.key].checked)},isNodeLeaf:e=>!1!==e.leaf&&!(e.children&&e.children.length),onFilterKeydown(e){13===e.which&&e.preventDefault()},findFilteredNodes(e,t){if(e){let n=!1;if(e.children){let l=[...e.children];e.children=[];for(let i of l){let l={...i};this.isFilterMatched(l,t)&&(n=!0,e.children.push(l))}}if(n)return!0}},isFilterMatched(t,{searchFields:n,filterText:l,strict:i}){let o=!1;for(let i of n){String(e.ObjectUtils.resolveFieldData(t,i)).toLocaleLowerCase(this.filterLocale).indexOf(l)>-1&&(o=!0)}return(!o||i&&!this.isNodeLeaf(t))&&(o=this.findFilteredNodes(t,{searchFields:n,filterText:l,strict:i})||o),o}},computed:{containerClass(){return["p-tree p-component",{"p-tree-selectable":null!=this.selectionMode,"p-tree-loading":this.loading,"p-tree-flex-scrollable":"flex"===this.scrollHeight}]},loadingIconClass(){return["p-tree-loading-icon pi-spin",this.loadingIcon]},filteredValue(){let e=[];const t=this.filterBy.split(","),n=this.filterValue.trim().toLocaleLowerCase(this.filterLocale),l="strict"===this.filterMode;for(let i of this.value){let o={...i},s={searchFields:t,filterText:n,strict:l};(l&&(this.findFilteredNodes(o,s)||this.isFilterMatched(o,s))||!l&&(this.isFilterMatched(o,s)||this.findFilteredNodes(o,s)))&&e.push(o)}return e},valueToRender(){return this.filterValue&&this.filterValue.trim().length>0?this.filteredValue:this.value}},components:{TreeNode:i}};const p={key:0,class:"p-tree-loading-overlay p-component-overlay"},u={key:1,class:"p-tree-filter-container"},y=["placeholder"],m=n.createElementVNode("span",{class:"p-tree-filter-icon pi pi-search"},null,-1),k={class:"p-tree-container",role:"tree"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n.p-tree-wrapper {\n    overflow: auto;\n}\n.p-treenode-selectable {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-tree-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n.p-treenode-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-tree-filter {\n    width: 100%;\n}\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tree-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-tree-flex-scrollable .p-tree-wrapper {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n"),h.render=function(e,t,l,i,o,s){const d=n.resolveComponent("TreeNode");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(s.containerClass)},[l.loading?(n.openBlock(),n.createElementBlock("div",p,[n.createElementVNode("i",{class:n.normalizeClass(s.loadingIconClass)},null,2)])):n.createCommentVNode("",!0),l.filter?(n.openBlock(),n.createElementBlock("div",u,[n.withDirectives(n.createElementVNode("input",{type:"text",autocomplete:"off",class:"p-tree-filter p-inputtext p-component",placeholder:l.filterPlaceholder,onKeydown:t[0]||(t[0]=(...e)=>s.onFilterKeydown&&s.onFilterKeydown(...e)),"onUpdate:modelValue":t[1]||(t[1]=e=>o.filterValue=e)},null,40,y),[[n.vModelText,o.filterValue]]),m])):n.createCommentVNode("",!0),n.createElementVNode("div",{class:"p-tree-wrapper",style:n.normalizeStyle({maxHeight:l.scrollHeight})},[n.createElementVNode("ul",k,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.valueToRender,((t,i)=>(n.openBlock(),n.createBlock(d,{key:t.key,node:t,templates:e.$slots,level:l.level+1,index:i,expandedKeys:o.d_expandedKeys,onNodeToggle:s.onNodeToggle,onNodeClick:s.onNodeClick,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,onCheckboxChange:s.onCheckboxChange},null,8,["node","templates","level","index","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange"])))),128))])],4)],2)},h}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.tree=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"TreeNode",emits:["node-toggle","node-click","checkbox-change"],props:{node:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},templates:{type:null,default:null},level:{type:Number,default:null},index:{type:Number,default:null}},nodeTouched:!1,methods:{toggle(){this.$emit("node-toggle",this.node)},label:e=>"function"==typeof e.label?e.label():e.label,onChildNodeToggle(e){this.$emit("node-toggle",e)},onClick(t){e.DomHandler.hasClass(t.target,"p-tree-toggler")||e.DomHandler.hasClass(t.target.parentElement,"p-tree-toggler")||(this.isCheckboxSelectionMode()?this.toggleCheckbox():this.$emit("node-click",{originalEvent:t,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onChildNodeClick(e){this.$emit("node-click",e)},onTouchEnd(){this.nodeTouched=!0},onKeyDown(e){const t=e.target.parentElement;switch(e.code){case"ArrowDown":var n=t.children[1];if(n)this.focusNode(n.children[0]);else{const e=t.nextElementSibling;if(e)this.focusNode(e);else{let e=this.findNextSiblingOfAncestor(t);e&&this.focusNode(e)}}break;case"ArrowUp":if(t.previousElementSibling)this.focusNode(this.findLastVisibleDescendant(t.previousElementSibling));else{let e=this.getParentNodeElement(t);e&&this.focusNode(e)}break;case"ArrowRight":case"ArrowLeft":this.$emit("node-toggle",this.node);break;case"Enter":case"Space":this.onClick(e)}e.preventDefault()},toggleCheckbox(){let e=this.selectionKeys?{...this.selectionKeys}:{};const t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown(e,t,n){if(t?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length)for(let l of e.children)this.propagateDown(l,t,n)},propagateUp(e){let t=e.check,n={...e.selectionKeys},l=0,i=!1;for(let e of this.node.children)n[e.key]&&n[e.key].checked?l++:n[e.key]&&n[e.key].partialChecked&&(i=!0);t&&l===this.node.children.length?n[this.node.key]={checked:!0,partialChecked:!1}:(t||delete n[this.node.key],i||l>0&&l!==this.node.children.length?n[this.node.key]={checked:!1,partialChecked:!0}:delete n[this.node.key]),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:n})},onChildCheckboxChange(e){this.$emit("checkbox-change",e)},findNextSiblingOfAncestor(e){let t=this.getParentNodeElement(e);return t?t.nextElementSibling?t.nextElementSibling:this.findNextSiblingOfAncestor(t):null},findLastVisibleDescendant(e){const t=e.children[1];if(t){const e=t.children[t.children.length-1];return this.findLastVisibleDescendant(e)}return e},getParentNodeElement(t){const n=t.parentElement.parentElement;return e.DomHandler.hasClass(n,"p-treenode")?n:null},focusNode(e){e.children[0].focus()},isCheckboxSelectionMode(){return"checkbox"===this.selectionMode}},computed:{hasChildren(){return this.node.children&&this.node.children.length>0},expanded(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selectable(){return!1!==this.node.selectable&&null!=this.selectionMode},selected(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},containerClass(){return["p-treenode",{"p-treenode-leaf":this.leaf}]},contentClass(){return["p-treenode-content",this.node.styleClass,{"p-treenode-selectable":this.selectable,"p-highlight":this.checkboxMode?this.checked:this.selected}]},icon(){return["p-treenode-icon",this.node.icon]},toggleIcon(){return["p-tree-toggler-icon pi pi-fw",this.expanded?this.node.expandedIcon||"pi-chevron-down":this.node.collapsedIcon||"pi-chevron-right"]},checkboxClass(){return["p-checkbox-box",{"p-highlight":this.checked,"p-indeterminate":this.partialChecked}]},checkboxIcon(){return["p-checkbox-icon",{"pi pi-check":this.checked,"pi pi-minus":this.partialChecked}]},checkboxMode(){return"checkbox"===this.selectionMode&&!1!==this.node.selectable},checked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)}},directives:{ripple:l(t).default}};const o=["aria-label","aria-selected","aria-expanded","aria-setsize","aria-posinset","aria-level"],s=["aria-expanded"],d={key:0,class:"p-checkbox p-component"},c=["aria-checked"],r={class:"p-treenode-label"},a={key:0,class:"p-treenode-children",role:"group"};i.render=function(e,t,l,i,h,p){const u=n.resolveComponent("TreeNode",!0),y=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(p.containerClass),role:"treeitem","aria-label":p.label(l.node),"aria-selected":p.selected,"aria-expanded":p.expanded,"aria-setsize":l.node.children?l.node.children.length:0,"aria-posinset":l.index+1,"aria-level":l.level},[n.createElementVNode("div",{class:n.normalizeClass(p.contentClass),tabindex:"0",role:"treeitem","aria-expanded":p.expanded,onClick:t[1]||(t[1]=(...e)=>p.onClick&&p.onClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>p.onKeyDown&&p.onKeyDown(...e)),onTouchend:t[3]||(t[3]=(...e)=>p.onTouchEnd&&p.onTouchEnd(...e)),style:n.normalizeStyle(l.node.style)},[n.withDirectives((n.openBlock(),n.createElementBlock("button",{type:"button",class:"p-tree-toggler p-link",onClick:t[0]||(t[0]=(...e)=>p.toggle&&p.toggle(...e)),tabindex:"-1"},[n.createElementVNode("span",{class:n.normalizeClass(p.toggleIcon)},null,2)])),[[y]]),p.checkboxMode?(n.openBlock(),n.createElementBlock("div",d,[n.createElementVNode("div",{class:n.normalizeClass(p.checkboxClass),role:"checkbox","aria-checked":p.checked},[n.createElementVNode("span",{class:n.normalizeClass(p.checkboxIcon)},null,2)],10,c)])):n.createCommentVNode("",!0),n.createElementVNode("span",{class:n.normalizeClass(p.icon)},null,2),n.createElementVNode("span",r,[l.templates[l.node.type]||l.templates.default?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(l.templates[l.node.type]||l.templates.default),{key:0,node:l.node},null,8,["node"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createTextVNode(n.toDisplayString(p.label(l.node)),1)],64))])],46,s),p.hasChildren&&p.expanded?(n.openBlock(),n.createElementBlock("ul",a,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.node.children,(e=>(n.openBlock(),n.createBlock(u,{key:e.key,node:e,templates:l.templates,level:l.level+1,expandedKeys:l.expandedKeys,onNodeToggle:p.onChildNodeToggle,onNodeClick:p.onChildNodeClick,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,onCheckboxChange:p.propagateUp},null,8,["node","templates","level","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange"])))),128))])):n.createCommentVNode("",!0)],10,o)};var h={name:"Tree",emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect"],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:!0},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner"},filter:{type:Boolean,default:!1},filterBy:{type:String,default:"label"},filterMode:{type:String,default:"lenient"},filterPlaceholder:{type:String,default:null},filterLocale:{type:String,default:void 0},scrollHeight:{type:String,default:null},level:{type:Number,default:0}},data(){return{d_expandedKeys:this.expandedKeys||{},filterValue:null}},watch:{expandedKeys(e){this.d_expandedKeys=e}},methods:{onNodeToggle(e){const t=e.key;this.d_expandedKeys[t]?(delete this.d_expandedKeys[t],this.$emit("node-collapse",e)):(this.d_expandedKeys[t]=!0,this.$emit("node-expand",e)),this.d_expandedKeys={...this.d_expandedKeys},this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick(e){if(null!=this.selectionMode&&!1!==e.node.selectable){const t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},onCheckboxChange(e){this.$emit("update:selectionKeys",e.selectionKeys),e.check?this.$emit("node-select",e.node):this.$emit("node-unselect",e.node)},handleSelectionWithMetaKey(e){const t=e.originalEvent,n=e.node,l=t.metaKey||t.ctrlKey;let i;return this.isNodeSelected(n)&&l?(this.isSingleSelectionMode()?i={}:(i={...this.selectionKeys},delete i[n.key]),this.$emit("node-unselect",n)):(this.isSingleSelectionMode()?i={}:this.isMultipleSelectionMode()&&(i=l&&this.selectionKeys?{...this.selectionKeys}:{}),i[n.key]=!0,this.$emit("node-select",n)),i},handleSelectionWithoutMetaKey(e){const t=e.node,n=this.isNodeSelected(t);let l;return this.isSingleSelectionMode()?n?(l={},this.$emit("node-unselect",t)):(l={},l[t.key]=!0,this.$emit("node-select",t)):n?(l={...this.selectionKeys},delete l[t.key],this.$emit("node-unselect",t)):(l=this.selectionKeys?{...this.selectionKeys}:{},l[t.key]=!0,this.$emit("node-select",t)),l},isSingleSelectionMode(){return"single"===this.selectionMode},isMultipleSelectionMode(){return"multiple"===this.selectionMode},isNodeSelected(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isChecked(e){return!!this.selectionKeys&&(this.selectionKeys[e.key]&&this.selectionKeys[e.key].checked)},isNodeLeaf:e=>!1!==e.leaf&&!(e.children&&e.children.length),onFilterKeydown(e){13===e.which&&e.preventDefault()},findFilteredNodes(e,t){if(e){let n=!1;if(e.children){let l=[...e.children];e.children=[];for(let i of l){let l={...i};this.isFilterMatched(l,t)&&(n=!0,e.children.push(l))}}if(n)return!0}},isFilterMatched(t,{searchFields:n,filterText:l,strict:i}){let o=!1;for(let i of n){String(e.ObjectUtils.resolveFieldData(t,i)).toLocaleLowerCase(this.filterLocale).indexOf(l)>-1&&(o=!0)}return(!o||i&&!this.isNodeLeaf(t))&&(o=this.findFilteredNodes(t,{searchFields:n,filterText:l,strict:i})||o),o}},computed:{containerClass(){return["p-tree p-component",{"p-tree-selectable":null!=this.selectionMode,"p-tree-loading":this.loading,"p-tree-flex-scrollable":"flex"===this.scrollHeight}]},loadingIconClass(){return["p-tree-loading-icon pi-spin",this.loadingIcon]},filteredValue(){let e=[];const t=this.filterBy.split(","),n=this.filterValue.trim().toLocaleLowerCase(this.filterLocale),l="strict"===this.filterMode;for(let i of this.value){let o={...i},s={searchFields:t,filterText:n,strict:l};(l&&(this.findFilteredNodes(o,s)||this.isFilterMatched(o,s))||!l&&(this.isFilterMatched(o,s)||this.findFilteredNodes(o,s)))&&e.push(o)}return e},valueToRender(){return this.filterValue&&this.filterValue.trim().length>0?this.filteredValue:this.value}},components:{TreeNode:i}};const p={key:0,class:"p-tree-loading-overlay p-component-overlay"},u={key:1,class:"p-tree-filter-container"},y=["placeholder"],m=n.createElementVNode("span",{class:"p-tree-filter-icon pi pi-search"},null,-1),k={class:"p-tree-container",role:"tree"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n.p-tree-wrapper {\n    overflow: auto;\n}\n.p-treenode-selectable {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-tree-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n.p-treenode-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-tree-filter {\n    width: 100%;\n}\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tree-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-tree-flex-scrollable .p-tree-wrapper {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n"),h.render=function(e,t,l,i,o,s){const d=n.resolveComponent("TreeNode");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(s.containerClass)},[l.loading?(n.openBlock(),n.createElementBlock("div",p,[n.createElementVNode("i",{class:n.normalizeClass(s.loadingIconClass)},null,2)])):n.createCommentVNode("",!0),l.filter?(n.openBlock(),n.createElementBlock("div",u,[n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=e=>o.filterValue=e),type:"text",autocomplete:"off",class:"p-tree-filter p-inputtext p-component",placeholder:l.filterPlaceholder,onKeydown:t[1]||(t[1]=(...e)=>s.onFilterKeydown&&s.onFilterKeydown(...e))},null,40,y),[[n.vModelText,o.filterValue]]),m])):n.createCommentVNode("",!0),n.createElementVNode("div",{class:"p-tree-wrapper",style:n.normalizeStyle({maxHeight:l.scrollHeight})},[n.createElementVNode("ul",k,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.valueToRender,((t,i)=>(n.openBlock(),n.createBlock(d,{key:t.key,node:t,templates:e.$slots,level:l.level+1,index:i,expandedKeys:o.d_expandedKeys,onNodeToggle:s.onNodeToggle,onNodeClick:s.onNodeClick,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,onCheckboxChange:s.onCheckboxChange},null,8,["node","templates","level","index","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange"])))),128))])],4)],2)},h}(primevue.utils,primevue.ripple,Vue);

package/treeselect/TreeSelect.d.ts

@@ -79,7 +79,7 @@ export interface TreeSelectProps {
      */
     inputStyle?: any | undefined;
     /**
-     * 
+     *
      */
     inputProps?: object | undefined;
     /**
@@ -87,8 +87,8 @@ export interface TreeSelectProps {
      */
     'aria-labelledby'?: string | undefined;
     /**
-      * Establishes a string value that labels the component.
-      */
+     * Establishes a string value that labels the component.
+     */
     'aria-label'?: string | undefined;
 }
 
@@ -155,7 +155,7 @@ export declare type TreeSelectEmits = {
      * Callback to invoke on value change.
      * @param {*} value - Selected node keys
      */
-    'change': (value: string[]) => void;
+    change: (value: string[]) => void;
     /**
      * Callback to invoke before the overlay is shown.
      */
@@ -167,11 +167,11 @@ export declare type TreeSelectEmits = {
     /**
      * Callback to invoke when the overlay is shown.
      */
-    'show': () => void;
+    show: () => void;
     /**
      * Callback to invoke when the overlay is hidden.
      */
-    'hide': () => void;
+    hide: () => void;
     /**
      * Callback to invoke when a node is selected.
      * @param {TreeNode} node - Node instance.
@@ -192,7 +192,7 @@ export declare type TreeSelectEmits = {
      * @param {TreeNode} node - Node instance.
      */
     'node-collapse': (node: TreeNode) => void;
-}
+};
 
 declare class TreeSelect extends ClassComponent<TreeSelectProps, TreeSelectSlots, TreeSelectEmits> {
     /**
@@ -211,7 +211,7 @@ declare class TreeSelect extends ClassComponent<TreeSelectProps, TreeSelectSlots
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        TreeSelect: GlobalComponentConstructor<TreeSelect>
+        TreeSelect: GlobalComponentConstructor<TreeSelect>;
     }
 }
 
@@ -225,7 +225,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [TreeSelect](https://www.primefaces.org/primevue/showcase/#/treeselect)
+ * - [TreeSelect](https://www.primefaces.org/primevue/treeselect)
  *
  */
 export default TreeSelect;