primevue 3.12.2 → 3.12.5

package/treeselect/treeselect.esm.js

@@ -2,7 +2,7 @@ import { ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primevue
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Tree from 'primevue/tree';
 import Ripple from 'primevue/ripple';
-import { resolveComponent, openBlock, createBlock, createVNode, renderSlot, Fragment, createTextVNode, toDisplayString, renderList, createCommentVNode, Teleport, Transition, withCtx } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString, renderList, createCommentVNode, createBlock, Teleport, createVNode, Transition, withCtx, normalizeStyle } from 'vue';
 
 var script = {
     name: 'TreeSelect',
@@ -382,11 +382,12 @@ var script = {
 };
 
 const _hoisted_1 = { class: "p-hidden-accessible" };
-const _hoisted_2 = { class: "p-treeselect-label-container" };
-const _hoisted_3 = { class: "p-treeselect-token-label" };
-const _hoisted_4 = { class: "p-treeselect-trigger" };
-const _hoisted_5 = /*#__PURE__*/createVNode("span", { class: "p-treeselect-trigger-icon pi pi-chevron-down" }, null, -1);
-const _hoisted_6 = {
+const _hoisted_2 = ["id", "disabled", "tabindex", "aria-expanded", "aria-labelledby"];
+const _hoisted_3 = { class: "p-treeselect-label-container" };
+const _hoisted_4 = { class: "p-treeselect-token-label" };
+const _hoisted_5 = { class: "p-treeselect-trigger" };
+const _hoisted_6 = /*#__PURE__*/createElementVNode("span", { class: "p-treeselect-trigger-icon pi pi-chevron-down" }, null, -1);
+const _hoisted_7 = {
   key: 0,
   class: "p-treeselect-empty-message"
 };
@@ -394,50 +395,52 @@ const _hoisted_6 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TSTree = resolveComponent("TSTree");
 
-  return (openBlock(), createBlock("div", {
+  return (openBlock(), createElementBlock("div", {
     ref: "container",
-    class: $options.containerClass,
-    onClick: _cache[7] || (_cache[7] = (...args) => ($options.onClick && $options.onClick(...args)))
+    class: normalizeClass($options.containerClass),
+    onClick: _cache[6] || (_cache[6] = (...args) => ($options.onClick && $options.onClick(...args)))
   }, [
-    createVNode("div", _hoisted_1, [
-      createVNode("input", {
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("input", {
         ref: "focusInput",
         type: "text",
         role: "listbox",
         id: $props.inputId,
         readonly: "",
         disabled: $props.disabled,
-        onFocus: _cache[1] || (_cache[1] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-        onBlur: _cache[2] || (_cache[2] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-        onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
+        onFocus: _cache[0] || (_cache[0] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+        onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+        onKeydown: _cache[2] || (_cache[2] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
         tabindex: $props.tabindex,
         "aria-haspopup": "true",
         "aria-expanded": $data.overlayVisible,
         "aria-labelledby": $props.ariaLabelledBy
-      }, null, 40, ["id", "disabled", "tabindex", "aria-expanded", "aria-labelledby"])
+      }, null, 40, _hoisted_2)
     ]),
-    createVNode("div", _hoisted_2, [
-      createVNode("div", { class: $options.labelClass }, [
+    createElementVNode("div", _hoisted_3, [
+      createElementVNode("div", {
+        class: normalizeClass($options.labelClass)
+      }, [
         renderSlot(_ctx.$slots, "value", {
           value: $options.selectedNodes,
           placeholder: $props.placeholder
         }, () => [
           ($props.display === 'comma')
-            ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+            ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createTextVNode(toDisplayString($options.label || 'empty'), 1)
               ], 64))
             : ($props.display === 'chip')
-              ? (openBlock(), createBlock(Fragment, { key: 1 }, [
-                  (openBlock(true), createBlock(Fragment, null, renderList($options.selectedNodes, (node) => {
-                    return (openBlock(), createBlock("div", {
+              ? (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
                     }, [
-                      createVNode("span", _hoisted_3, toDisplayString(node.label), 1)
+                      createElementVNode("span", _hoisted_4, toDisplayString(node.label), 1)
                     ]))
                   }), 128)),
                   ($options.emptyValue)
-                    ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                    ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                         createTextVNode(toDisplayString($props.placeholder || 'empty'), 1)
                       ], 64))
                     : createCommentVNode("", true)
@@ -446,9 +449,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ], 2)
     ]),
-    createVNode("div", _hoisted_4, [
+    createElementVNode("div", _hoisted_5, [
       renderSlot(_ctx.$slots, "indicator", {}, () => [
-        _hoisted_5
+        _hoisted_6
       ])
     ]),
     (openBlock(), createBlock(Teleport, {
@@ -463,19 +466,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: withCtx(() => [
           ($data.overlayVisible)
-            ? (openBlock(), createBlock("div", {
+            ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 ref: $options.overlayRef,
-                onClick: _cache[6] || (_cache[6] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
-                class: $options.panelStyleClass
+                onClick: _cache[5] || (_cache[5] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
+                class: normalizeClass($options.panelStyleClass)
               }, [
                 renderSlot(_ctx.$slots, "header", {
                   value: $props.modelValue,
                   options: $props.options
                 }),
-                createVNode("div", {
+                createElementVNode("div", {
                   class: "p-treeselect-items-wrapper",
-                  style: {'max-height': $props.scrollHeight}
+                  style: normalizeStyle({'max-height': $props.scrollHeight})
                 }, [
                   createVNode(_component_TSTree, {
                     value: $props.options,
@@ -485,13 +488,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     expandedKeys: $data.expandedKeys,
                     "onUpdate:expandedKeys": $options.onNodeToggle,
                     metaKeySelection: $props.metaKeySelection,
-                    onNodeExpand: _cache[4] || (_cache[4] = $event => (_ctx.$emit('node-expand', $event))),
-                    onNodeCollapse: _cache[5] || (_cache[5] = $event => (_ctx.$emit('node-collapse', $event))),
+                    onNodeExpand: _cache[3] || (_cache[3] = $event => (_ctx.$emit('node-expand', $event))),
+                    onNodeCollapse: _cache[4] || (_cache[4] = $event => (_ctx.$emit('node-collapse', $event))),
                     onNodeSelect: $options.onNodeSelect,
                     onNodeUnselect: $options.onNodeUnselect
                   }, null, 8, ["value", "selectionMode", "onUpdate:selectionKeys", "selectionKeys", "expandedKeys", "onUpdate:expandedKeys", "metaKeySelection", "onNodeSelect", "onNodeUnselect"]),
                   ($options.emptyOptions)
-                    ? (openBlock(), createBlock("div", _hoisted_6, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_7, [
                         renderSlot(_ctx.$slots, "empty", {}, () => [
                           createTextVNode(toDisplayString($options.emptyMessageText), 1)
                         ])
@@ -543,4 +546,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import l from"primevue/overlayeventbus";import s from"primevue/tree";import n from"primevue/ripple";import{resolveComponent as o,openBlock as a,createBlock as r,createVNode as d,renderSlot as c,Fragment as p,createTextVNode as h,toDisplayString as u,renderList as y,createCommentVNode as f,Teleport as m,Transition as b,withCtx as v}from"vue";var g={name:"TreeSelect",emits:["update:modelValue","before-show","before-hide","change","show","hide","node-select","node-unselect","node-expand","node-collapse"],props:{modelValue:null,options:Array,scrollHeight:{type:String,default:"400px"},placeholder:String,disabled:Boolean,tabindex:String,inputId:String,ariaLabelledBy:null,selectionMode:{type:String,default:"single"},panelClass:{type:String,default:null},appendTo:{type:String,default:"body"},emptyMessage:{type:String,default:null},display:{type:String,default:"comma"},metaKeySelection:{type:Boolean,default:!0}},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},onFocus(){this.focused=!0},onBlur(){this.focused=!1},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.which){case 40:!this.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}},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(){this.appendDisabled?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&&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){l.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},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},components:{TSTree:s},directives:{ripple:n}};const x={class:"p-hidden-accessible"},k={class:"p-treeselect-label-container"},S={class:"p-treeselect-token-label"},w={class:"p-treeselect-trigger"},L=d("span",{class:"p-treeselect-trigger-icon pi pi-chevron-down"},null,-1),C={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"),g.render=function(e,t,i,l,s,n){const g=o("TSTree");return a(),r("div",{ref:"container",class:n.containerClass,onClick:t[7]||(t[7]=(...e)=>n.onClick&&n.onClick(...e))},[d("div",x,[d("input",{ref:"focusInput",type:"text",role:"listbox",id:i.inputId,readonly:"",disabled:i.disabled,onFocus:t[1]||(t[1]=(...e)=>n.onFocus&&n.onFocus(...e)),onBlur:t[2]||(t[2]=(...e)=>n.onBlur&&n.onBlur(...e)),onKeydown:t[3]||(t[3]=(...e)=>n.onKeyDown&&n.onKeyDown(...e)),tabindex:i.tabindex,"aria-haspopup":"true","aria-expanded":s.overlayVisible,"aria-labelledby":i.ariaLabelledBy},null,40,["id","disabled","tabindex","aria-expanded","aria-labelledby"])]),d("div",k,[d("div",{class:n.labelClass},[c(e.$slots,"value",{value:n.selectedNodes,placeholder:i.placeholder},(()=>["comma"===i.display?(a(),r(p,{key:0},[h(u(n.label||"empty"),1)],64)):"chip"===i.display?(a(),r(p,{key:1},[(a(!0),r(p,null,y(n.selectedNodes,(e=>(a(),r("div",{class:"p-treeselect-token",key:e.key},[d("span",S,u(e.label),1)])))),128)),n.emptyValue?(a(),r(p,{key:0},[h(u(i.placeholder||"empty"),1)],64)):f("",!0)],64)):f("",!0)]))],2)]),d("div",w,[c(e.$slots,"indicator",{},(()=>[L]))]),(a(),r(m,{to:n.appendTarget,disabled:n.appendDisabled},[d(b,{name:"p-connected-overlay",onEnter:n.onOverlayEnter,onLeave:n.onOverlayLeave,onAfterLeave:n.onOverlayAfterLeave},{default:v((()=>[s.overlayVisible?(a(),r("div",{key:0,ref:n.overlayRef,onClick:t[6]||(t[6]=(...e)=>n.onOverlayClick&&n.onOverlayClick(...e)),class:n.panelStyleClass},[c(e.$slots,"header",{value:i.modelValue,options:i.options}),d("div",{class:"p-treeselect-items-wrapper",style:{"max-height":i.scrollHeight}},[d(g,{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[4]||(t[4]=t=>e.$emit("node-expand",t)),onNodeCollapse:t[5]||(t[5]=t=>e.$emit("node-collapse",t)),onNodeSelect:n.onNodeSelect,onNodeUnselect:n.onNodeUnselect},null,8,["value","selectionMode","onUpdate:selectionKeys","selectionKeys","expandedKeys","onUpdate:expandedKeys","metaKeySelection","onNodeSelect","onNodeUnselect"]),n.emptyOptions?(a(),r("div",C,[c(e.$slots,"empty",{},(()=>[h(u(n.emptyMessageText),1)]))])):f("",!0)],4),c(e.$slots,"footer",{value:i.modelValue,options:i.options})],2)):f("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"]))],2)};export default g;
+import{ZIndexUtils as e,DomHandler as t,ConnectedOverlayScrollHandler as i}from"primevue/utils";import l from"primevue/overlayeventbus";import s from"primevue/tree";import n from"primevue/ripple";import{resolveComponent as o,openBlock as a,createElementBlock as r,normalizeClass as d,createElementVNode as c,renderSlot as p,Fragment as h,createTextVNode as u,toDisplayString as y,renderList as f,createCommentVNode as m,createBlock as b,Teleport as v,createVNode as g,Transition as x,withCtx as k,normalizeStyle as S}from"vue";var w={name:"TreeSelect",emits:["update:modelValue","before-show","before-hide","change","show","hide","node-select","node-unselect","node-expand","node-collapse"],props:{modelValue:null,options:Array,scrollHeight:{type:String,default:"400px"},placeholder:String,disabled:Boolean,tabindex:String,inputId:String,ariaLabelledBy:null,selectionMode:{type:String,default:"single"},panelClass:{type:String,default:null},appendTo:{type:String,default:"body"},emptyMessage:{type:String,default:null},display:{type:String,default:"comma"},metaKeySelection:{type:Boolean,default:!0}},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},onFocus(){this.focused=!0},onBlur(){this.focused=!1},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.which){case 40:!this.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}},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(){this.appendDisabled?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&&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){l.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},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},components:{TSTree:s},directives:{ripple:n}};const L={class:"p-hidden-accessible"},C=["id","disabled","tabindex","aria-expanded","aria-labelledby"],V={class:"p-treeselect-label-container"},$={class:"p-treeselect-token-label"},T={class:"p-treeselect-trigger"},O=c("span",{class:"p-treeselect-trigger-icon pi pi-chevron-down"},null,-1),N={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"),w.render=function(e,t,i,l,s,n){const w=o("TSTree");return a(),r("div",{ref:"container",class:d(n.containerClass),onClick:t[6]||(t[6]=(...e)=>n.onClick&&n.onClick(...e))},[c("div",L,[c("input",{ref:"focusInput",type:"text",role:"listbox",id:i.inputId,readonly:"",disabled:i.disabled,onFocus:t[0]||(t[0]=(...e)=>n.onFocus&&n.onFocus(...e)),onBlur:t[1]||(t[1]=(...e)=>n.onBlur&&n.onBlur(...e)),onKeydown:t[2]||(t[2]=(...e)=>n.onKeyDown&&n.onKeyDown(...e)),tabindex:i.tabindex,"aria-haspopup":"true","aria-expanded":s.overlayVisible,"aria-labelledby":i.ariaLabelledBy},null,40,C)]),c("div",V,[c("div",{class:d(n.labelClass)},[p(e.$slots,"value",{value:n.selectedNodes,placeholder:i.placeholder},(()=>["comma"===i.display?(a(),r(h,{key:0},[u(y(n.label||"empty"),1)],64)):"chip"===i.display?(a(),r(h,{key:1},[(a(!0),r(h,null,f(n.selectedNodes,(e=>(a(),r("div",{class:"p-treeselect-token",key:e.key},[c("span",$,y(e.label),1)])))),128)),n.emptyValue?(a(),r(h,{key:0},[u(y(i.placeholder||"empty"),1)],64)):m("",!0)],64)):m("",!0)]))],2)]),c("div",T,[p(e.$slots,"indicator",{},(()=>[O]))]),(a(),b(v,{to:n.appendTarget,disabled:n.appendDisabled},[g(x,{name:"p-connected-overlay",onEnter:n.onOverlayEnter,onLeave:n.onOverlayLeave,onAfterLeave:n.onOverlayAfterLeave},{default:k((()=>[s.overlayVisible?(a(),r("div",{key:0,ref:n.overlayRef,onClick:t[5]||(t[5]=(...e)=>n.onOverlayClick&&n.onOverlayClick(...e)),class:d(n.panelStyleClass)},[p(e.$slots,"header",{value:i.modelValue,options:i.options}),c("div",{class:"p-treeselect-items-wrapper",style:S({"max-height":i.scrollHeight})},[g(w,{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},null,8,["value","selectionMode","onUpdate:selectionKeys","selectionKeys","expandedKeys","onUpdate:expandedKeys","metaKeySelection","onNodeSelect","onNodeUnselect"]),n.emptyOptions?(a(),r("div",N,[p(e.$slots,"empty",{},(()=>[u(y(n.emptyMessageText),1)]))])):m("",!0)],4),p(e.$slots,"footer",{value:i.modelValue,options:i.options})],2)):m("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"]))],2)};export{w as default};

package/treeselect/treeselect.js

@@ -250,7 +250,7 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
                 this.overlay = el;
             },
             onOverlayClick(event) {
-                OverlayEventBus__default['default'].emit('overlay-click', {
+                OverlayEventBus__default["default"].emit('overlay-click', {
                     originalEvent: event,
                     target: this.$el
                 });
@@ -378,19 +378,20 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
             }
         },
         components: {
-            'TSTree': Tree__default['default']
+            'TSTree': Tree__default["default"]
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
     const _hoisted_1 = { class: "p-hidden-accessible" };
-    const _hoisted_2 = { class: "p-treeselect-label-container" };
-    const _hoisted_3 = { class: "p-treeselect-token-label" };
-    const _hoisted_4 = { class: "p-treeselect-trigger" };
-    const _hoisted_5 = /*#__PURE__*/vue.createVNode("span", { class: "p-treeselect-trigger-icon pi pi-chevron-down" }, null, -1);
-    const _hoisted_6 = {
+    const _hoisted_2 = ["id", "disabled", "tabindex", "aria-expanded", "aria-labelledby"];
+    const _hoisted_3 = { class: "p-treeselect-label-container" };
+    const _hoisted_4 = { class: "p-treeselect-token-label" };
+    const _hoisted_5 = { class: "p-treeselect-trigger" };
+    const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-treeselect-trigger-icon pi pi-chevron-down" }, null, -1);
+    const _hoisted_7 = {
       key: 0,
       class: "p-treeselect-empty-message"
     };
@@ -398,50 +399,52 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_TSTree = vue.resolveComponent("TSTree");
 
-      return (vue.openBlock(), vue.createBlock("div", {
+      return (vue.openBlock(), vue.createElementBlock("div", {
         ref: "container",
-        class: $options.containerClass,
-        onClick: _cache[7] || (_cache[7] = (...args) => ($options.onClick && $options.onClick(...args)))
+        class: vue.normalizeClass($options.containerClass),
+        onClick: _cache[6] || (_cache[6] = (...args) => ($options.onClick && $options.onClick(...args)))
       }, [
-        vue.createVNode("div", _hoisted_1, [
-          vue.createVNode("input", {
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("input", {
             ref: "focusInput",
             type: "text",
             role: "listbox",
             id: $props.inputId,
             readonly: "",
             disabled: $props.disabled,
-            onFocus: _cache[1] || (_cache[1] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-            onBlur: _cache[2] || (_cache[2] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-            onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
+            onFocus: _cache[0] || (_cache[0] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+            onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+            onKeydown: _cache[2] || (_cache[2] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
             tabindex: $props.tabindex,
             "aria-haspopup": "true",
             "aria-expanded": $data.overlayVisible,
             "aria-labelledby": $props.ariaLabelledBy
-          }, null, 40, ["id", "disabled", "tabindex", "aria-expanded", "aria-labelledby"])
+          }, null, 40, _hoisted_2)
         ]),
-        vue.createVNode("div", _hoisted_2, [
-          vue.createVNode("div", { class: $options.labelClass }, [
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass($options.labelClass)
+          }, [
             vue.renderSlot(_ctx.$slots, "value", {
               value: $options.selectedNodes,
               placeholder: $props.placeholder
             }, () => [
               ($props.display === 'comma')
-                ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createTextVNode(vue.toDisplayString($options.label || 'empty'), 1)
                   ], 64))
                 : ($props.display === 'chip')
-                  ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 1 }, [
-                      (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.selectedNodes, (node) => {
-                        return (vue.openBlock(), vue.createBlock("div", {
+                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.selectedNodes, (node) => {
+                        return (vue.openBlock(), vue.createElementBlock("div", {
                           class: "p-treeselect-token",
                           key: node.key
                         }, [
-                          vue.createVNode("span", _hoisted_3, vue.toDisplayString(node.label), 1)
+                          vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(node.label), 1)
                         ]))
                       }), 128)),
                       ($options.emptyValue)
-                        ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                        ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                             vue.createTextVNode(vue.toDisplayString($props.placeholder || 'empty'), 1)
                           ], 64))
                         : vue.createCommentVNode("", true)
@@ -450,9 +453,9 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
             ])
           ], 2)
         ]),
-        vue.createVNode("div", _hoisted_4, [
+        vue.createElementVNode("div", _hoisted_5, [
           vue.renderSlot(_ctx.$slots, "indicator", {}, () => [
-            _hoisted_5
+            _hoisted_6
           ])
         ]),
         (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -467,19 +470,19 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
           }, {
             default: vue.withCtx(() => [
               ($data.overlayVisible)
-                ? (vue.openBlock(), vue.createBlock("div", {
+                ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
                     ref: $options.overlayRef,
-                    onClick: _cache[6] || (_cache[6] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
-                    class: $options.panelStyleClass
+                    onClick: _cache[5] || (_cache[5] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
+                    class: vue.normalizeClass($options.panelStyleClass)
                   }, [
                     vue.renderSlot(_ctx.$slots, "header", {
                       value: $props.modelValue,
                       options: $props.options
                     }),
-                    vue.createVNode("div", {
+                    vue.createElementVNode("div", {
                       class: "p-treeselect-items-wrapper",
-                      style: {'max-height': $props.scrollHeight}
+                      style: vue.normalizeStyle({'max-height': $props.scrollHeight})
                     }, [
                       vue.createVNode(_component_TSTree, {
                         value: $props.options,
@@ -489,13 +492,13 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
                         expandedKeys: $data.expandedKeys,
                         "onUpdate:expandedKeys": $options.onNodeToggle,
                         metaKeySelection: $props.metaKeySelection,
-                        onNodeExpand: _cache[4] || (_cache[4] = $event => (_ctx.$emit('node-expand', $event))),
-                        onNodeCollapse: _cache[5] || (_cache[5] = $event => (_ctx.$emit('node-collapse', $event))),
+                        onNodeExpand: _cache[3] || (_cache[3] = $event => (_ctx.$emit('node-expand', $event))),
+                        onNodeCollapse: _cache[4] || (_cache[4] = $event => (_ctx.$emit('node-collapse', $event))),
                         onNodeSelect: $options.onNodeSelect,
                         onNodeUnselect: $options.onNodeUnselect
                       }, null, 8, ["value", "selectionMode", "onUpdate:selectionKeys", "selectionKeys", "expandedKeys", "onUpdate:expandedKeys", "metaKeySelection", "onNodeSelect", "onNodeUnselect"]),
                       ($options.emptyOptions)
-                        ? (vue.openBlock(), vue.createBlock("div", _hoisted_6, [
+                        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
                             vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                               vue.createTextVNode(vue.toDisplayString($options.emptyMessageText), 1)
                             ])
@@ -549,4 +552,4 @@ this.primevue.treeselect = (function (utils, OverlayEventBus, Tree, Ripple, vue)
 
     return script;
 
-}(primevue.utils, primevue.overlayeventbus, primevue.tree, primevue.ripple, Vue));
+})(primevue.utils, primevue.overlayeventbus, primevue.tree, primevue.ripple, Vue);

package/treeselect/treeselect.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.treeselect=function(e,t,l,i,n){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),r=s(l),a=s(i),d={name:"TreeSelect",emits:["update:modelValue","before-show","before-hide","change","show","hide","node-select","node-unselect","node-expand","node-collapse"],props:{modelValue:null,options:Array,scrollHeight:{type:String,default:"400px"},placeholder:String,disabled:Boolean,tabindex:String,inputId:String,ariaLabelledBy:null,selectionMode:{type:String,default:"single"},panelClass:{type:String,default:null},appendTo:{type:String,default:"body"},emptyMessage:{type:String,default:null},display:{type:String,default:"comma"},metaKeySelection:{type:Boolean,default:!0}},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.ZIndexUtils.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},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onClick(t){this.disabled||this.overlay&&this.overlay.contains(t.target)||e.DomHandler.hasClass(t.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.which){case 40:!this.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}},onOverlayEnter(t){e.ZIndexUtils.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.ZIndexUtils.clear(t)},alignOverlay(){this.appendDisabled?e.DomHandler.relativePosition(this.overlay,this.$el):(this.overlay.style.minWidth=e.DomHandler.getOuterWidth(this.$el)+"px",e.DomHandler.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 e.ConnectedOverlayScrollHandler(this.$refs.container,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&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){o.default.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 t=e.DomHandler.findSingle(this.overlay,"li.p-highlight");t&&t.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},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},components:{TSTree:r.default},directives:{ripple:a.default}};const c={class:"p-hidden-accessible"},p={class:"p-treeselect-label-container"},h={class:"p-treeselect-token-label"},u={class:"p-treeselect-trigger"},y=n.createVNode("span",{class:"p-treeselect-trigger-icon pi pi-chevron-down"},null,-1),m={key:0,class:"p-treeselect-empty-message"};return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.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"),d.render=function(e,t,l,i,s,o){const r=n.resolveComponent("TSTree");return n.openBlock(),n.createBlock("div",{ref:"container",class:o.containerClass,onClick:t[7]||(t[7]=(...e)=>o.onClick&&o.onClick(...e))},[n.createVNode("div",c,[n.createVNode("input",{ref:"focusInput",type:"text",role:"listbox",id:l.inputId,readonly:"",disabled:l.disabled,onFocus:t[1]||(t[1]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:t[2]||(t[2]=(...e)=>o.onBlur&&o.onBlur(...e)),onKeydown:t[3]||(t[3]=(...e)=>o.onKeyDown&&o.onKeyDown(...e)),tabindex:l.tabindex,"aria-haspopup":"true","aria-expanded":s.overlayVisible,"aria-labelledby":l.ariaLabelledBy},null,40,["id","disabled","tabindex","aria-expanded","aria-labelledby"])]),n.createVNode("div",p,[n.createVNode("div",{class:o.labelClass},[n.renderSlot(e.$slots,"value",{value:o.selectedNodes,placeholder:l.placeholder},(()=>["comma"===l.display?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[n.createTextVNode(n.toDisplayString(o.label||"empty"),1)],64)):"chip"===l.display?(n.openBlock(),n.createBlock(n.Fragment,{key:1},[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(o.selectedNodes,(e=>(n.openBlock(),n.createBlock("div",{class:"p-treeselect-token",key:e.key},[n.createVNode("span",h,n.toDisplayString(e.label),1)])))),128)),o.emptyValue?(n.openBlock(),n.createBlock(n.Fragment,{key:0},[n.createTextVNode(n.toDisplayString(l.placeholder||"empty"),1)],64)):n.createCommentVNode("",!0)],64)):n.createCommentVNode("",!0)]))],2)]),n.createVNode("div",u,[n.renderSlot(e.$slots,"indicator",{},(()=>[y]))]),(n.openBlock(),n.createBlock(n.Teleport,{to:o.appendTarget,disabled:o.appendDisabled},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:o.onOverlayEnter,onLeave:o.onOverlayLeave,onAfterLeave:o.onOverlayAfterLeave},{default:n.withCtx((()=>[s.overlayVisible?(n.openBlock(),n.createBlock("div",{key:0,ref:o.overlayRef,onClick:t[6]||(t[6]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e)),class:o.panelStyleClass},[n.renderSlot(e.$slots,"header",{value:l.modelValue,options:l.options}),n.createVNode("div",{class:"p-treeselect-items-wrapper",style:{"max-height":l.scrollHeight}},[n.createVNode(r,{value:l.options,selectionMode:l.selectionMode,"onUpdate:selectionKeys":o.onSelectionChange,selectionKeys:l.modelValue,expandedKeys:s.expandedKeys,"onUpdate:expandedKeys":o.onNodeToggle,metaKeySelection:l.metaKeySelection,onNodeExpand:t[4]||(t[4]=t=>e.$emit("node-expand",t)),onNodeCollapse:t[5]||(t[5]=t=>e.$emit("node-collapse",t)),onNodeSelect:o.onNodeSelect,onNodeUnselect:o.onNodeUnselect},null,8,["value","selectionMode","onUpdate:selectionKeys","selectionKeys","expandedKeys","onUpdate:expandedKeys","metaKeySelection","onNodeSelect","onNodeUnselect"]),o.emptyOptions?(n.openBlock(),n.createBlock("div",m,[n.renderSlot(e.$slots,"empty",{},(()=>[n.createTextVNode(n.toDisplayString(o.emptyMessageText),1)]))])):n.createCommentVNode("",!0)],4),n.renderSlot(e.$slots,"footer",{value:l.modelValue,options:l.options})],2)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"]))],2)},d}(primevue.utils,primevue.overlayeventbus,primevue.tree,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.treeselect=function(e,t,l,i,n){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),a=s(l),r=s(i),d={name:"TreeSelect",emits:["update:modelValue","before-show","before-hide","change","show","hide","node-select","node-unselect","node-expand","node-collapse"],props:{modelValue:null,options:Array,scrollHeight:{type:String,default:"400px"},placeholder:String,disabled:Boolean,tabindex:String,inputId:String,ariaLabelledBy:null,selectionMode:{type:String,default:"single"},panelClass:{type:String,default:null},appendTo:{type:String,default:"body"},emptyMessage:{type:String,default:null},display:{type:String,default:"comma"},metaKeySelection:{type:Boolean,default:!0}},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.ZIndexUtils.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},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onClick(t){this.disabled||this.overlay&&this.overlay.contains(t.target)||e.DomHandler.hasClass(t.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.which){case 40:!this.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}},onOverlayEnter(t){e.ZIndexUtils.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.ZIndexUtils.clear(t)},alignOverlay(){this.appendDisabled?e.DomHandler.relativePosition(this.overlay,this.$el):(this.overlay.style.minWidth=e.DomHandler.getOuterWidth(this.$el)+"px",e.DomHandler.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 e.ConnectedOverlayScrollHandler(this.$refs.container,(()=>{this.overlayVisible&&this.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&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){o.default.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 t=e.DomHandler.findSingle(this.overlay,"li.p-highlight");t&&t.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},appendDisabled(){return"self"===this.appendTo},appendTarget(){return this.appendDisabled?null:this.appendTo}},components:{TSTree:a.default},directives:{ripple:r.default}};const c={class:"p-hidden-accessible"},p=["id","disabled","tabindex","aria-expanded","aria-labelledby"],h={class:"p-treeselect-label-container"},u={class:"p-treeselect-token-label"},y={class:"p-treeselect-trigger"},m=n.createElementVNode("span",{class:"p-treeselect-trigger-icon pi pi-chevron-down"},null,-1),f={key:0,class:"p-treeselect-empty-message"};return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.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"),d.render=function(e,t,l,i,s,o){const a=n.resolveComponent("TSTree");return n.openBlock(),n.createElementBlock("div",{ref:"container",class:n.normalizeClass(o.containerClass),onClick:t[6]||(t[6]=(...e)=>o.onClick&&o.onClick(...e))},[n.createElementVNode("div",c,[n.createElementVNode("input",{ref:"focusInput",type:"text",role:"listbox",id:l.inputId,readonly:"",disabled:l.disabled,onFocus:t[0]||(t[0]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:t[1]||(t[1]=(...e)=>o.onBlur&&o.onBlur(...e)),onKeydown:t[2]||(t[2]=(...e)=>o.onKeyDown&&o.onKeyDown(...e)),tabindex:l.tabindex,"aria-haspopup":"true","aria-expanded":s.overlayVisible,"aria-labelledby":l.ariaLabelledBy},null,40,p)]),n.createElementVNode("div",h,[n.createElementVNode("div",{class:n.normalizeClass(o.labelClass)},[n.renderSlot(e.$slots,"value",{value:o.selectedNodes,placeholder:l.placeholder},(()=>["comma"===l.display?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createTextVNode(n.toDisplayString(o.label||"empty"),1)],64)):"chip"===l.display?(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.selectedNodes,(e=>(n.openBlock(),n.createElementBlock("div",{class:"p-treeselect-token",key:e.key},[n.createElementVNode("span",u,n.toDisplayString(e.label),1)])))),128)),o.emptyValue?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createTextVNode(n.toDisplayString(l.placeholder||"empty"),1)],64)):n.createCommentVNode("",!0)],64)):n.createCommentVNode("",!0)]))],2)]),n.createElementVNode("div",y,[n.renderSlot(e.$slots,"indicator",{},(()=>[m]))]),(n.openBlock(),n.createBlock(n.Teleport,{to:o.appendTarget,disabled:o.appendDisabled},[n.createVNode(n.Transition,{name:"p-connected-overlay",onEnter:o.onOverlayEnter,onLeave:o.onOverlayLeave,onAfterLeave:o.onOverlayAfterLeave},{default:n.withCtx((()=>[s.overlayVisible?(n.openBlock(),n.createElementBlock("div",{key:0,ref:o.overlayRef,onClick:t[5]||(t[5]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e)),class:n.normalizeClass(o.panelStyleClass)},[n.renderSlot(e.$slots,"header",{value:l.modelValue,options:l.options}),n.createElementVNode("div",{class:"p-treeselect-items-wrapper",style:n.normalizeStyle({"max-height":l.scrollHeight})},[n.createVNode(a,{value:l.options,selectionMode:l.selectionMode,"onUpdate:selectionKeys":o.onSelectionChange,selectionKeys:l.modelValue,expandedKeys:s.expandedKeys,"onUpdate:expandedKeys":o.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:o.onNodeSelect,onNodeUnselect:o.onNodeUnselect},null,8,["value","selectionMode","onUpdate:selectionKeys","selectionKeys","expandedKeys","onUpdate:expandedKeys","metaKeySelection","onNodeSelect","onNodeUnselect"]),o.emptyOptions?(n.openBlock(),n.createElementBlock("div",f,[n.renderSlot(e.$slots,"empty",{},(()=>[n.createTextVNode(n.toDisplayString(o.emptyMessageText),1)]))])):n.createCommentVNode("",!0)],4),n.renderSlot(e.$slots,"footer",{value:l.modelValue,options:l.options})],2)):n.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])],8,["to","disabled"]))],2)},d}(primevue.utils,primevue.overlayeventbus,primevue.tree,primevue.ripple,Vue);

package/treetable/TreeTable.d.ts

@@ -55,7 +55,7 @@ export interface TreeTableFilterMeta {
      * Filter keys
      * @see TreeTableFilterMetaData
      */
-    [key: string]: TreeTableFilterMetaData | TreeTableOperatorFilterMetaData;
+    [key: string]: string | TreeTableFilterMetaData | TreeTableOperatorFilterMetaData;
 }
 
 export interface TreeTableSortEvent {