primevue 3.41.0 → 3.42.0

package/tree/Tree.d.ts

@@ -10,6 +10,7 @@
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
+import { TreeNode } from '../treenode';
 import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
 export declare type TreePassThroughOptionType = TreePassThroughAttributes | ((options: TreePassThroughMethodOptions) => TreePassThroughAttributes | string) | string | null | undefined;
@@ -40,66 +41,6 @@ export interface TreePassThroughMethodOptions {
     global: object | undefined;
 }
 
-/**
- * Custom TreeNode metadata.
- */
-export interface TreeNode {
-    /**
-     * Mandatory unique key of the node.
-     */
-    key?: string;
-    /**
-     * Label of the node.
-     */
-    label?: string;
-    /**
-     * Data represented by the node.
-     */
-    data?: any;
-    /**
-     * Type of the node to match a template.
-     */
-    type?: string;
-    /**
-     * Icon of the node to display next to content.
-     */
-    icon?: string;
-    /**
-     * An array of treenodes as children.
-     */
-    children?: TreeNode[];
-    /**
-     * Inline style of the node.
-     */
-    style?: any;
-    /**
-     * Style class of the node.
-     */
-    styleClass?: string;
-    /**
-     * Whether the node is selectable when selection mode is enabled.
-     * @defaultValue false
-     */
-    selectable?: boolean;
-    /**
-     * Specifies if the node has children. Used in lazy loading.
-     * @defaultValue false
-     */
-    leaf?: boolean;
-    /**
-     * Optional
-     */
-    [key: string]: any;
-    /**
-     * Icon to use in expanded state.
-     */
-    expandedIcon?: string;
-    /**
-     * Icon to use in collapsed state.
-     */
-    collapsedIcon?: string;
-}
-
 /**
  * Custom expanded keys metadata.
  */
@@ -291,6 +232,11 @@ export interface TreeProps {
      * @deprecated since v3.27.0. Use 'loadingicon' slot.
      */
     loadingIcon?: string | undefined;
+    /**
+     * Loading mode display.
+     * @defaultValue mask
+     */
+    loadingMode?: 'mask' | 'icon' | undefined;
     /**
      * When specified, displays an input field to filter the items.
      * @defaultValue false
@@ -321,11 +267,11 @@ export interface TreeProps {
     /**
      * Defines a string value that labels an interactive element.
      */
-    'aria-label'?: string | undefined;
+    ariaLabel?: string | undefined;
     /**
      * Identifier of the underlying menu element.
      */
-    'aria-labelledby'?: string | undefined;
+    ariaLabelledby?: string | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {TreePassThroughOptions}

package/tree/Tree.vue

@@ -1,6 +1,6 @@
 <template>
     <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="tree">
-        <template v-if="loading">
+        <template v-if="loading && loadingMode === 'mask'">
             <div :class="cx('loadingOverlay')" v-bind="ptm('loadingOverlay')">
                 <slot name="loadingicon" :class="cx('loadingIcon')">
                     <i v-if="loadingIcon" :class="[cx('loadingIcon'), 'pi-spin', loadingIcon]" v-bind="ptm('loadingIcon')" />
@@ -29,6 +29,7 @@
                     :selectionMode="selectionMode"
                     :selectionKeys="selectionKeys"
                     @checkbox-change="onCheckboxChange"
+                    :loadingMode="loadingMode"
                     :pt="pt"
                     :unstyled="unstyled"
                 ></TreeNode>

package/tree/TreeNode.vue

@@ -16,9 +16,15 @@
     >
         <div :class="cx('content')" @click="onClick" @touchend="onTouchEnd" :style="node.style" v-bind="getPTOptions('content')" :data-p-highlight="checkboxMode ? checked : selected" :data-p-selectable="selectable">
             <button v-ripple type="button" :class="cx('toggler')" @click="toggle" tabindex="-1" aria-hidden="true" v-bind="getPTOptions('toggler')">
-                <component v-if="templates['togglericon']" :is="templates['togglericon']" :node="node" :expanded="expanded" :class="cx('togglerIcon')" />
-                <component v-else-if="expanded" :is="node.expandedIcon ? 'span' : 'ChevronDownIcon'" :class="cx('togglerIcon')" v-bind="getPTOptions('togglerIcon')" />
-                <component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('togglerIcon')" v-bind="getPTOptions('togglerIcon')" />
+                <template v-if="node.loading && loadingMode === 'icon'">
+                    <component v-if="templates['nodetogglericon']" :is="templates['nodetogglericon']" :class="cx('nodetogglericon')" />
+                    <SpinnerIcon v-else spin :class="cx('nodetogglericon')" v-bind="ptm('nodetogglericon')" />
+                </template>
+                <template v-else>
+                    <component v-if="templates['togglericon']" :is="templates['togglericon']" :node="node" :expanded="expanded" :class="cx('togglerIcon')" />
+                    <component v-else-if="expanded" :is="node.expandedIcon ? 'span' : 'ChevronDownIcon'" :class="cx('togglerIcon')" v-bind="getPTOptions('togglerIcon')" />
+                    <component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('togglerIcon')" v-bind="getPTOptions('togglerIcon')" />
+                </template>
             </button>
             <div v-if="checkboxMode" :class="cx('checkboxContainer')" aria-hidden="true" v-bind="getPTOptions('checkboxContainer')">
                 <div :class="cx('checkbox')" role="checkbox" v-bind="getPTOptions('checkbox')" :data-p-checked="checked" :data-p-partialchecked="partialChecked">
@@ -57,6 +63,7 @@ import CheckIcon from 'primevue/icons/check';
 import ChevronDownIcon from 'primevue/icons/chevrondown';
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import MinusIcon from 'primevue/icons/minus';
+import SpinnerIcon from 'primevue/icons/spinner';
 import Ripple from 'primevue/ripple';
 import { DomHandler } from 'primevue/utils';
 
@@ -74,6 +81,10 @@ export default {
             type: null,
             default: null
         },
+        loadingMode: {
+            type: String,
+            default: 'mask'
+        },
         selectionKeys: {
             type: null,
             default: null
@@ -90,10 +101,7 @@ export default {
             type: Number,
             default: null
         },
-        index: {
-            type: Number,
-            default: null
-        }
+        index: null
     },
     nodeTouched: false,
     toggleClicked: false,
@@ -435,7 +443,8 @@ export default {
         ChevronDownIcon: ChevronDownIcon,
         ChevronRightIcon: ChevronRightIcon,
         CheckIcon: CheckIcon,
-        MinusIcon: MinusIcon
+        MinusIcon: MinusIcon,
+        SpinnerIcon: SpinnerIcon
     },
     directives: {
         ripple: Ripple

package/tree/style/treestyle.cjs.js

@@ -38,6 +38,7 @@ var classes = {
   },
   toggler: 'p-tree-toggler p-link',
   togglerIcon: 'p-tree-toggler-icon',
+  nodeTogglerIcon: 'p-tree-node-toggler-icon',
   checkboxContainer: 'p-checkbox p-component',
   checkbox: function checkbox(_ref4) {
     var instance = _ref4.instance;

package/tree/style/treestyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"tree",css:"\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-tree-wrapper {\n        overflow: auto;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tree p-component",{"p-tree-selectable":null!=n.selectionMode,"p-tree-loading":n.loading,"p-tree-flex-scrollable":"flex"===n.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var n=e.instance;return["p-treenode-content",n.node.styleClass,{"p-treenode-selectable":n.selectable,"p-highlight":n.checkboxMode?n.checked:n.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.checked,"p-indeterminate":n.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:"p-treenode-icon",label:"p-treenode-label",subgroup:"p-treenode-children"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"tree",css:"\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-tree-wrapper {\n        overflow: auto;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tree p-component",{"p-tree-selectable":null!=n.selectionMode,"p-tree-loading":n.loading,"p-tree-flex-scrollable":"flex"===n.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var n=e.instance;return["p-treenode-content",n.node.styleClass,{"p-treenode-selectable":n.selectable,"p-highlight":n.checkboxMode?n.checked:n.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",nodeTogglerIcon:"p-tree-node-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.checked,"p-indeterminate":n.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:"p-treenode-icon",label:"p-treenode-label",subgroup:"p-treenode-children"}});module.exports=n;

package/tree/style/treestyle.esm.js

@@ -32,6 +32,7 @@ var classes = {
   },
   toggler: 'p-tree-toggler p-link',
   togglerIcon: 'p-tree-toggler-icon',
+  nodeTogglerIcon: 'p-tree-node-toggler-icon',
   checkboxContainer: 'p-checkbox p-component',
   checkbox: function checkbox(_ref4) {
     var instance = _ref4.instance;

package/tree/style/treestyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"tree",css:"\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-tree-wrapper {\n        overflow: auto;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tree p-component",{"p-tree-selectable":null!=n.selectionMode,"p-tree-loading":n.loading,"p-tree-flex-scrollable":"flex"===n.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var n=e.instance;return["p-treenode-content",n.node.styleClass,{"p-treenode-selectable":n.selectable,"p-highlight":n.checkboxMode?n.checked:n.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.checked,"p-indeterminate":n.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:"p-treenode-icon",label:"p-treenode-label",subgroup:"p-treenode-children"}});export{n as default};
+import e from"primevue/base/style";var n=e.extend({name:"tree",css:"\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-tree-wrapper {\n        overflow: auto;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tree p-component",{"p-tree-selectable":null!=n.selectionMode,"p-tree-loading":n.loading,"p-tree-flex-scrollable":"flex"===n.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var n=e.instance;return["p-treenode-content",n.node.styleClass,{"p-treenode-selectable":n.selectable,"p-highlight":n.checkboxMode?n.checked:n.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",nodeTogglerIcon:"p-tree-node-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.checked,"p-indeterminate":n.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:"p-treenode-icon",label:"p-treenode-label",subgroup:"p-treenode-children"}});export{n as default};

package/tree/style/treestyle.js

@@ -39,6 +39,7 @@ this.primevue.tree.style = (function (BaseStyle) {
       },
       toggler: 'p-tree-toggler p-link',
       togglerIcon: 'p-tree-toggler-icon',
+      nodeTogglerIcon: 'p-tree-node-toggler-icon',
       checkboxContainer: 'p-checkbox p-component',
       checkbox: function checkbox(_ref4) {
         var instance = _ref4.instance;

package/tree/style/treestyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tree=this.primevue.tree||{},this.primevue.tree.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"tree",css:"\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-tree-wrapper {\n        overflow: auto;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tree p-component",{"p-tree-selectable":null!=n.selectionMode,"p-tree-loading":n.loading,"p-tree-flex-scrollable":"flex"===n.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var n=e.instance;return["p-treenode-content",n.node.styleClass,{"p-treenode-selectable":n.selectable,"p-highlight":n.checkboxMode?n.checked:n.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.checked,"p-indeterminate":n.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:"p-treenode-icon",label:"p-treenode-label",subgroup:"p-treenode-children"}})}();
+this.primevue=this.primevue||{},this.primevue.tree=this.primevue.tree||{},this.primevue.tree.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"tree",css:"\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-tree-wrapper {\n        overflow: auto;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tree p-component",{"p-tree-selectable":null!=n.selectionMode,"p-tree-loading":n.loading,"p-tree-flex-scrollable":"flex"===n.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var n=e.instance;return["p-treenode-content",n.node.styleClass,{"p-treenode-selectable":n.selectable,"p-highlight":n.checkboxMode?n.checked:n.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",nodeTogglerIcon:"p-tree-node-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.checked,"p-indeterminate":n.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:"p-treenode-icon",label:"p-treenode-label",subgroup:"p-treenode-children"}})}();

package/tree/tree.cjs.js

@@ -56,6 +56,10 @@ var script$2 = {
       type: String,
       "default": undefined
     },
+    loadingMode: {
+      type: String,
+      "default": 'mask'
+    },
     filter: {
       type: Boolean,
       "default": false
@@ -84,11 +88,11 @@ var script$2 = {
       type: Number,
       "default": 0
     },
-    'aria-labelledby': {
+    ariaLabelledby: {
       type: String,
       "default": null
     },
-    'aria-label': {
+    ariaLabel: {
       type: String,
       "default": null
     }
@@ -128,6 +132,10 @@ var script$1 = {
       type: null,
       "default": null
     },
+    loadingMode: {
+      type: String,
+      "default": 'mask'
+    },
     selectionKeys: {
       type: null,
       "default": null
@@ -144,10 +152,7 @@ var script$1 = {
       type: Number,
       "default": null
     },
-    index: {
-      type: Number,
-      "default": null
-    }
+    index: null
   },
   nodeTouched: false,
   toggleClicked: false,
@@ -463,7 +468,8 @@ var script$1 = {
     ChevronDownIcon: ChevronDownIcon__default["default"],
     ChevronRightIcon: ChevronRightIcon__default["default"],
     CheckIcon: CheckIcon__default["default"],
-    MinusIcon: MinusIcon__default["default"]
+    MinusIcon: MinusIcon__default["default"],
+    SpinnerIcon: SpinnerIcon__default["default"]
   },
   directives: {
     ripple: Ripple__default["default"]
@@ -474,6 +480,7 @@ var _hoisted_1$1 = ["aria-label", "aria-selected", "aria-expanded", "aria-setsiz
 var _hoisted_2$1 = ["data-p-highlight", "data-p-selectable"];
 var _hoisted_3 = ["data-p-checked", "data-p-partialchecked"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
   var _component_TreeNode = vue.resolveComponent("TreeNode", true);
   var _directive_ripple = vue.resolveDirective("ripple");
   return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -511,7 +518,18 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     tabindex: "-1",
     "aria-hidden": "true"
-  }, $options.getPTOptions('toggler')), [$props.templates['togglericon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['togglericon']), {
+  }, $options.getPTOptions('toggler')), [$props.node.loading && $props.loadingMode === 'icon' ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+    key: 0
+  }, [$props.templates['nodetogglericon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['nodetogglericon']), {
+    key: 0,
+    "class": vue.normalizeClass(_ctx.cx('nodetogglericon'))
+  }, null, 8, ["class"])) : (vue.openBlock(), vue.createBlock(_component_SpinnerIcon, vue.mergeProps({
+    key: 1,
+    spin: "",
+    "class": _ctx.cx('nodetogglericon')
+  }, _ctx.ptm('nodetogglericon')), null, 16, ["class"]))], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+    key: 1
+  }, [$props.templates['togglericon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['togglericon']), {
     key: 0,
     node: $props.node,
     expanded: $options.expanded,
@@ -522,7 +540,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, $options.getPTOptions('togglerIcon')), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.node.collapsedIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
     key: 2,
     "class": _ctx.cx('togglerIcon')
-  }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+  }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 64))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 0,
     "class": _ctx.cx('checkboxContainer'),
     "aria-hidden": "true"
@@ -804,7 +822,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('root')
   }, _ctx.ptm('root'), {
     "data-pc-name": "tree"
-  }), [_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+  }), [_ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 0,
     "class": _ctx.cx('loadingOverlay')
   }, _ctx.ptm('loadingOverlay')), [vue.renderSlot(_ctx.$slots, "loadingicon", {
@@ -861,9 +879,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       selectionMode: _ctx.selectionMode,
       selectionKeys: _ctx.selectionKeys,
       onCheckboxChange: $options.onCheckboxChange,
+      loadingMode: _ctx.loadingMode,
       pt: _ctx.pt,
       unstyled: _ctx.unstyled
-    }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "pt", "unstyled"]);
+    }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "loadingMode", "pt", "unstyled"]);
   }), 128))], 16, _hoisted_2)], 16)], 16);
 }
 

package/tree/tree.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/search"),t=require("primevue/icons/spinner"),n=require("primevue/utils"),o=require("primevue/basecomponent"),r=require("primevue/tree/style"),i=require("primevue/icons/check"),l=require("primevue/icons/chevrondown"),c=require("primevue/icons/chevronright"),a=require("primevue/icons/minus"),s=require("primevue/ripple"),d=require("vue");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=u(e),p=u(t),f=u(o),y=u(r),g=u(i),m={name:"BaseTree",extends:f.default,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:void 0},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},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:y.default,provide:function(){return{$parentInstance:this}}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=T(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}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 i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){var t=w(e,"string");return"symbol"===b(t)?t:String(t)}function w(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function K(e){return O(e)||I(e)||T(e)||N()}function N(){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 T(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e){if(Array.isArray(e))return P(e)}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var E={name:"TreeNode",hostName:"Tree",extends:f.default,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,toggleClicked:!1,mounted:function(){this.setAllNodesTabIndexes()},methods:{toggle:function(){this.$emit("node-toggle",this.node),this.toggleClicked=!0},label:function(e){return"function"==typeof e.label?e.label():e.label},onChildNodeToggle:function(e){this.$emit("node-toggle",e)},getPTOptions:function(e){return this.ptm(e,{context:{index:this.index,expanded:this.expanded,selected:this.selected,checked:this.checked,leaf:this.leaf}})},onClick:function(e){this.toggleClicked||n.DomHandler.getAttribute(e.target,'[data-pc-section="toggler"]')||n.DomHandler.getAttribute(e.target.parentElement,'[data-pc-section="toggler"]')?this.toggleClicked=!1:(this.isCheckboxSelectionMode()?this.toggleCheckbox():this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onChildNodeClick:function(e){this.$emit("node-click",e)},onTouchEnd:function(){this.nodeTouched=!0},onKeyDown:function(e){if(this.isSameNode(e))switch(e.code){case"Tab":this.onTabKey(e);break;case"ArrowDown":this.onArrowDown(e);break;case"ArrowUp":this.onArrowUp(e);break;case"ArrowRight":this.onArrowRight(e);break;case"ArrowLeft":this.onArrowLeft(e);break;case"Enter":case"Space":this.onEnterKey(e)}},onArrowDown:function(e){var t="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,n=t.children[1];if(n)this.focusRowChange(t,n.children[0]);else if(t.nextElementSibling)this.focusRowChange(t,t.nextElementSibling);else{var o=this.findNextSiblingOfAncestor(t);o&&this.focusRowChange(t,o)}e.preventDefault()},onArrowUp:function(e){var t=e.target;if(t.previousElementSibling)this.focusRowChange(t,t.previousElementSibling,this.findLastVisibleDescendant(t.previousElementSibling));else{var n=this.getParentNodeElement(t);n&&this.focusRowChange(t,n)}e.preventDefault()},onArrowRight:function(e){var t=this;this.leaf||this.expanded||(e.currentTarget.tabIndex=-1,this.$emit("node-toggle",this.node),this.$nextTick((function(){t.onArrowDown(e)})))},onArrowLeft:function(e){var t=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="toggler"]');if(0===this.level&&!this.expanded)return!1;if(this.expanded&&!this.leaf)return t.click(),!1;var o=this.findBeforeClickableNode(e.currentTarget);o&&this.focusRowChange(e.currentTarget,o)},onEnterKey:function(e){this.setTabIndexForSelectionMode(e,this.nodeTouched),this.onClick(e),e.preventDefault()},onTabKey:function(){this.setAllNodesTabIndexes()},setAllNodesTabIndexes:function(){var e=n.DomHandler.find(this.$refs.currentNode.closest('[data-pc-section="container"]'),'[role="treeitem"]'),t=K(e).some((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));(K(e).forEach((function(e){e.tabIndex=-1})),t)?K(e).filter((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}))[0].tabIndex=0:K(e)[0].tabIndex=0},setTabIndexForSelectionMode:function(e,t){if(null!==this.selectionMode){var o=K(n.DomHandler.find(this.$refs.currentNode.parentElement,'[role="treeitem"]'));e.currentTarget.tabIndex=!1===t?-1:0,o.every((function(e){return-1===e.tabIndex}))&&(o[0].tabIndex=0)}},focusRowChange:function(e,t,n){e.tabIndex="-1",t.tabIndex="0",this.focusNode(n||t)},findBeforeClickableNode:function(e){var t=e.closest("ul").closest("li");if(t){var o=n.DomHandler.findSingle(t,"button");return o&&"hidden"!==o.style.visibility?t:this.findBeforeClickableNode(e.previousElementSibling)}return null},toggleCheckbox:function(){var e=this.selectionKeys?x({},this.selectionKeys):{},t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown:function(e,t,n){if(t?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length){var o,r=k(e.children);try{for(r.s();!(o=r.n()).done;){this.propagateDown(o.value,t,n)}}catch(e){r.e(e)}finally{r.f()}}},propagateUp:function(e){var t,n=e.check,o=x({},e.selectionKeys),r=0,i=!1,l=k(this.node.children);try{for(l.s();!(t=l.n()).done;){var c=t.value;o[c.key]&&o[c.key].checked?r++:o[c.key]&&o[c.key].partialChecked&&(i=!0)}}catch(e){l.e(e)}finally{l.f()}n&&r===this.node.children.length?o[this.node.key]={checked:!0,partialChecked:!1}:(n||delete o[this.node.key],i||r>0&&r!==this.node.children.length?o[this.node.key]={checked:!1,partialChecked:!0}:delete o[this.node.key]),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:o})},onChildCheckboxChange:function(e){this.$emit("checkbox-change",e)},findNextSiblingOfAncestor:function(e){var t=this.getParentNodeElement(e);return t?t.nextElementSibling?t.nextElementSibling:this.findNextSiblingOfAncestor(t):null},findLastVisibleDescendant:function(e){var t=e.children[1];return t?this.findLastVisibleDescendant(t.children[t.children.length-1]):e},getParentNodeElement:function(e){var t=e.parentElement.parentElement;return"treeitem"===n.DomHandler.getAttribute(t,"role")?t:null},focusNode:function(e){e.focus()},isCheckboxSelectionMode:function(){return"checkbox"===this.selectionMode},isSameNode:function(e){return e.currentTarget&&(e.currentTarget.isSameNode(e.target)||e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]')))}},computed:{hasChildren:function(){return this.node.children&&this.node.children.length>0},expanded:function(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf:function(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selectable:function(){return!1!==this.node.selectable&&null!=this.selectionMode},selected:function(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},checkboxMode:function(){return"checkbox"===this.selectionMode&&!1!==this.node.selectable},checked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)},ariaChecked:function(){return"single"===this.selectionMode||"multiple"===this.selectionMode?this.selected:void 0},ariaSelected:function(){return this.checkboxMode?this.checked:void 0}},components:{ChevronDownIcon:u(l).default,ChevronRightIcon:u(c).default,CheckIcon:g.default,MinusIcon:u(a).default},directives:{ripple:u(s).default}},M=["aria-label","aria-selected","aria-expanded","aria-setsize","aria-posinset","aria-level","aria-checked","tabindex"],B=["data-p-highlight","data-p-selectable"],A=["data-p-checked","data-p-partialchecked"];function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function j(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}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 i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function $(){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 V(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}function F(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(e){if(Array.isArray(e))return R(e)}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){U(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function U(e,t,n){return(t=_(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(e){var t=z(e,"string");return"symbol"===D(t)?t:String(t)}function z(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==D(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}E.render=function(e,t,n,o,r,i){var l=d.resolveComponent("TreeNode",!0),c=d.resolveDirective("ripple");return d.openBlock(),d.createElementBlock("li",d.mergeProps({ref:"currentNode",class:e.cx("node"),role:"treeitem","aria-label":i.label(n.node),"aria-selected":i.ariaSelected,"aria-expanded":i.expanded,"aria-setsize":n.node.children?n.node.children.length:0,"aria-posinset":n.index+1,"aria-level":n.level,"aria-checked":i.ariaChecked,tabindex:0===n.index?0:-1,onKeydown:t[4]||(t[4]=function(){return i.onKeyDown&&i.onKeyDown.apply(i,arguments)})},1===n.level?i.getPTOptions("node"):e.ptm("subgroup")),[d.createElementVNode("div",d.mergeProps({class:e.cx("content"),onClick:t[2]||(t[2]=function(){return i.onClick&&i.onClick.apply(i,arguments)}),onTouchend:t[3]||(t[3]=function(){return i.onTouchEnd&&i.onTouchEnd.apply(i,arguments)}),style:n.node.style},i.getPTOptions("content"),{"data-p-highlight":i.checkboxMode?i.checked:i.selected,"data-p-selectable":i.selectable}),[d.withDirectives((d.openBlock(),d.createElementBlock("button",d.mergeProps({type:"button",class:e.cx("toggler"),onClick:t[0]||(t[0]=function(){return i.toggle&&i.toggle.apply(i,arguments)}),tabindex:"-1","aria-hidden":"true"},i.getPTOptions("toggler")),[n.templates.togglericon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.togglericon),{key:0,node:n.node,expanded:i.expanded,class:d.normalizeClass(e.cx("togglerIcon"))},null,8,["node","expanded","class"])):i.expanded?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.expandedIcon?"span":"ChevronDownIcon"),d.mergeProps({key:1,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.collapsedIcon?"span":"ChevronRightIcon"),d.mergeProps({key:2,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"]))],16)),[[c]]),i.checkboxMode?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("checkboxContainer"),"aria-hidden":"true"},i.getPTOptions("checkboxContainer")),[d.createElementVNode("div",d.mergeProps({class:e.cx("checkbox"),role:"checkbox"},i.getPTOptions("checkbox"),{"data-p-checked":i.checked,"data-p-partialchecked":i.partialChecked}),[n.templates.checkboxicon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.checkboxicon),{key:0,checked:i.checked,partialChecked:i.partialChecked,class:d.normalizeClass(e.cx("checkboxIcon"))},null,8,["checked","partialChecked","class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(i.checked?"CheckIcon":i.partialChecked?"MinusIcon":null),d.mergeProps({key:1,class:e.cx("checkboxIcon")},i.getPTOptions("checkboxIcon")),null,16,["class"]))],16,A)],16)):d.createCommentVNode("",!0),d.createElementVNode("span",d.mergeProps({class:[e.cx("nodeIcon"),n.node.icon]},i.getPTOptions("nodeIcon")),null,16),d.createElementVNode("span",d.mergeProps({class:e.cx("label")},i.getPTOptions("label"),{onKeydown:t[1]||(t[1]=d.withModifiers((function(){}),["stop"]))}),[n.templates[n.node.type]||n.templates.default?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates[n.node.type]||n.templates.default),{key:0,node:n.node},null,8,["node"])):(d.openBlock(),d.createElementBlock(d.Fragment,{key:1},[d.createTextVNode(d.toDisplayString(i.label(n.node)),1)],64))],16)],16,B),i.hasChildren&&i.expanded?(d.openBlock(),d.createElementBlock("ul",d.mergeProps({key:0,class:e.cx("subgroup"),role:"group"},e.ptm("subgroup")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(n.node.children,(function(t){return d.openBlock(),d.createBlock(l,{key:t.key,node:t,templates:n.templates,level:n.level+1,expandedKeys:n.expandedKeys,onNodeToggle:i.onChildNodeToggle,onNodeClick:i.onChildNodeClick,selectionMode:n.selectionMode,selectionKeys:n.selectionKeys,onCheckboxChange:i.propagateUp,pt:e.pt},null,8,["node","templates","level","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt"])})),128))],16)):d.createCommentVNode("",!0)],16,M)};var W={name:"Tree",extends:m,emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect"],data:function(){return{d_expandedKeys:this.expandedKeys||{},filterValue:null}},watch:{expandedKeys:function(e){this.d_expandedKeys=e}},methods:{onNodeToggle:function(e){var 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=H({},this.d_expandedKeys),this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick:function(e){if(null!=this.selectionMode&&!1!==e.node.selectable){var t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},onCheckboxChange:function(e){this.$emit("update:selectionKeys",e.selectionKeys),this.$emit(e.check?"node-select":"node-unselect",e.node)},handleSelectionWithMetaKey:function(e){var t,n=e.originalEvent,o=e.node,r=n.metaKey||n.ctrlKey;return this.isNodeSelected(o)&&r?(this.isSingleSelectionMode()?t={}:delete(t=H({},this.selectionKeys))[o.key],this.$emit("node-unselect",o)):(this.isSingleSelectionMode()?t={}:this.isMultipleSelectionMode()&&(t=r&&this.selectionKeys?H({},this.selectionKeys):{}),t[o.key]=!0,this.$emit("node-select",o)),t},handleSelectionWithoutMetaKey:function(e){var t,n=e.node,o=this.isNodeSelected(n);return this.isSingleSelectionMode()?o?(t={},this.$emit("node-unselect",n)):((t={})[n.key]=!0,this.$emit("node-select",n)):o?(delete(t=H({},this.selectionKeys))[n.key],this.$emit("node-unselect",n)):((t=this.selectionKeys?H({},this.selectionKeys):{})[n.key]=!0,this.$emit("node-select",n)),t},isSingleSelectionMode:function(){return"single"===this.selectionMode},isMultipleSelectionMode:function(){return"multiple"===this.selectionMode},isNodeSelected:function(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isChecked:function(e){return!!this.selectionKeys&&(this.selectionKeys[e.key]&&this.selectionKeys[e.key].checked)},isNodeLeaf:function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},onFilterKeydown:function(e){"Enter"===e.code&&e.preventDefault()},findFilteredNodes:function(e,t){if(e){var n=!1;if(e.children){var o=L(c=e.children)||F(c)||V(c)||$();e.children=[];var r,i=j(o);try{for(i.s();!(r=i.n()).done;){var l=H({},r.value);this.isFilterMatched(l,t)&&(n=!0,e.children.push(l))}}catch(e){i.e(e)}finally{i.f()}}if(n)return!0}var c},isFilterMatched:function(e,t){var o,r=t.searchFields,i=t.filterText,l=t.strict,c=!1,a=j(r);try{for(a.s();!(o=a.n()).done;){String(n.ObjectUtils.resolveFieldData(e,o.value)).toLocaleLowerCase(this.filterLocale).indexOf(i)>-1&&(c=!0)}}catch(e){a.e(e)}finally{a.f()}return(!c||l&&!this.isNodeLeaf(e))&&(c=this.findFilteredNodes(e,{searchFields:r,filterText:i,strict:l})||c),c}},computed:{filteredValue:function(){var e,t=[],n=this.filterBy.split(","),o=this.filterValue.trim().toLocaleLowerCase(this.filterLocale),r="strict"===this.filterMode,i=j(this.value);try{for(i.s();!(e=i.n()).done;){var l=H({},e.value),c={searchFields:n,filterText:o,strict:r};(r&&(this.findFilteredNodes(l,c)||this.isFilterMatched(l,c))||!r&&(this.isFilterMatched(l,c)||this.findFilteredNodes(l,c)))&&t.push(l)}}catch(e){i.e(e)}finally{i.f()}return t},valueToRender:function(){return this.filterValue&&this.filterValue.trim().length>0?this.filteredValue:this.value}},components:{TreeNode:E,SearchIcon:h.default,SpinnerIcon:p.default}},G=["placeholder"],J=["aria-labelledby","aria-label"];W.render=function(e,t,n,o,r,i){var l=d.resolveComponent("SpinnerIcon"),c=d.resolveComponent("SearchIcon"),a=d.resolveComponent("TreeNode");return d.openBlock(),d.createElementBlock("div",d.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tree"}),[e.loading?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("loadingOverlay")},e.ptm("loadingOverlay")),[d.renderSlot(e.$slots,"loadingicon",{class:d.normalizeClass(e.cx("loadingIcon"))},(function(){return[e.loadingIcon?(d.openBlock(),d.createElementBlock("i",d.mergeProps({key:0,class:[e.cx("loadingIcon"),"pi-spin",e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(d.openBlock(),d.createBlock(l,d.mergeProps({key:1,spin:"",class:e.cx("loadingIcon")},e.ptm("loadingIcon")),null,16,["class"]))]}))],16)):d.createCommentVNode("",!0),e.filter?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:1,class:e.cx("filterContainer")},e.ptm("filterContainer")),[d.withDirectives(d.createElementVNode("input",d.mergeProps({"onUpdate:modelValue":t[0]||(t[0]=function(e){return r.filterValue=e}),type:"text",autocomplete:"off",class:e.cx("input"),placeholder:e.filterPlaceholder,onKeydown:t[1]||(t[1]=function(){return i.onFilterKeydown&&i.onFilterKeydown.apply(i,arguments)})},e.ptm("input")),null,16,G),[[d.vModelText,r.filterValue]]),d.renderSlot(e.$slots,"searchicon",{class:d.normalizeClass(e.cx("searchIcon"))},(function(){return[d.createVNode(c,d.mergeProps({class:e.cx("searchIcon")},e.ptm("searchIcon")),null,16,["class"])]}))],16)):d.createCommentVNode("",!0),d.createElementVNode("div",d.mergeProps({class:e.cx("wrapper"),style:{maxHeight:e.scrollHeight}},e.ptm("wrapper")),[d.createElementVNode("ul",d.mergeProps({class:e.cx("container"),role:"tree","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("container")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(i.valueToRender,(function(t,n){return d.openBlock(),d.createBlock(a,{key:t.key,node:t,templates:e.$slots,level:e.level+1,index:n,expandedKeys:r.d_expandedKeys,onNodeToggle:i.onNodeToggle,onNodeClick:i.onNodeClick,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onCheckboxChange:i.onCheckboxChange,pt:e.pt,unstyled:e.unstyled},null,8,["node","templates","level","index","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt","unstyled"])})),128))],16,J)],16)],16)},module.exports=W;
+"use strict";var e=require("primevue/icons/search"),t=require("primevue/icons/spinner"),n=require("primevue/utils"),o=require("primevue/basecomponent"),r=require("primevue/tree/style"),i=require("primevue/icons/check"),l=require("primevue/icons/chevrondown"),c=require("primevue/icons/chevronright"),a=require("primevue/icons/minus"),s=require("primevue/ripple"),d=require("vue");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=u(e),p=u(t),f=u(o),y=u(r),g=u(i),m={name:"BaseTree",extends:f.default,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:void 0},loadingMode:{type:String,default:"mask"},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},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:y.default,provide:function(){return{$parentInstance:this}}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=T(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}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 i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){var t=w(e,"string");return"symbol"===b(t)?t:String(t)}function w(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function K(e){return P(e)||I(e)||T(e)||N()}function N(){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 T(e,t){if(e){if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?M(e,t):void 0}}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e){if(Array.isArray(e))return M(e)}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var O={name:"TreeNode",hostName:"Tree",extends:f.default,emits:["node-toggle","node-click","checkbox-change"],props:{node:{type:null,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},index:null},nodeTouched:!1,toggleClicked:!1,mounted:function(){this.setAllNodesTabIndexes()},methods:{toggle:function(){this.$emit("node-toggle",this.node),this.toggleClicked=!0},label:function(e){return"function"==typeof e.label?e.label():e.label},onChildNodeToggle:function(e){this.$emit("node-toggle",e)},getPTOptions:function(e){return this.ptm(e,{context:{index:this.index,expanded:this.expanded,selected:this.selected,checked:this.checked,leaf:this.leaf}})},onClick:function(e){this.toggleClicked||n.DomHandler.getAttribute(e.target,'[data-pc-section="toggler"]')||n.DomHandler.getAttribute(e.target.parentElement,'[data-pc-section="toggler"]')?this.toggleClicked=!1:(this.isCheckboxSelectionMode()?this.toggleCheckbox():this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onChildNodeClick:function(e){this.$emit("node-click",e)},onTouchEnd:function(){this.nodeTouched=!0},onKeyDown:function(e){if(this.isSameNode(e))switch(e.code){case"Tab":this.onTabKey(e);break;case"ArrowDown":this.onArrowDown(e);break;case"ArrowUp":this.onArrowUp(e);break;case"ArrowRight":this.onArrowRight(e);break;case"ArrowLeft":this.onArrowLeft(e);break;case"Enter":case"Space":this.onEnterKey(e)}},onArrowDown:function(e){var t="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,n=t.children[1];if(n)this.focusRowChange(t,n.children[0]);else if(t.nextElementSibling)this.focusRowChange(t,t.nextElementSibling);else{var o=this.findNextSiblingOfAncestor(t);o&&this.focusRowChange(t,o)}e.preventDefault()},onArrowUp:function(e){var t=e.target;if(t.previousElementSibling)this.focusRowChange(t,t.previousElementSibling,this.findLastVisibleDescendant(t.previousElementSibling));else{var n=this.getParentNodeElement(t);n&&this.focusRowChange(t,n)}e.preventDefault()},onArrowRight:function(e){var t=this;this.leaf||this.expanded||(e.currentTarget.tabIndex=-1,this.$emit("node-toggle",this.node),this.$nextTick((function(){t.onArrowDown(e)})))},onArrowLeft:function(e){var t=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="toggler"]');if(0===this.level&&!this.expanded)return!1;if(this.expanded&&!this.leaf)return t.click(),!1;var o=this.findBeforeClickableNode(e.currentTarget);o&&this.focusRowChange(e.currentTarget,o)},onEnterKey:function(e){this.setTabIndexForSelectionMode(e,this.nodeTouched),this.onClick(e),e.preventDefault()},onTabKey:function(){this.setAllNodesTabIndexes()},setAllNodesTabIndexes:function(){var e=n.DomHandler.find(this.$refs.currentNode.closest('[data-pc-section="container"]'),'[role="treeitem"]'),t=K(e).some((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));(K(e).forEach((function(e){e.tabIndex=-1})),t)?K(e).filter((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}))[0].tabIndex=0:K(e)[0].tabIndex=0},setTabIndexForSelectionMode:function(e,t){if(null!==this.selectionMode){var o=K(n.DomHandler.find(this.$refs.currentNode.parentElement,'[role="treeitem"]'));e.currentTarget.tabIndex=!1===t?-1:0,o.every((function(e){return-1===e.tabIndex}))&&(o[0].tabIndex=0)}},focusRowChange:function(e,t,n){e.tabIndex="-1",t.tabIndex="0",this.focusNode(n||t)},findBeforeClickableNode:function(e){var t=e.closest("ul").closest("li");if(t){var o=n.DomHandler.findSingle(t,"button");return o&&"hidden"!==o.style.visibility?t:this.findBeforeClickableNode(e.previousElementSibling)}return null},toggleCheckbox:function(){var e=this.selectionKeys?x({},this.selectionKeys):{},t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown:function(e,t,n){if(t?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length){var o,r=k(e.children);try{for(r.s();!(o=r.n()).done;){this.propagateDown(o.value,t,n)}}catch(e){r.e(e)}finally{r.f()}}},propagateUp:function(e){var t,n=e.check,o=x({},e.selectionKeys),r=0,i=!1,l=k(this.node.children);try{for(l.s();!(t=l.n()).done;){var c=t.value;o[c.key]&&o[c.key].checked?r++:o[c.key]&&o[c.key].partialChecked&&(i=!0)}}catch(e){l.e(e)}finally{l.f()}n&&r===this.node.children.length?o[this.node.key]={checked:!0,partialChecked:!1}:(n||delete o[this.node.key],i||r>0&&r!==this.node.children.length?o[this.node.key]={checked:!1,partialChecked:!0}:delete o[this.node.key]),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:o})},onChildCheckboxChange:function(e){this.$emit("checkbox-change",e)},findNextSiblingOfAncestor:function(e){var t=this.getParentNodeElement(e);return t?t.nextElementSibling?t.nextElementSibling:this.findNextSiblingOfAncestor(t):null},findLastVisibleDescendant:function(e){var t=e.children[1];return t?this.findLastVisibleDescendant(t.children[t.children.length-1]):e},getParentNodeElement:function(e){var t=e.parentElement.parentElement;return"treeitem"===n.DomHandler.getAttribute(t,"role")?t:null},focusNode:function(e){e.focus()},isCheckboxSelectionMode:function(){return"checkbox"===this.selectionMode},isSameNode:function(e){return e.currentTarget&&(e.currentTarget.isSameNode(e.target)||e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]')))}},computed:{hasChildren:function(){return this.node.children&&this.node.children.length>0},expanded:function(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf:function(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selectable:function(){return!1!==this.node.selectable&&null!=this.selectionMode},selected:function(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},checkboxMode:function(){return"checkbox"===this.selectionMode&&!1!==this.node.selectable},checked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)},ariaChecked:function(){return"single"===this.selectionMode||"multiple"===this.selectionMode?this.selected:void 0},ariaSelected:function(){return this.checkboxMode?this.checked:void 0}},components:{ChevronDownIcon:u(l).default,ChevronRightIcon:u(c).default,CheckIcon:g.default,MinusIcon:u(a).default,SpinnerIcon:p.default},directives:{ripple:u(s).default}},B=["aria-label","aria-selected","aria-expanded","aria-setsize","aria-posinset","aria-level","aria-checked","tabindex"],E=["data-p-highlight","data-p-selectable"],D=["data-p-checked","data-p-partialchecked"];function A(e){return A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},A(e)}function j(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}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 i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function $(){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 V(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}function F(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(e){if(Array.isArray(e))return R(e)}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){U(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function U(e,t,n){return(t=_(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(e){var t=z(e,"string");return"symbol"===A(t)?t:String(t)}function z(e,t){if("object"!==A(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==A(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}O.render=function(e,t,n,o,r,i){var l=d.resolveComponent("SpinnerIcon"),c=d.resolveComponent("TreeNode",!0),a=d.resolveDirective("ripple");return d.openBlock(),d.createElementBlock("li",d.mergeProps({ref:"currentNode",class:e.cx("node"),role:"treeitem","aria-label":i.label(n.node),"aria-selected":i.ariaSelected,"aria-expanded":i.expanded,"aria-setsize":n.node.children?n.node.children.length:0,"aria-posinset":n.index+1,"aria-level":n.level,"aria-checked":i.ariaChecked,tabindex:0===n.index?0:-1,onKeydown:t[4]||(t[4]=function(){return i.onKeyDown&&i.onKeyDown.apply(i,arguments)})},1===n.level?i.getPTOptions("node"):e.ptm("subgroup")),[d.createElementVNode("div",d.mergeProps({class:e.cx("content"),onClick:t[2]||(t[2]=function(){return i.onClick&&i.onClick.apply(i,arguments)}),onTouchend:t[3]||(t[3]=function(){return i.onTouchEnd&&i.onTouchEnd.apply(i,arguments)}),style:n.node.style},i.getPTOptions("content"),{"data-p-highlight":i.checkboxMode?i.checked:i.selected,"data-p-selectable":i.selectable}),[d.withDirectives((d.openBlock(),d.createElementBlock("button",d.mergeProps({type:"button",class:e.cx("toggler"),onClick:t[0]||(t[0]=function(){return i.toggle&&i.toggle.apply(i,arguments)}),tabindex:"-1","aria-hidden":"true"},i.getPTOptions("toggler")),[n.node.loading&&"icon"===n.loadingMode?(d.openBlock(),d.createElementBlock(d.Fragment,{key:0},[n.templates.nodetogglericon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.nodetogglericon),{key:0,class:d.normalizeClass(e.cx("nodetogglericon"))},null,8,["class"])):(d.openBlock(),d.createBlock(l,d.mergeProps({key:1,spin:"",class:e.cx("nodetogglericon")},e.ptm("nodetogglericon")),null,16,["class"]))],64)):(d.openBlock(),d.createElementBlock(d.Fragment,{key:1},[n.templates.togglericon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.togglericon),{key:0,node:n.node,expanded:i.expanded,class:d.normalizeClass(e.cx("togglerIcon"))},null,8,["node","expanded","class"])):i.expanded?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.expandedIcon?"span":"ChevronDownIcon"),d.mergeProps({key:1,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.collapsedIcon?"span":"ChevronRightIcon"),d.mergeProps({key:2,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"]))],64))],16)),[[a]]),i.checkboxMode?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("checkboxContainer"),"aria-hidden":"true"},i.getPTOptions("checkboxContainer")),[d.createElementVNode("div",d.mergeProps({class:e.cx("checkbox"),role:"checkbox"},i.getPTOptions("checkbox"),{"data-p-checked":i.checked,"data-p-partialchecked":i.partialChecked}),[n.templates.checkboxicon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.checkboxicon),{key:0,checked:i.checked,partialChecked:i.partialChecked,class:d.normalizeClass(e.cx("checkboxIcon"))},null,8,["checked","partialChecked","class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(i.checked?"CheckIcon":i.partialChecked?"MinusIcon":null),d.mergeProps({key:1,class:e.cx("checkboxIcon")},i.getPTOptions("checkboxIcon")),null,16,["class"]))],16,D)],16)):d.createCommentVNode("",!0),d.createElementVNode("span",d.mergeProps({class:[e.cx("nodeIcon"),n.node.icon]},i.getPTOptions("nodeIcon")),null,16),d.createElementVNode("span",d.mergeProps({class:e.cx("label")},i.getPTOptions("label"),{onKeydown:t[1]||(t[1]=d.withModifiers((function(){}),["stop"]))}),[n.templates[n.node.type]||n.templates.default?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates[n.node.type]||n.templates.default),{key:0,node:n.node},null,8,["node"])):(d.openBlock(),d.createElementBlock(d.Fragment,{key:1},[d.createTextVNode(d.toDisplayString(i.label(n.node)),1)],64))],16)],16,E),i.hasChildren&&i.expanded?(d.openBlock(),d.createElementBlock("ul",d.mergeProps({key:0,class:e.cx("subgroup"),role:"group"},e.ptm("subgroup")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(n.node.children,(function(t){return d.openBlock(),d.createBlock(c,{key:t.key,node:t,templates:n.templates,level:n.level+1,expandedKeys:n.expandedKeys,onNodeToggle:i.onChildNodeToggle,onNodeClick:i.onChildNodeClick,selectionMode:n.selectionMode,selectionKeys:n.selectionKeys,onCheckboxChange:i.propagateUp,pt:e.pt},null,8,["node","templates","level","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt"])})),128))],16)):d.createCommentVNode("",!0)],16,B)};var W={name:"Tree",extends:m,emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect"],data:function(){return{d_expandedKeys:this.expandedKeys||{},filterValue:null}},watch:{expandedKeys:function(e){this.d_expandedKeys=e}},methods:{onNodeToggle:function(e){var 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=H({},this.d_expandedKeys),this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick:function(e){if(null!=this.selectionMode&&!1!==e.node.selectable){var t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},onCheckboxChange:function(e){this.$emit("update:selectionKeys",e.selectionKeys),this.$emit(e.check?"node-select":"node-unselect",e.node)},handleSelectionWithMetaKey:function(e){var t,n=e.originalEvent,o=e.node,r=n.metaKey||n.ctrlKey;return this.isNodeSelected(o)&&r?(this.isSingleSelectionMode()?t={}:delete(t=H({},this.selectionKeys))[o.key],this.$emit("node-unselect",o)):(this.isSingleSelectionMode()?t={}:this.isMultipleSelectionMode()&&(t=r&&this.selectionKeys?H({},this.selectionKeys):{}),t[o.key]=!0,this.$emit("node-select",o)),t},handleSelectionWithoutMetaKey:function(e){var t,n=e.node,o=this.isNodeSelected(n);return this.isSingleSelectionMode()?o?(t={},this.$emit("node-unselect",n)):((t={})[n.key]=!0,this.$emit("node-select",n)):o?(delete(t=H({},this.selectionKeys))[n.key],this.$emit("node-unselect",n)):((t=this.selectionKeys?H({},this.selectionKeys):{})[n.key]=!0,this.$emit("node-select",n)),t},isSingleSelectionMode:function(){return"single"===this.selectionMode},isMultipleSelectionMode:function(){return"multiple"===this.selectionMode},isNodeSelected:function(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isChecked:function(e){return!!this.selectionKeys&&(this.selectionKeys[e.key]&&this.selectionKeys[e.key].checked)},isNodeLeaf:function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},onFilterKeydown:function(e){"Enter"===e.code&&e.preventDefault()},findFilteredNodes:function(e,t){if(e){var n=!1;if(e.children){var o=L(c=e.children)||F(c)||V(c)||$();e.children=[];var r,i=j(o);try{for(i.s();!(r=i.n()).done;){var l=H({},r.value);this.isFilterMatched(l,t)&&(n=!0,e.children.push(l))}}catch(e){i.e(e)}finally{i.f()}}if(n)return!0}var c},isFilterMatched:function(e,t){var o,r=t.searchFields,i=t.filterText,l=t.strict,c=!1,a=j(r);try{for(a.s();!(o=a.n()).done;){String(n.ObjectUtils.resolveFieldData(e,o.value)).toLocaleLowerCase(this.filterLocale).indexOf(i)>-1&&(c=!0)}}catch(e){a.e(e)}finally{a.f()}return(!c||l&&!this.isNodeLeaf(e))&&(c=this.findFilteredNodes(e,{searchFields:r,filterText:i,strict:l})||c),c}},computed:{filteredValue:function(){var e,t=[],n=this.filterBy.split(","),o=this.filterValue.trim().toLocaleLowerCase(this.filterLocale),r="strict"===this.filterMode,i=j(this.value);try{for(i.s();!(e=i.n()).done;){var l=H({},e.value),c={searchFields:n,filterText:o,strict:r};(r&&(this.findFilteredNodes(l,c)||this.isFilterMatched(l,c))||!r&&(this.isFilterMatched(l,c)||this.findFilteredNodes(l,c)))&&t.push(l)}}catch(e){i.e(e)}finally{i.f()}return t},valueToRender:function(){return this.filterValue&&this.filterValue.trim().length>0?this.filteredValue:this.value}},components:{TreeNode:O,SearchIcon:h.default,SpinnerIcon:p.default}},G=["placeholder"],J=["aria-labelledby","aria-label"];W.render=function(e,t,n,o,r,i){var l=d.resolveComponent("SpinnerIcon"),c=d.resolveComponent("SearchIcon"),a=d.resolveComponent("TreeNode");return d.openBlock(),d.createElementBlock("div",d.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tree"}),[e.loading&&"mask"===e.loadingMode?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("loadingOverlay")},e.ptm("loadingOverlay")),[d.renderSlot(e.$slots,"loadingicon",{class:d.normalizeClass(e.cx("loadingIcon"))},(function(){return[e.loadingIcon?(d.openBlock(),d.createElementBlock("i",d.mergeProps({key:0,class:[e.cx("loadingIcon"),"pi-spin",e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(d.openBlock(),d.createBlock(l,d.mergeProps({key:1,spin:"",class:e.cx("loadingIcon")},e.ptm("loadingIcon")),null,16,["class"]))]}))],16)):d.createCommentVNode("",!0),e.filter?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:1,class:e.cx("filterContainer")},e.ptm("filterContainer")),[d.withDirectives(d.createElementVNode("input",d.mergeProps({"onUpdate:modelValue":t[0]||(t[0]=function(e){return r.filterValue=e}),type:"text",autocomplete:"off",class:e.cx("input"),placeholder:e.filterPlaceholder,onKeydown:t[1]||(t[1]=function(){return i.onFilterKeydown&&i.onFilterKeydown.apply(i,arguments)})},e.ptm("input")),null,16,G),[[d.vModelText,r.filterValue]]),d.renderSlot(e.$slots,"searchicon",{class:d.normalizeClass(e.cx("searchIcon"))},(function(){return[d.createVNode(c,d.mergeProps({class:e.cx("searchIcon")},e.ptm("searchIcon")),null,16,["class"])]}))],16)):d.createCommentVNode("",!0),d.createElementVNode("div",d.mergeProps({class:e.cx("wrapper"),style:{maxHeight:e.scrollHeight}},e.ptm("wrapper")),[d.createElementVNode("ul",d.mergeProps({class:e.cx("container"),role:"tree","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("container")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(i.valueToRender,(function(t,n){return d.openBlock(),d.createBlock(a,{key:t.key,node:t,templates:e.$slots,level:e.level+1,index:n,expandedKeys:r.d_expandedKeys,onNodeToggle:i.onNodeToggle,onNodeClick:i.onNodeClick,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onCheckboxChange:i.onCheckboxChange,loadingMode:e.loadingMode,pt:e.pt,unstyled:e.unstyled},null,8,["node","templates","level","index","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","loadingMode","pt","unstyled"])})),128))],16,J)],16)],16)},module.exports=W;

package/tree/tree.esm.js

@@ -8,7 +8,7 @@ import ChevronDownIcon from 'primevue/icons/chevrondown';
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import MinusIcon from 'primevue/icons/minus';
 import Ripple from 'primevue/ripple';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, withDirectives, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode, withModifiers, Fragment, createTextVNode, toDisplayString, renderList, renderSlot, vModelText, createVNode } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, withDirectives, Fragment, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode, withModifiers, createTextVNode, toDisplayString, renderList, renderSlot, vModelText, createVNode } from 'vue';
 
 var script$2 = {
   name: 'BaseTree',
@@ -42,6 +42,10 @@ var script$2 = {
       type: String,
       "default": undefined
     },
+    loadingMode: {
+      type: String,
+      "default": 'mask'
+    },
     filter: {
       type: Boolean,
       "default": false
@@ -70,11 +74,11 @@ var script$2 = {
       type: Number,
       "default": 0
     },
-    'aria-labelledby': {
+    ariaLabelledby: {
       type: String,
       "default": null
     },
-    'aria-label': {
+    ariaLabel: {
       type: String,
       "default": null
     }
@@ -114,6 +118,10 @@ var script$1 = {
       type: null,
       "default": null
     },
+    loadingMode: {
+      type: String,
+      "default": 'mask'
+    },
     selectionKeys: {
       type: null,
       "default": null
@@ -130,10 +138,7 @@ var script$1 = {
       type: Number,
       "default": null
     },
-    index: {
-      type: Number,
-      "default": null
-    }
+    index: null
   },
   nodeTouched: false,
   toggleClicked: false,
@@ -449,7 +454,8 @@ var script$1 = {
     ChevronDownIcon: ChevronDownIcon,
     ChevronRightIcon: ChevronRightIcon,
     CheckIcon: CheckIcon,
-    MinusIcon: MinusIcon
+    MinusIcon: MinusIcon,
+    SpinnerIcon: SpinnerIcon
   },
   directives: {
     ripple: Ripple
@@ -460,6 +466,7 @@ var _hoisted_1$1 = ["aria-label", "aria-selected", "aria-expanded", "aria-setsiz
 var _hoisted_2$1 = ["data-p-highlight", "data-p-selectable"];
 var _hoisted_3 = ["data-p-checked", "data-p-partialchecked"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
   var _component_TreeNode = resolveComponent("TreeNode", true);
   var _directive_ripple = resolveDirective("ripple");
   return openBlock(), createElementBlock("li", mergeProps({
@@ -497,7 +504,18 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     tabindex: "-1",
     "aria-hidden": "true"
-  }, $options.getPTOptions('toggler')), [$props.templates['togglericon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['togglericon']), {
+  }, $options.getPTOptions('toggler')), [$props.node.loading && $props.loadingMode === 'icon' ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [$props.templates['nodetogglericon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['nodetogglericon']), {
+    key: 0,
+    "class": normalizeClass(_ctx.cx('nodetogglericon'))
+  }, null, 8, ["class"])) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
+    key: 1,
+    spin: "",
+    "class": _ctx.cx('nodetogglericon')
+  }, _ctx.ptm('nodetogglericon')), null, 16, ["class"]))], 64)) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [$props.templates['togglericon'] ? (openBlock(), createBlock(resolveDynamicComponent($props.templates['togglericon']), {
     key: 0,
     node: $props.node,
     expanded: $options.expanded,
@@ -508,7 +526,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, $options.getPTOptions('togglerIcon')), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent($props.node.collapsedIcon ? 'span' : 'ChevronRightIcon'), mergeProps({
     key: 2,
     "class": _ctx.cx('togglerIcon')
-  }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (openBlock(), createElementBlock("div", mergeProps({
+  }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 64))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('checkboxContainer'),
     "aria-hidden": "true"
@@ -790,7 +808,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('root')
   }, _ctx.ptm('root'), {
     "data-pc-name": "tree"
-  }), [_ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
+  }), [_ctx.loading && _ctx.loadingMode === 'mask' ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('loadingOverlay')
   }, _ctx.ptm('loadingOverlay')), [renderSlot(_ctx.$slots, "loadingicon", {
@@ -847,9 +865,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       selectionMode: _ctx.selectionMode,
       selectionKeys: _ctx.selectionKeys,
       onCheckboxChange: $options.onCheckboxChange,
+      loadingMode: _ctx.loadingMode,
       pt: _ctx.pt,
       unstyled: _ctx.unstyled
-    }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "pt", "unstyled"]);
+    }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "loadingMode", "pt", "unstyled"]);
   }), 128))], 16, _hoisted_2)], 16)], 16);
 }