primevue 3.16.2 → 3.18.0

package/treeselect/treeselect.esm.js

@@ -11,22 +11,26 @@ var script = {
     props: {
         modelValue: null,
         options: Array,
-		scrollHeight: {
-			type: String,
-			default: '400px'
-		},
-		placeholder: String,
-		disabled: Boolean,
-        tabindex: String,
-        selectionMode: {
+        scrollHeight: {
             type: String,
-            default: 'single'
+            default: '400px'
         },
-        panelClass: {
+        placeholder: {
             type: String,
             default: null
         },
-        panelProps: null,
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        tabindex: {
+            type: Number,
+            default: null
+        },
+        selectionMode: {
+            type: String,
+            default: 'single'
+        },
         appendTo: {
             type: String,
             default: 'body'
@@ -43,25 +47,53 @@ var script = {
             type: Boolean,
             default: true
         },
-        inputId: String,
-        inputClass: String,
-        inputStyle: null,
-        inputProps: null,
+        inputId: {
+            type: String,
+            default: null
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
-			default: null
+            default: null
         },
         'aria-label': {
             type: String,
             default: null
         }
     },
+    data() {
+        return {
+            focused: false,
+            overlayVisible: false,
+            expandedKeys: {}
+        };
+    },
     watch: {
         modelValue: {
-            handler: function() {
+            handler: function () {
                 if (!this.selfChange) {
                     this.updateTreeState();
                 }
+
                 this.selfChange = false;
             },
             immediate: true
@@ -70,13 +102,6 @@ var script = {
             this.updateTreeState();
         }
     },
-    data() {
-        return {
-            focused: false,
-            overlayVisible: false,
-            expandedKeys: {}
-        };
-    },
     outsideClickListener: null,
     resizeListener: null,
     scrollHandler: null,
@@ -119,10 +144,8 @@ var script = {
         },
         onClick(event) {
             if (!this.disabled && (!this.overlay || !this.overlay.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
-                if (this.overlayVisible)
-                    this.hide();
-                else
-                    this.show();
+                if (this.overlayVisible) this.hide();
+                else this.show();
 
                 this.$refs.focusInput.focus();
             }
@@ -146,33 +169,30 @@ var script = {
             this.expandedKeys = keys;
         },
         onKeyDown(event) {
-            switch(event.code) {
+            switch (event.code) {
                 case 'Down':
                 case 'ArrowDown':
                     if (this.overlayVisible) {
                         if (DomHandler.findSingle(this.overlay, '.p-highlight')) {
                             DomHandler.findSingle(this.overlay, '.p-highlight').focus();
-                        }
-                        else DomHandler.findSingle(this.overlay, '.p-treenode').children[0].focus();
-                    }
-                    else {
+                        } else DomHandler.findSingle(this.overlay, '.p-treenode').children[0].focus();
+                    } else {
                         this.show();
                     }
 
                     event.preventDefault();
-                break;
+                    break;
 
                 case 'Space':
                 case 'Enter':
                     if (this.overlayVisible) {
                         this.hide();
-                    }
-                    else {
+                    } else {
                         this.show();
                     }
 
                     event.preventDefault();
-                break;
+                    break;
 
                 case 'Escape':
                 case 'Tab':
@@ -180,7 +200,8 @@ var script = {
                         this.hide();
                         event.preventDefault();
                     }
-                break;
+
+                    break;
             }
         },
         onOverlayEnter(el) {
@@ -205,8 +226,7 @@ var script = {
         alignOverlay() {
             if (this.appendTo === 'self') {
                 DomHandler.relativePosition(this.overlay, this.$el);
-            }
-            else {
+            } else {
                 this.overlay.style.minWidth = DomHandler.getOuterWidth(this.$el) + 'px';
                 DomHandler.absolutePosition(this.overlay, this.$el);
             }
@@ -218,6 +238,7 @@ var script = {
                         this.hide();
                     }
                 };
+
                 document.addEventListener('click', this.outsideClickListener);
             }
         },
@@ -250,6 +271,7 @@ var script = {
                         this.hide();
                     }
                 };
+
                 window.addEventListener('resize', this.resizeListener);
             }
         },
@@ -283,8 +305,7 @@ var script = {
                         this.findSelectedNodes(childNode, keys, selectedNodes);
                     }
                 }
-            }
-            else {
+            } else {
                 for (let childNode of this.options) {
                     this.findSelectedNodes(childNode, keys, selectedNodes);
                 }
@@ -294,8 +315,10 @@ var script = {
             return this.selectionMode === 'checkbox' ? keys[node.key] && keys[node.key].checked : keys[node.key];
         },
         updateTreeState() {
-            let keys = {...this.modelValue};
+            let keys = { ...this.modelValue };
+
             this.expandedKeys = {};
+
             if (keys && this.options) {
                 this.updateTreeBranchState(null, null, keys);
             }
@@ -313,8 +336,7 @@ var script = {
                         this.updateTreeBranchState(childNode, path, keys);
                     }
                 }
-            }
-            else {
+            } else {
                 for (let childNode of this.options) {
                     this.updateTreeBranchState(childNode, [], keys);
                 }
@@ -330,6 +352,7 @@ var script = {
         scrollValueInView() {
             if (this.overlay) {
                 let selectedItem = DomHandler.findSingle(this.overlay, 'li.p-highlight');
+
                 if (selectedItem) {
                     selectedItem.scrollIntoView({ block: 'nearest', inline: 'start' });
                 }
@@ -359,15 +382,21 @@ var script = {
             ];
         },
         panelStyleClass() {
-            return ['p-treeselect-panel p-component', this.panelClass, {
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-treeselect-panel p-component',
+                this.panelClass,
+                {
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         },
         selectedNodes() {
             let selectedNodes = [];
+
             if (this.modelValue && this.options) {
-                let keys = {...this.modelValue};
+                let keys = { ...this.modelValue };
+
                 this.findSelectedNodes(null, keys, selectedNodes);
             }
 
@@ -375,7 +404,8 @@ var script = {
         },
         label() {
             let value = this.selectedNodes;
-            return value.length ? value.map(node => node.label).join(', '): this.placeholder;
+
+            return value.length ? value.map((node) => node.label).join(', ') : this.placeholder;
         },
         emptyMessageText() {
             return this.emptyMessage || this.$primevue.config.locale.emptyMessage;
@@ -391,11 +421,11 @@ var script = {
         }
     },
     components: {
-        'TSTree': Tree,
-        'Portal': Portal
+        TSTree: Tree,
+        Portal: Portal
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
 };
 
@@ -422,9 +452,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_1, [
       createElementVNode("input", mergeProps({
         ref: "focusInput",
+        id: $props.inputId,
         type: "text",
         role: "combobox",
-        id: $props.inputId,
         class: $props.inputClass,
         style: $props.inputStyle,
         readonly: "",
@@ -456,8 +486,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.selectedNodes, (node) => {
                     return (openBlock(), createElementBlock("div", {
-                      class: "p-treeselect-token",
-                      key: node.key
+                      key: node.key,
+                      class: "p-treeselect-token"
                     }, [
                       createElementVNode("span", _hoisted_4, toDisplayString(node.label), 1)
                     ]))
@@ -504,7 +534,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   }),
                   createElementVNode("div", {
                     class: "p-treeselect-items-wrapper",
-                    style: normalizeStyle({'max-height': $props.scrollHeight})
+                    style: normalizeStyle({ 'max-height': $props.scrollHeight })
                   }, [
                     createVNode(_component_TSTree, {
                       id: $options.listId,
@@ -571,7 +601,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-treeselect {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-treeselect-trigger {\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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treeselect-label-container {\n    overflow: hidden;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    cursor: pointer;\n}\n.p-treeselect-label  {\n    display: block;\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.p-treeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n.p-treeselect-token {\n    cursor: default;\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-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n}\n.p-treeselect .p-treeselect-panel {\n    min-width: 100%;\n}\n.p-treeselect-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-treeselect-items-wrapper {\n    overflow: auto;\n}\n.p-fluid .p-treeselect {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n";
+var css_248z = "\n.p-treeselect {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-treeselect-trigger {\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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treeselect-label-container {\n    overflow: hidden;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    cursor: pointer;\n}\n.p-treeselect-label {\n    display: block;\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.p-treeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n.p-treeselect-token {\n    cursor: default;\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-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n}\n.p-treeselect .p-treeselect-panel {\n    min-width: 100%;\n}\n.p-treeselect-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-treeselect-items-wrapper {\n    overflow: auto;\n}\n.p-fluid .p-treeselect {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i,UniqueComponentId as l}from"primevue/utils";import s from"primevue/overlayeventbus";import n from"primevue/tree";import o from"primevue/ripple";import a from"primevue/portal";import{resolveComponent as r,openBlock as d,createElementBlock as p,normalizeClass as c,createElementVNode as h,mergeProps as u,renderSlot as y,Fragment as f,createTextVNode as m,toDisplayString as b,renderList as v,createCommentVNode as g,createVNode as x,withCtx as k,Transition as S,normalizeStyle as w}from"vue";var C={name:"TreeSelect",emits:["update:modelValue","before-show","before-hide","change","show","hide","node-select","node-unselect","node-expand","node-collapse","focus","blur"],props:{modelValue:null,options:Array,scrollHeight:{type:String,default:"400px"},placeholder:String,disabled:Boolean,tabindex:String,selectionMode:{type:String,default:"single"},panelClass:{type:String,default:null},panelProps:null,appendTo:{type:String,default:"body"},emptyMessage:{type:String,default:null},display:{type:String,default:"comma"},metaKeySelection:{type:Boolean,default:!0},inputId:String,inputClass:String,inputStyle:null,inputProps:null,"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},watch:{modelValue:{handler:function(){this.selfChange||this.updateTreeState(),this.selfChange=!1},immediate:!0},options(){this.updateTreeState()}},data:()=>({focused:!1,overlayVisible:!1,expandedKeys:{}}),outsideClickListener:null,resizeListener:null,scrollHandler:null,overlay:null,selfChange:!1,beforeUnmount(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(e.clear(this.overlay),this.overlay=null)},mounted(){this.updateTreeState()},methods:{show(){this.$emit("before-show"),this.overlayVisible=!0},hide(){this.$emit("before-hide"),this.overlayVisible=!1,this.$refs.focusInput.focus()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},onClick(e){this.disabled||this.overlay&&this.overlay.contains(e.target)||t.hasClass(e.target,"p-treeselect-close")||(this.overlayVisible?this.hide():this.show(),this.$refs.focusInput.focus())},onSelectionChange(e){this.selfChange=!0,this.$emit("update:modelValue",e),this.$emit("change",e)},onNodeSelect(e){this.$emit("node-select",e),"single"===this.selectionMode&&this.hide()},onNodeUnselect(e){this.$emit("node-unselect",e)},onNodeToggle(e){this.expandedKeys=e},onKeyDown(e){switch(e.code){case"Down":case"ArrowDown":this.overlayVisible?t.findSingle(this.overlay,".p-highlight")?t.findSingle(this.overlay,".p-highlight").focus():t.findSingle(this.overlay,".p-treenode").children[0].focus():this.show(),e.preventDefault();break;case"Space":case"Enter":this.overlayVisible?this.hide():this.show(),e.preventDefault();break;case"Escape":case"Tab":this.overlayVisible&&(this.hide(),e.preventDefault())}},onOverlayEnter(t){e.set("overlay",t,this.$primevue.config.zIndex.overlay),this.alignOverlay(),this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.scrollValueInView(),this.$emit("show")},onOverlayLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.$emit("hide"),this.overlay=null},onOverlayAfterLeave(t){e.clear(t)},alignOverlay(){"self"===this.appendTo?t.relativePosition(this.overlay,this.$el):(this.overlay.style.minWidth=t.getOuterWidth(this.$el)+"px",t.absolutePosition(this.overlay,this.$el))},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.isOutsideClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new i(this.$refs.container,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!t.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isOutsideClicked(e){return!(this.$el.isSameNode(e.target)||this.$el.contains(e.target)||this.overlay&&this.overlay.contains(e.target))},overlayRef(e){this.overlay=e},onOverlayClick(e){s.emit("overlay-click",{originalEvent:e,target:this.$el})},findSelectedNodes(e,t,i){if(e){if(this.isSelected(e,t)&&(i.push(e),delete t[e.key]),Object.keys(t).length&&e.children)for(let l of e.children)this.findSelectedNodes(l,t,i)}else for(let e of this.options)this.findSelectedNodes(e,t,i)},isSelected(e,t){return"checkbox"===this.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]},updateTreeState(){let e={...this.modelValue};this.expandedKeys={},e&&this.options&&this.updateTreeBranchState(null,null,e)},updateTreeBranchState(e,t,i){if(e){if(this.isSelected(e,i)&&(this.expandPath(t),delete i[e.key]),Object.keys(i).length&&e.children)for(let l of e.children)t.push(e.key),this.updateTreeBranchState(l,t,i)}else for(let e of this.options)this.updateTreeBranchState(e,[],i)},expandPath(e){if(e.length>0)for(let t of e)this.expandedKeys[t]=!0},scrollValueInView(){if(this.overlay){let e=t.findSingle(this.overlay,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}}},computed:{containerClass(){return["p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.display,"p-disabled":this.disabled,"p-focus":this.focused,"p-inputwrapper-filled":!this.emptyValue,"p-inputwrapper-focus":this.focused||this.overlayVisible}]},labelClass(){return["p-treeselect-label",{"p-placeholder":this.label===this.placeholder,"p-treeselect-label-empty":!this.placeholder&&this.emptyValue}]},panelStyleClass(){return["p-treeselect-panel p-component",this.panelClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},selectedNodes(){let e=[];if(this.modelValue&&this.options){let t={...this.modelValue};this.findSelectedNodes(null,t,e)}return e},label(){let e=this.selectedNodes;return e.length?e.map((e=>e.label)).join(", "):this.placeholder},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},emptyValue(){return!this.modelValue||0===Object.keys(this.modelValue).length},emptyOptions(){return!this.options||0===this.options.length},listId:()=>l()+"_list"},components:{TSTree:n,Portal:a},directives:{ripple:o}};const L={class:"p-hidden-accessible"},V=["id","disabled","tabindex","aria-labelledby","aria-label","aria-expanded","aria-controls"],$={class:"p-treeselect-label-container"},T={class:"p-treeselect-token-label"},O=["aria-expanded"],N=h("span",{class:"p-treeselect-trigger-icon pi pi-chevron-down"},null,-1),K={key:0,class:"p-treeselect-empty-message"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-treeselect {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-treeselect-trigger {\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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treeselect-label-container {\n    overflow: hidden;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    cursor: pointer;\n}\n.p-treeselect-label  {\n    display: block;\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.p-treeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n.p-treeselect-token {\n    cursor: default;\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-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n}\n.p-treeselect .p-treeselect-panel {\n    min-width: 100%;\n}\n.p-treeselect-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-treeselect-items-wrapper {\n    overflow: auto;\n}\n.p-fluid .p-treeselect {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n"),C.render=function(e,t,i,l,s,n){const o=r("TSTree"),a=r("Portal");return d(),p("div",{ref:"container",class:c(n.containerClass),onClick:t[6]||(t[6]=(...e)=>n.onClick&&n.onClick(...e))},[h("div",L,[h("input",u({ref:"focusInput",type:"text",role:"combobox",id:i.inputId,class:i.inputClass,style:i.inputStyle,readonly:"",disabled:i.disabled,tabindex:i.disabled?-1:i.tabindex,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-haspopup":"tree","aria-expanded":s.overlayVisible,"aria-controls":n.listId,onFocus:t[0]||(t[0]=e=>n.onFocus(e)),onBlur:t[1]||(t[1]=e=>n.onBlur(e)),onKeydown:t[2]||(t[2]=e=>n.onKeyDown(e))},i.inputProps),null,16,V)]),h("div",$,[h("div",{class:c(n.labelClass)},[y(e.$slots,"value",{value:n.selectedNodes,placeholder:i.placeholder},(()=>["comma"===i.display?(d(),p(f,{key:0},[m(b(n.label||"empty"),1)],64)):"chip"===i.display?(d(),p(f,{key:1},[(d(!0),p(f,null,v(n.selectedNodes,(e=>(d(),p("div",{class:"p-treeselect-token",key:e.key},[h("span",T,b(e.label),1)])))),128)),n.emptyValue?(d(),p(f,{key:0},[m(b(i.placeholder||"empty"),1)],64)):g("",!0)],64)):g("",!0)]))],2)]),h("div",{class:"p-treeselect-trigger",role:"button","aria-haspopup":"tree","aria-expanded":s.overlayVisible},[y(e.$slots,"indicator",{},(()=>[N]))],8,O),x(a,{appendTo:i.appendTo},{default:k((()=>[x(S,{name:"p-connected-overlay",onEnter:n.onOverlayEnter,onLeave:n.onOverlayLeave,onAfterLeave:n.onOverlayAfterLeave},{default:k((()=>[s.overlayVisible?(d(),p("div",u({key:0,ref:n.overlayRef,onClick:t[5]||(t[5]=(...e)=>n.onOverlayClick&&n.onOverlayClick(...e)),class:n.panelStyleClass},i.panelProps),[y(e.$slots,"header",{value:i.modelValue,options:i.options}),h("div",{class:"p-treeselect-items-wrapper",style:w({"max-height":i.scrollHeight})},[x(o,{id:n.listId,value:i.options,selectionMode:i.selectionMode,"onUpdate:selectionKeys":n.onSelectionChange,selectionKeys:i.modelValue,expandedKeys:s.expandedKeys,"onUpdate:expandedKeys":n.onNodeToggle,metaKeySelection:i.metaKeySelection,onNodeExpand:t[3]||(t[3]=t=>e.$emit("node-expand",t)),onNodeCollapse:t[4]||(t[4]=t=>e.$emit("node-collapse",t)),onNodeSelect:n.onNodeSelect,onNodeUnselect:n.onNodeUnselect,level:0},null,8,["id","value","selectionMode","onUpdate:selectionKeys","selectionKeys","expandedKeys","onUpdate:expandedKeys","metaKeySelection","onNodeSelect","onNodeUnselect"]),n.emptyOptions?(d(),p("div",K,[y(e.$slots,"empty",{},(()=>[m(b(n.emptyMessageText),1)]))])):g("",!0)],4),y(e.$slots,"footer",{value:i.modelValue,options:i.options})],16)):g("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo"])],2)};export{C as default};
+import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as l,UniqueComponentId as i}from"primevue/utils";import s from"primevue/overlayeventbus";import n from"primevue/tree";import o from"primevue/ripple";import a from"primevue/portal";import{resolveComponent as r,openBlock as d,createElementBlock as p,normalizeClass as c,createElementVNode as h,mergeProps as u,renderSlot as y,Fragment as f,createTextVNode as m,toDisplayString as b,renderList as v,createCommentVNode as g,createVNode as x,withCtx as k,Transition as S,normalizeStyle as w}from"vue";var C={name:"TreeSelect",emits:["update:modelValue","before-show","before-hide","change","show","hide","node-select","node-unselect","node-expand","node-collapse","focus","blur"],props:{modelValue:null,options:Array,scrollHeight:{type:String,default:"400px"},placeholder:{type:String,default:null},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},selectionMode:{type:String,default:"single"},appendTo:{type:String,default:"body"},emptyMessage:{type:String,default:null},display:{type:String,default:"comma"},metaKeySelection:{type:Boolean,default:!0},inputId:{type:String,default:null},inputClass:{type:String,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},panelClass:{type:String,default:null},panelProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1,overlayVisible:!1,expandedKeys:{}}),watch:{modelValue:{handler:function(){this.selfChange||this.updateTreeState(),this.selfChange=!1},immediate:!0},options(){this.updateTreeState()}},outsideClickListener:null,resizeListener:null,scrollHandler:null,overlay:null,selfChange:!1,beforeUnmount(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(e.clear(this.overlay),this.overlay=null)},mounted(){this.updateTreeState()},methods:{show(){this.$emit("before-show"),this.overlayVisible=!0},hide(){this.$emit("before-hide"),this.overlayVisible=!1,this.$refs.focusInput.focus()},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},onClick(e){this.disabled||this.overlay&&this.overlay.contains(e.target)||t.hasClass(e.target,"p-treeselect-close")||(this.overlayVisible?this.hide():this.show(),this.$refs.focusInput.focus())},onSelectionChange(e){this.selfChange=!0,this.$emit("update:modelValue",e),this.$emit("change",e)},onNodeSelect(e){this.$emit("node-select",e),"single"===this.selectionMode&&this.hide()},onNodeUnselect(e){this.$emit("node-unselect",e)},onNodeToggle(e){this.expandedKeys=e},onKeyDown(e){switch(e.code){case"Down":case"ArrowDown":this.overlayVisible?t.findSingle(this.overlay,".p-highlight")?t.findSingle(this.overlay,".p-highlight").focus():t.findSingle(this.overlay,".p-treenode").children[0].focus():this.show(),e.preventDefault();break;case"Space":case"Enter":this.overlayVisible?this.hide():this.show(),e.preventDefault();break;case"Escape":case"Tab":this.overlayVisible&&(this.hide(),e.preventDefault())}},onOverlayEnter(t){e.set("overlay",t,this.$primevue.config.zIndex.overlay),this.alignOverlay(),this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.scrollValueInView(),this.$emit("show")},onOverlayLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.$emit("hide"),this.overlay=null},onOverlayAfterLeave(t){e.clear(t)},alignOverlay(){"self"===this.appendTo?t.relativePosition(this.overlay,this.$el):(this.overlay.style.minWidth=t.getOuterWidth(this.$el)+"px",t.absolutePosition(this.overlay,this.$el))},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.overlayVisible&&this.isOutsideClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new l(this.$refs.container,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!t.isTouchDevice()&&this.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isOutsideClicked(e){return!(this.$el.isSameNode(e.target)||this.$el.contains(e.target)||this.overlay&&this.overlay.contains(e.target))},overlayRef(e){this.overlay=e},onOverlayClick(e){s.emit("overlay-click",{originalEvent:e,target:this.$el})},findSelectedNodes(e,t,l){if(e){if(this.isSelected(e,t)&&(l.push(e),delete t[e.key]),Object.keys(t).length&&e.children)for(let i of e.children)this.findSelectedNodes(i,t,l)}else for(let e of this.options)this.findSelectedNodes(e,t,l)},isSelected(e,t){return"checkbox"===this.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]},updateTreeState(){let e={...this.modelValue};this.expandedKeys={},e&&this.options&&this.updateTreeBranchState(null,null,e)},updateTreeBranchState(e,t,l){if(e){if(this.isSelected(e,l)&&(this.expandPath(t),delete l[e.key]),Object.keys(l).length&&e.children)for(let i of e.children)t.push(e.key),this.updateTreeBranchState(i,t,l)}else for(let e of this.options)this.updateTreeBranchState(e,[],l)},expandPath(e){if(e.length>0)for(let t of e)this.expandedKeys[t]=!0},scrollValueInView(){if(this.overlay){let e=t.findSingle(this.overlay,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}}},computed:{containerClass(){return["p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.display,"p-disabled":this.disabled,"p-focus":this.focused,"p-inputwrapper-filled":!this.emptyValue,"p-inputwrapper-focus":this.focused||this.overlayVisible}]},labelClass(){return["p-treeselect-label",{"p-placeholder":this.label===this.placeholder,"p-treeselect-label-empty":!this.placeholder&&this.emptyValue}]},panelStyleClass(){return["p-treeselect-panel p-component",this.panelClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},selectedNodes(){let e=[];if(this.modelValue&&this.options){let t={...this.modelValue};this.findSelectedNodes(null,t,e)}return e},label(){let e=this.selectedNodes;return e.length?e.map((e=>e.label)).join(", "):this.placeholder},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},emptyValue(){return!this.modelValue||0===Object.keys(this.modelValue).length},emptyOptions(){return!this.options||0===this.options.length},listId:()=>i()+"_list"},components:{TSTree:n,Portal:a},directives:{ripple:o}};const L={class:"p-hidden-accessible"},V=["id","disabled","tabindex","aria-labelledby","aria-label","aria-expanded","aria-controls"],$={class:"p-treeselect-label-container"},T={class:"p-treeselect-token-label"},N=["aria-expanded"],O=h("span",{class:"p-treeselect-trigger-icon pi pi-chevron-down"},null,-1),K={key:0,class:"p-treeselect-empty-message"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===l&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-treeselect {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-treeselect-trigger {\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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treeselect-label-container {\n    overflow: hidden;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    cursor: pointer;\n}\n.p-treeselect-label {\n    display: block;\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.p-treeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n.p-treeselect-token {\n    cursor: default;\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-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n}\n.p-treeselect .p-treeselect-panel {\n    min-width: 100%;\n}\n.p-treeselect-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-treeselect-items-wrapper {\n    overflow: auto;\n}\n.p-fluid .p-treeselect {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n"),C.render=function(e,t,l,i,s,n){const o=r("TSTree"),a=r("Portal");return d(),p("div",{ref:"container",class:c(n.containerClass),onClick:t[6]||(t[6]=(...e)=>n.onClick&&n.onClick(...e))},[h("div",L,[h("input",u({ref:"focusInput",id:l.inputId,type:"text",role:"combobox",class:l.inputClass,style:l.inputStyle,readonly:"",disabled:l.disabled,tabindex:l.disabled?-1:l.tabindex,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-haspopup":"tree","aria-expanded":s.overlayVisible,"aria-controls":n.listId,onFocus:t[0]||(t[0]=e=>n.onFocus(e)),onBlur:t[1]||(t[1]=e=>n.onBlur(e)),onKeydown:t[2]||(t[2]=e=>n.onKeyDown(e))},l.inputProps),null,16,V)]),h("div",$,[h("div",{class:c(n.labelClass)},[y(e.$slots,"value",{value:n.selectedNodes,placeholder:l.placeholder},(()=>["comma"===l.display?(d(),p(f,{key:0},[m(b(n.label||"empty"),1)],64)):"chip"===l.display?(d(),p(f,{key:1},[(d(!0),p(f,null,v(n.selectedNodes,(e=>(d(),p("div",{key:e.key,class:"p-treeselect-token"},[h("span",T,b(e.label),1)])))),128)),n.emptyValue?(d(),p(f,{key:0},[m(b(l.placeholder||"empty"),1)],64)):g("",!0)],64)):g("",!0)]))],2)]),h("div",{class:"p-treeselect-trigger",role:"button","aria-haspopup":"tree","aria-expanded":s.overlayVisible},[y(e.$slots,"indicator",{},(()=>[O]))],8,N),x(a,{appendTo:l.appendTo},{default:k((()=>[x(S,{name:"p-connected-overlay",onEnter:n.onOverlayEnter,onLeave:n.onOverlayLeave,onAfterLeave:n.onOverlayAfterLeave},{default:k((()=>[s.overlayVisible?(d(),p("div",u({key:0,ref:n.overlayRef,onClick:t[5]||(t[5]=(...e)=>n.onOverlayClick&&n.onOverlayClick(...e)),class:n.panelStyleClass},l.panelProps),[y(e.$slots,"header",{value:l.modelValue,options:l.options}),h("div",{class:"p-treeselect-items-wrapper",style:w({"max-height":l.scrollHeight})},[x(o,{id:n.listId,value:l.options,selectionMode:l.selectionMode,"onUpdate:selectionKeys":n.onSelectionChange,selectionKeys:l.modelValue,expandedKeys:s.expandedKeys,"onUpdate:expandedKeys":n.onNodeToggle,metaKeySelection:l.metaKeySelection,onNodeExpand:t[3]||(t[3]=t=>e.$emit("node-expand",t)),onNodeCollapse:t[4]||(t[4]=t=>e.$emit("node-collapse",t)),onNodeSelect:n.onNodeSelect,onNodeUnselect:n.onNodeUnselect,level:0},null,8,["id","value","selectionMode","onUpdate:selectionKeys","selectionKeys","expandedKeys","onUpdate:expandedKeys","metaKeySelection","onNodeSelect","onNodeUnselect"]),n.emptyOptions?(d(),p("div",K,[y(e.$slots,"empty",{},(()=>[m(b(n.emptyMessageText),1)]))])):g("",!0)],4),y(e.$slots,"footer",{value:l.modelValue,options:l.options})],16)):g("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo"])],2)};export{C as default};