primevue 3.26.1 → 3.27.0

package/treetable/treetable.esm.min.js

@@ -1 +1 @@
-import{FilterService as e}from"primevue/api";import t from"primevue/paginator";import{ObjectUtils as l,DomHandler as o}from"primevue/utils";import{openBlock as i,createElementBlock as n,normalizeStyle as s,normalizeClass as r,createBlock as a,resolveDynamicComponent as d,createCommentVNode as c,createTextVNode as h,toDisplayString as u,resolveDirective as p,withDirectives as m,createElementVNode as f,resolveComponent as b,Fragment as y,renderList as g,renderSlot as k,createSlots as S,withCtx as C,mergeProps as x}from"vue";import P from"primevue/ripple";var z={name:"FooterCell",props:{column:{type:Object,default:null}},data:()=>({styleObject:{}}),mounted(){this.columnProp("frozen")&&this.updateStickyPosition()},updated(){this.columnProp("frozen")&&this.updateStickyPosition()},methods:{columnProp(e){return l.getVNodeProp(this.column,e)},updateStickyPosition(){if(this.columnProp("frozen")){if("right"===this.columnProp("alignFrozen")){let e=0,t=this.$el.nextElementSibling;t&&(e=o.getOuterWidth(t)+parseFloat(t.style.right||0)),this.styleObject.right=e+"px"}else{let e=0,t=this.$el.previousElementSibling;t&&(e=o.getOuterWidth(t)+parseFloat(t.style.left||0)),this.styleObject.left=e+"px"}}}},computed:{containerClass(){return[this.columnProp("footerClass"),this.columnProp("class"),{"p-frozen-column":this.columnProp("frozen")}]},containerStyle(){let e=this.columnProp("footerStyle"),t=this.columnProp("style");return this.columnProp("frozen")?[t,e,this.styleObject]:[t,e]}}};z.render=function(e,t,l,o,p,m){return i(),n("td",{style:s(m.containerStyle),class:r(m.containerClass)},[l.column.children&&l.column.children.footer?(i(),a(d(l.column.children.footer),{key:0,column:l.column},null,8,["column"])):c("",!0),h(" "+u(m.columnProp("footer")),1)],6)};var v={name:"HeaderCell",emits:["column-click","column-resizestart"],props:{column:{type:Object,default:null},resizableColumns:{type:Boolean,default:!1},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},multiSortMeta:{type:Array,default:null},sortMode:{type:String,default:"single"}},data:()=>({styleObject:{}}),mounted(){this.columnProp("frozen")&&this.updateStickyPosition()},updated(){this.columnProp("frozen")&&this.updateStickyPosition()},methods:{columnProp(e){return l.getVNodeProp(this.column,e)},updateStickyPosition(){if(this.columnProp("frozen")){if("right"===this.columnProp("alignFrozen")){let e=0,t=this.$el.nextElementSibling;t&&(e=o.getOuterWidth(t)+parseFloat(t.style.right||0)),this.styleObject.right=e+"px"}else{let e=0,t=this.$el.previousElementSibling;t&&(e=o.getOuterWidth(t)+parseFloat(t.style.left||0)),this.styleObject.left=e+"px"}let e=this.$el.parentElement.nextElementSibling;if(e){let t=o.index(this.$el);e.children[t].style.left=this.styleObject.left,e.children[t].style.right=this.styleObject.right}}},onClick(e){this.$emit("column-click",{originalEvent:e,column:this.column})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||"TH"!==e.currentTarget.nodeName||!o.hasClass(e.currentTarget,"p-sortable-column")||(this.$emit("column-click",{originalEvent:e,column:this.column}),e.preventDefault())},onResizeStart(e){this.$emit("column-resizestart",e)},getMultiSortMetaIndex(){let e=-1;for(let t=0;t<this.multiSortMeta.length;t++){let l=this.multiSortMeta[t];if(l.field===this.columnProp("field")||l.field===this.columnProp("sortField")){e=t;break}}return e},isMultiSorted(){return this.columnProp("sortable")&&this.getMultiSortMetaIndex()>-1},isColumnSorted(){return"single"===this.sortMode?this.sortField&&(this.sortField===this.columnProp("field")||this.sortField===this.columnProp("sortField")):this.isMultiSorted()}},computed:{containerClass(){return[this.columnProp("headerClass"),this.columnProp("class"),{"p-sortable-column":this.columnProp("sortable"),"p-resizable-column":this.resizableColumns,"p-highlight":this.isColumnSorted(),"p-frozen-column":this.columnProp("frozen")}]},containerStyle(){let e=this.columnProp("headerStyle"),t=this.columnProp("style");return this.columnProp("frozen")?[t,e,this.styleObject]:[t,e]},sortableColumnIcon(){let e=!1,t=null;if("single"===this.sortMode)e=this.sortField&&(this.sortField===this.columnProp("field")||this.sortField===this.columnProp("sortField")),t=e?this.sortOrder:0;else if("multiple"===this.sortMode){let l=this.getMultiSortMetaIndex();l>-1&&(e=!0,t=this.multiSortMeta[l].order)}return["p-sortable-column-icon pi pi-fw",{"pi-sort-alt":!e,"pi-sort-amount-up-alt":e&&t>0,"pi-sort-amount-down":e&&t<0}]},ariaSort(){if(this.columnProp("sortable")){const e=this.sortableColumnIcon;return e[1]["pi-sort-amount-down"]?"descending":e[1]["pi-sort-amount-up-alt"]?"ascending":"none"}return null}}};const M=["tabindex","aria-sort"],w={key:2,class:"p-column-title"},F={key:4,class:"p-sortable-column-badge"};v.render=function(e,t,l,o,h,p){return i(),n("th",{style:s([p.containerStyle]),class:r(p.containerClass),onClick:t[1]||(t[1]=(...e)=>p.onClick&&p.onClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>p.onKeyDown&&p.onKeyDown(...e)),tabindex:p.columnProp("sortable")?"0":null,"aria-sort":p.ariaSort,role:"columnheader"},[l.resizableColumns&&!p.columnProp("frozen")?(i(),n("span",{key:0,class:"p-column-resizer",onMousedown:t[0]||(t[0]=(...e)=>p.onResizeStart&&p.onResizeStart(...e))},null,32)):c("",!0),l.column.children&&l.column.children.header?(i(),a(d(l.column.children.header),{key:1,column:l.column},null,8,["column"])):c("",!0),p.columnProp("header")?(i(),n("span",w,u(p.columnProp("header")),1)):c("",!0),p.columnProp("sortable")?(i(),n("span",{key:3,class:r(p.sortableColumnIcon)},null,2)):c("",!0),p.isMultiSorted()?(i(),n("span",F,u(p.getMultiSortMetaIndex()+1),1)):c("",!0)],46,M)};var K={name:"BodyCell",emits:["node-toggle","checkbox-toggle"],props:{node:{type:Object,default:null},column:{type:Object,default:null},level:{type:Number,default:0},indentation:{type:Number,default:1},leaf:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},selectionMode:{type:String,default:null},checked:{type:Boolean,default:!1},partialChecked:{type:Boolean,default:!1}},data:()=>({styleObject:{},checkboxFocused:!1}),mounted(){this.columnProp("frozen")&&this.updateStickyPosition()},updated(){this.columnProp("frozen")&&this.updateStickyPosition()},methods:{toggle(){this.$emit("node-toggle",this.node)},columnProp(e){return l.getVNodeProp(this.column,e)},updateStickyPosition(){if(this.columnProp("frozen")){if("right"===this.columnProp("alignFrozen")){let e=0,t=this.$el.nextElementSibling;t&&(e=o.getOuterWidth(t)+parseFloat(t.style.right||0)),this.styleObject.right=e+"px"}else{let e=0,t=this.$el.previousElementSibling;t&&(e=o.getOuterWidth(t)+parseFloat(t.style.left||0)),this.styleObject.left=e+"px"}}},resolveFieldData:(e,t)=>l.resolveFieldData(e,t),toggleCheckbox(){this.$emit("checkbox-toggle")},onCheckboxFocus(){this.checkboxFocused=!0},onCheckboxBlur(){this.checkboxFocused=!1}},computed:{containerClass(){return[this.columnProp("bodyClass"),this.columnProp("class"),{"p-frozen-column":this.columnProp("frozen")}]},containerStyle(){let e=this.columnProp("bodyStyle"),t=this.columnProp("style");return this.columnProp("frozen")?[t,e,this.styleObject]:[t,e]},togglerStyle(){return{marginLeft:this.level*this.indentation+"rem",visibility:this.leaf?"hidden":"visible"}},togglerIcon(){return["p-treetable-toggler-icon pi",{"pi-chevron-right":!this.expanded,"pi-chevron-down":this.expanded}]},checkboxSelectionMode(){return"checkbox"===this.selectionMode},checkboxClass(){return["p-checkbox-box",{"p-highlight":this.checked,"p-focus":this.checkboxFocused,"p-indeterminate":this.partialChecked}]},checkboxIcon(){return["p-checkbox-icon",{"pi pi-check":this.checked,"pi pi-minus":this.partialChecked}]}},directives:{ripple:P}};const T={class:"p-hidden-accessible"},$={key:3};K.render=function(e,t,l,o,h,b){const y=p("ripple");return i(),n("td",{style:s(b.containerStyle),class:r(b.containerClass),role:"cell"},[b.columnProp("expander")?m((i(),n("button",{key:0,type:"button",class:"p-treetable-toggler p-link",onClick:t[0]||(t[0]=(...e)=>b.toggle&&b.toggle(...e)),style:s(b.togglerStyle),tabindex:"-1"},[f("i",{class:r(b.togglerIcon)},null,2)],4)),[[y]]):c("",!0),b.checkboxSelectionMode&&b.columnProp("expander")?(i(),n("div",{key:1,class:r(["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":h.checkboxFocused}]),onClick:t[3]||(t[3]=(...e)=>b.toggleCheckbox&&b.toggleCheckbox(...e))},[f("div",T,[f("input",{type:"checkbox",onFocus:t[1]||(t[1]=(...e)=>b.onCheckboxFocus&&b.onCheckboxFocus(...e)),onBlur:t[2]||(t[2]=(...e)=>b.onCheckboxBlur&&b.onCheckboxBlur(...e)),tabindex:"-1"},null,32)]),f("div",{ref:"checkboxEl",class:r(b.checkboxClass)},[f("span",{class:r(b.checkboxIcon)},null,2)],2)],2)):c("",!0),l.column.children&&l.column.children.body?(i(),a(d(l.column.children.body),{key:2,node:l.node,column:l.column},null,8,["node","column"])):(i(),n("span",$,u(b.resolveFieldData(l.node.data,b.columnProp("field"))),1))],6)};var E={name:"TreeTableRow",emits:["node-click","node-toggle","checkbox-change","nodeClick","nodeToggle","checkboxChange"],props:{node:{type:null,default:null},parentNode:{type:null,default:null},columns:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},level:{type:Number,default:0},indentation:{type:Number,default:1},tabindex:{type:Number,default:-1},ariaSetSize:{type:Number,default:null},ariaPosInset:{type:Number,default:null}},nodeTouched:!1,methods:{columnProp:(e,t)=>l.getVNodeProp(e,t),toggle(){this.$emit("node-toggle",this.node)},onClick(e){o.isClickable(e.target)||o.hasClass(e.target,"p-treetable-toggler")||o.hasClass(e.target.parentElement,"p-treetable-toggler")||(this.setTabIndexForSelectionMode(e,this.nodeTouched),this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onTouchEnd(){this.nodeTouched=!0},onKeyDown(e,t){switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Enter":case"Space":this.onEnterKey(e,t);break;case"Tab":this.onTabKey(e)}},onArrowDownKey(e){const t=e.currentTarget.nextElementSibling;t&&this.focusRowChange(e.currentTarget,t),e.preventDefault()},onArrowUpKey(e){const t=e.currentTarget.previousElementSibling;t&&this.focusRowChange(e.currentTarget,t),e.preventDefault()},onArrowRightKey(e){const t="hidden"===o.findSingle(e.currentTarget,"button").style.visibility,l=o.findSingle(this.$refs.node,".p-treetable-toggler");t||(!this.expanded&&l.click(),this.$nextTick((()=>{this.onArrowDownKey(e)})),e.preventDefault())},onArrowLeftKey(e){if(0===this.level&&!this.expanded)return;const t=e.currentTarget,l="hidden"===o.findSingle(t,"button").style.visibility,i=o.findSingle(t,".p-treetable-toggler");if(this.expanded&&!l)return void i.click();const n=this.findBeforeClickableNode(t);n&&this.focusRowChange(t,n)},onHomeKey(e){const t=o.findSingle(e.currentTarget.parentElement,`tr[aria-level="${this.level+1}"]`);t&&o.focus(t),e.preventDefault()},onEndKey(e){const t=o.find(e.currentTarget.parentElement,`tr[aria-level="${this.level+1}"]`),l=t[t.length-1];o.focus(l),e.preventDefault()},onEnterKey(e){e.preventDefault(),this.setTabIndexForSelectionMode(e,this.nodeTouched),"checkbox"!==this.selectionMode?(this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1):this.toggleCheckbox()},onTabKey(){const e=[...o.find(this.$refs.node.parentElement,"tr")],t=e.some((e=>o.hasClass(e,"p-highlight")||"true"===e.getAttribute("aria-checked")));if(e.forEach((e=>{e.tabIndex=-1})),t){e.filter((e=>o.hasClass(e,"p-highlight")||"true"===e.getAttribute("aria-checked")))[0].tabIndex=0}else e[0].tabIndex=0},focusRowChange(e,t){e.tabIndex="-1",t.tabIndex="0",o.focus(t)},findBeforeClickableNode(e){const t=e.previousElementSibling;if(t){const e=t.querySelector("button");return e&&"hidden"!==e.style.visibility?t:this.findBeforeClickableNode(t)}return null},toggleCheckbox(){let e=this.selectionKeys?{...this.selectionKeys}:{};const t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown(e,t,l){if(t?l[e.key]={checked:!0,partialChecked:!1}:delete l[e.key],e.children&&e.children.length)for(let o of e.children)this.propagateDown(o,t,l)},propagateUp(e){let t=e.check,l={...e.selectionKeys},o=0,i=!1;for(let e of this.node.children)l[e.key]&&l[e.key].checked?o++:l[e.key]&&l[e.key].partialChecked&&(i=!0);t&&o===this.node.children.length?l[this.node.key]={checked:!0,partialChecked:!1}:(t||delete l[this.node.key],i||o>0&&o!==this.node.children.length?l[this.node.key]={checked:!1,partialChecked:!0}:l[this.node.key]={checked:!1,partialChecked:!1}),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:l})},onCheckboxChange(e){let t=e.check,l={...e.selectionKeys},o=0,i=!1;for(let e of this.node.children)l[e.key]&&l[e.key].checked?o++:l[e.key]&&l[e.key].partialChecked&&(i=!0);t&&o===this.node.children.length?l[this.node.key]={checked:!0,partialChecked:!1}:(t||delete l[this.node.key],i||o>0&&o!==this.node.children.length?l[this.node.key]={checked:!1,partialChecked:!0}:l[this.node.key]={checked:!1,partialChecked:!1}),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:l})},setTabIndexForSelectionMode(e,t){if(null!==this.selectionMode){const l=[...o.find(this.$refs.node.parentElement,"tr")];e.currentTarget.tabIndex=!1===t?-1:0,l.every((e=>-1===e.tabIndex))&&(l[0].tabIndex=0)}}},computed:{containerClass(){return[this.node.styleClass,{"p-highlight":this.selected}]},expanded(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selected(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},checked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)},getAriaSelected(){return"single"===this.selectionMode||"multiple"===this.selectionMode?this.selected:null}},components:{TTBodyCell:K}};const _=["tabindex","aria-expanded","aria-level","aria-setsize","aria-posinset","aria-selected","aria-checked"];E.render=function(e,t,l,o,d,h){const u=b("TTBodyCell"),p=b("TreeTableRow",!0);return i(),n(y,null,[f("tr",{ref:"node",class:r(h.containerClass),style:s(l.node.style),tabindex:l.tabindex,role:"row","aria-expanded":h.expanded,"aria-level":l.level+1,"aria-setsize":l.ariaSetSize,"aria-posinset":l.ariaPosInset,"aria-selected":h.getAriaSelected,"aria-checked":h.checked||void 0,onClick:t[1]||(t[1]=(...e)=>h.onClick&&h.onClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>h.onKeyDown&&h.onKeyDown(...e)),onTouchend:t[3]||(t[3]=(...e)=>h.onTouchEnd&&h.onTouchEnd(...e))},[(i(!0),n(y,null,g(l.columns,((o,s)=>(i(),n(y,{key:h.columnProp(o,"columnKey")||h.columnProp(o,"field")||s},[h.columnProp(o,"hidden")?c("",!0):(i(),a(u,{key:0,column:o,node:l.node,level:l.level,leaf:h.leaf,indentation:l.indentation,expanded:h.expanded,selectionMode:l.selectionMode,checked:h.checked,partialChecked:h.partialChecked,onNodeToggle:t[0]||(t[0]=t=>e.$emit("node-toggle",t)),onCheckboxToggle:h.toggleCheckbox},null,8,["column","node","level","leaf","indentation","expanded","selectionMode","checked","partialChecked","onCheckboxToggle"]))],64)))),128))],46,_),h.expanded&&l.node.children&&l.node.children.length?(i(!0),n(y,{key:0},g(l.node.children,(o=>(i(),a(p,{key:o.key,columns:l.columns,node:o,parentNode:l.node,level:l.level+1,expandedKeys:l.expandedKeys,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,indentation:l.indentation,ariaPosInset:l.node.children.indexOf(o)+1,ariaSetSize:l.node.children.length,onNodeToggle:t[4]||(t[4]=t=>e.$emit("node-toggle",t)),onNodeClick:t[5]||(t[5]=t=>e.$emit("node-click",t)),onCheckboxChange:h.onCheckboxChange},null,8,["columns","node","parentNode","level","expandedKeys","selectionMode","selectionKeys","indentation","ariaPosInset","ariaSetSize","onCheckboxChange"])))),128)):c("",!0)],64)};var R={name:"TreeTable",emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect","update:first","update:rows","page","update:sortField","update:sortOrder","update:multiSortMeta","sort","filter","column-resize-end"],props:{value:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},metaKeySelection:{type:Boolean,default:!0},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},lazy:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner"},rowHover:{type:Boolean,default:!1},autoLayout:{type:Boolean,default:!1},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},defaultSortOrder:{type:Number,default:1},multiSortMeta:{type:Array,default:null},sortMode:{type:String,default:"single"},removableSort:{type:Boolean,default:!1},filters:{type:Object,default:null},filterMode:{type:String,default:"lenient"},filterLocale:{type:String,default:void 0},resizableColumns:{type:Boolean,default:!1},columnResizeMode:{type:String,default:"fit"},indentation:{type:Number,default:1},showGridlines:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},scrollDirection:{type:String,default:"vertical"},scrollHeight:{type:String,default:null},responsiveLayout:{type:String,default:null},tableProps:{type:Object,default:null}},documentColumnResizeListener:null,documentColumnResizeEndListener:null,lastResizeHelperX:null,resizeColumnElement:null,data(){return{d_expandedKeys:this.expandedKeys||{},d_first:this.first,d_rows:this.rows,d_sortField:this.sortField,d_sortOrder:this.sortOrder,d_multiSortMeta:this.multiSortMeta?[...this.multiSortMeta]:[],hasASelectedNode:!1}},watch:{expandedKeys(e){this.d_expandedKeys=e},first(e){this.d_first=e},rows(e){this.d_rows=e},sortField(e){this.d_sortField=e},sortOrder(e){this.d_sortOrder=e},multiSortMeta(e){this.d_multiSortMeta=e}},mounted(){this.scrollable&&"vertical"!==this.scrollDirection&&this.updateScrollWidth()},updated(){this.scrollable&&"vertical"!==this.scrollDirection&&this.updateScrollWidth()},methods:{columnProp:(e,t)=>l.getVNodeProp(e,t),onNodeToggle(e){const t=e.key;this.d_expandedKeys[t]?(delete this.d_expandedKeys[t],this.$emit("node-collapse",e)):(this.d_expandedKeys[t]=!0,this.$emit("node-expand",e)),this.d_expandedKeys={...this.d_expandedKeys},this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick(e){if(this.rowSelectionMode&&!1!==e.node.selectable){const t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},handleSelectionWithMetaKey(e){const t=e.originalEvent,l=e.node,o=t.metaKey||t.ctrlKey;let i;return this.isNodeSelected(l)&&o?(this.isSingleSelectionMode()?i={}:(i={...this.selectionKeys},delete i[l.key]),this.$emit("node-unselect",l)):(this.isSingleSelectionMode()?i={}:this.isMultipleSelectionMode()&&(i=o&&this.selectionKeys?{...this.selectionKeys}:{}),i[l.key]=!0,this.$emit("node-select",l)),i},handleSelectionWithoutMetaKey(e){const t=e.node,l=this.isNodeSelected(t);let o;return this.isSingleSelectionMode()?l?(o={},this.$emit("node-unselect",t)):(o={},o[t.key]=!0,this.$emit("node-select",t)):l?(o={...this.selectionKeys},delete o[t.key],this.$emit("node-unselect",t)):(o=this.selectionKeys?{...this.selectionKeys}:{},o[t.key]=!0,this.$emit("node-select",t)),o},onCheckboxChange(e){this.$emit("update:selectionKeys",e.selectionKeys),e.check?this.$emit("node-select",e.node):this.$emit("node-unselect",e.node)},isSingleSelectionMode(){return"single"===this.selectionMode},isMultipleSelectionMode(){return"multiple"===this.selectionMode},onPage(e){this.d_first=e.first,this.d_rows=e.rows;let t=this.createLazyLoadEvent(e);t.pageCount=e.pageCount,t.page=e.page,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)},getFilterColumnHeaderClass(e){return["p-filter-column",this.columnProp(e,"filterHeaderClass"),{"p-frozen-column":this.columnProp(e,"frozen")}]},onColumnHeaderClick(e){let t=e.originalEvent,l=e.column;if(this.columnProp(l,"sortable")){const e=t.target,i=this.columnProp(l,"sortField")||this.columnProp(l,"field");if(o.hasClass(e,"p-sortable-column")||o.hasClass(e,"p-column-title")||o.hasClass(e,"p-sortable-column-icon")||o.hasClass(e.parentElement,"p-sortable-column-icon")){if(o.clearSelection(),"single"===this.sortMode)this.d_sortField===i?this.removableSort&&-1*this.d_sortOrder===this.defaultSortOrder?(this.d_sortOrder=null,this.d_sortField=null):this.d_sortOrder=-1*this.d_sortOrder:(this.d_sortOrder=this.defaultSortOrder,this.d_sortField=i),this.$emit("update:sortField",this.d_sortField),this.$emit("update:sortOrder",this.d_sortOrder),this.resetPage();else if("multiple"===this.sortMode){t.metaKey||t.ctrlKey||(this.d_multiSortMeta=this.d_multiSortMeta.filter((e=>e.field===i))),this.addMultiSortField(i),this.$emit("update:multiSortMeta",this.d_multiSortMeta)}this.$emit("sort",this.createLazyLoadEvent(t))}}},addMultiSortField(e){let t=this.d_multiSortMeta.findIndex((t=>t.field===e));t>=0?this.removableSort&&-1*this.d_multiSortMeta[t].order===this.defaultSortOrder?this.d_multiSortMeta.splice(t,1):this.d_multiSortMeta[t]={field:e,order:-1*this.d_multiSortMeta[t].order}:this.d_multiSortMeta.push({field:e,order:this.defaultSortOrder}),this.d_multiSortMeta=[...this.d_multiSortMeta]},sortSingle(e){return this.sortNodesSingle(e)},sortNodesSingle(e){let t=[...e];return t.sort(((e,t)=>{const o=l.resolveFieldData(e.data,this.d_sortField),i=l.resolveFieldData(t.data,this.d_sortField);let n=null;return n=null==o&&null!=i?-1:null!=o&&null==i?1:null==o&&null==i?0:"string"==typeof o&&"string"==typeof i?o.localeCompare(i,void 0,{numeric:!0}):o<i?-1:o>i?1:0,this.d_sortOrder*n})),t},sortMultiple(e){return this.sortNodesMultiple(e)},sortNodesMultiple(e){let t=[...e];return t.sort(((e,t)=>this.multisortField(e,t,0))),t},multisortField(e,t,o){const i=l.resolveFieldData(e.data,this.d_multiSortMeta[o].field),n=l.resolveFieldData(t.data,this.d_multiSortMeta[o].field);let s=null;if(null==i&&null!=n)s=-1;else if(null!=i&&null==n)s=1;else if(null==i&&null==n)s=0;else{if(i===n)return this.d_multiSortMeta.length-1>o?this.multisortField(e,t,o+1):0;if(("string"==typeof i||i instanceof String)&&("string"==typeof n||n instanceof String))return this.d_multiSortMeta[o].order*i.localeCompare(n,void 0,{numeric:!0});s=i<n?-1:1}return this.d_multiSortMeta[o].order*s},filter(t){let l=[];const o="strict"===this.filterMode;for(let i of t){let t={...i},n=!0,s=!1;for(let l=0;l<this.columns.length;l++){let i=this.columns[l],r=this.columnProp(i,"field");if(Object.prototype.hasOwnProperty.call(this.filters,this.columnProp(i,"field"))){let l=this.columnProp(i,"filterMatchMode")||"startsWith",s={filterField:r,filterValue:this.filters[this.columnProp(i,"field")],filterConstraint:e.filters[l],strict:o};if((!o||this.findFilteredNodes(t,s)||this.isFilterMatched(t,s))&&(o||this.isFilterMatched(t,s)||this.findFilteredNodes(t,s))||(n=!1),!n)break}if(this.hasGlobalFilter()&&!s){let l={...t},i={filterField:r,filterValue:this.filters.global,filterConstraint:e.filters.contains,strict:o};(o&&(this.findFilteredNodes(l,i)||this.isFilterMatched(l,i))||!o&&(this.isFilterMatched(l,i)||this.findFilteredNodes(l,i)))&&(s=!0,t=l)}}let r=n;this.hasGlobalFilter()&&(r=n&&s),r&&l.push(t)}let i=this.createLazyLoadEvent(event);return i.filteredValue=l,this.$emit("filter",i),l},findFilteredNodes(e,t){if(e){let l=!1;if(e.children){let o=[...e.children];e.children=[];for(let i of o){let o={...i};this.isFilterMatched(o,t)&&(l=!0,e.children.push(o))}}if(l)return!0}},isFilterMatched(e,{filterField:t,filterValue:o,filterConstraint:i,strict:n}){let s=!1;return i(l.resolveFieldData(e.data,t),o,this.filterLocale)&&(s=!0),(!s||n&&!this.isNodeLeaf(e))&&(s=this.findFilteredNodes(e,{filterField:t,filterValue:o,filterConstraint:i,strict:n})||s),s},isNodeSelected(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isNodeLeaf:e=>!1!==e.leaf&&!(e.children&&e.children.length),createLazyLoadEvent(e){let t;return this.hasFilters()&&(t={},this.columns.forEach((e=>{this.columnProp(e,"field")&&(t[e.props.field]=this.columnProp(e,"filterMatchMode"))}))),{originalEvent:e,first:this.d_first,rows:this.d_rows,sortField:this.d_sortField,sortOrder:this.d_sortOrder,multiSortMeta:this.d_multiSortMeta,filters:this.filters,filterMatchModes:t}},onColumnResizeStart(e){let t=o.getOffset(this.$el).left;this.resizeColumnElement=e.target.parentElement,this.columnResizing=!0,this.lastResizeHelperX=e.pageX-t+this.$el.scrollLeft,this.bindColumnResizeEvents()},onColumnResize(e){let t=o.getOffset(this.$el).left;o.addClass(this.$el,"p-unselectable-text"),this.$refs.resizeHelper.style.height=this.$el.offsetHeight+"px",this.$refs.resizeHelper.style.top="0px",this.$refs.resizeHelper.style.left=e.pageX-t+this.$el.scrollLeft+"px",this.$refs.resizeHelper.style.display="block"},onColumnResizeEnd(){let e=this.$refs.resizeHelper.offsetLeft-this.lastResizeHelperX,t=this.resizeColumnElement.offsetWidth,l=t+e,i=this.resizeColumnElement.style.minWidth||15;if(t+e>parseInt(i,10)){if("fit"===this.columnResizeMode){let t=this.resizeColumnElement.nextElementSibling,o=t.offsetWidth-e;l>15&&o>15&&(this.scrollable?this.resizeTableCells(l,o):(this.resizeColumnElement.style.width=l+"px",t&&(t.style.width=o+"px")))}else"expand"===this.columnResizeMode&&(this.$refs.table.style.width=this.$refs.table.offsetWidth+e+"px",this.scrollable?this.resizeTableCells(l):this.resizeColumnElement.style.width=l+"px");this.$emit("column-resize-end",{element:this.resizeColumnElement,delta:e})}this.$refs.resizeHelper.style.display="none",this.resizeColumn=null,o.removeClass(this.$el,"p-unselectable-text"),this.unbindColumnResizeEvents()},resizeTableCells(e,t){let l=o.index(this.resizeColumnElement),i=this.$refs.table.children;for(let o of i)for(let i of o.children){let o=i.children[l];if(o.style.flex="0 0 "+e+"px","fit"===this.columnResizeMode){let e=o.nextElementSibling;e&&(e.style.flex="0 0 "+t+"px")}}},bindColumnResizeEvents(){this.documentColumnResizeListener||(this.documentColumnResizeListener=document.addEventListener("mousemove",(e=>{this.columnResizing&&this.onColumnResize(e)}))),this.documentColumnResizeEndListener||(this.documentColumnResizeEndListener=document.addEventListener("mouseup",(()=>{this.columnResizing&&(this.columnResizing=!1,this.onColumnResizeEnd())})))},unbindColumnResizeEvents(){this.documentColumnResizeListener&&(document.removeEventListener("document",this.documentColumnResizeListener),this.documentColumnResizeListener=null),this.documentColumnResizeEndListener&&(document.removeEventListener("document",this.documentColumnResizeEndListener),this.documentColumnResizeEndListener=null)},onColumnKeyDown(e,t){"Enter"===e.code&&"TH"===e.currentTarget.nodeName&&o.hasClass(e.currentTarget,"p-sortable-column")&&this.onColumnHeaderClick(e,t)},hasColumnFilter(){if(this.columns)for(let e of this.columns)if(e.children&&e.children.filter)return!0;return!1},hasFilters(){return this.filters&&Object.keys(this.filters).length>0&&this.filters.constructor===Object},hasGlobalFilter(){return this.filters&&Object.prototype.hasOwnProperty.call(this.filters,"global")},updateScrollWidth(){this.$refs.table.style.width=this.$refs.table.scrollWidth+"px"},getItemLabel:e=>e.data.name,setTabindex(e,t){if(this.isNodeSelected(e))return this.hasASelectedNode=!0,0;if(this.selectionMode){if(!this.isNodeSelected(e)&&0===t&&!this.hasASelectedNode)return 0}else if(!this.selectionMode&&0===t)return 0;return-1}},computed:{containerClass(){return["p-treetable p-component",{"p-treetable-hoverable-rows":this.rowHover||this.rowSelectionMode,"p-treetable-auto-layout":this.autoLayout,"p-treetable-resizable":this.resizableColumns,"p-treetable-resizable-fit":this.resizableColumns&&"fit"===this.columnResizeMode,"p-treetable-gridlines":this.showGridlines,"p-treetable-scrollable":this.scrollable,"p-treetable-scrollable-vertical":this.scrollable&&"vertical"===this.scrollDirection,"p-treetable-scrollable-horizontal":this.scrollable&&"horizontal"===this.scrollDirection,"p-treetable-scrollable-both":this.scrollable&&"both"===this.scrollDirection,"p-treetable-flex-scrollable":this.scrollable&&"flex"===this.scrollHeight,"p-treetable-responsive-scroll":"scroll"===this.responsiveLayout}]},columns(){let e=[];return this.$slots.default().forEach((t=>{t.children&&t.children instanceof Array?e=[...e,...t.children]:"Column"===t.type.name&&e.push(t)})),e},processedData(){if(this.lazy)return this.value;if(this.value&&this.value.length){let e=this.value;return this.sorted&&("single"===this.sortMode?e=this.sortSingle(e):"multiple"===this.sortMode&&(e=this.sortMultiple(e))),this.hasFilters()&&(e=this.filter(e)),e}return null},dataToRender(){const e=this.processedData;if(this.paginator){const t=this.lazy?0:this.d_first;return e.slice(t,t+this.d_rows)}return e},empty(){const e=this.processedData;return!e||0===e.length},sorted(){return this.d_sortField||this.d_multiSortMeta&&this.d_multiSortMeta.length>0},hasFooter(){let e=!1;for(let t of this.columns)if(this.columnProp(t,"footer")||t.children&&t.children.footer){e=!0;break}return e},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},singleSelectionMode(){return this.selectionMode&&"single"===this.selectionMode},multipleSelectionMode(){return this.selectionMode&&"multiple"===this.selectionMode},rowSelectionMode(){return this.singleSelectionMode||this.multipleSelectionMode},totalRecordsLength(){if(this.lazy)return this.totalRecords;{const e=this.processedData;return e?e.length:0}},loadingIconClass(){return["p-treetable-loading-icon pi-spin",this.loadingIcon]}},components:{TTRow:E,TTPaginator:t,TTHeaderCell:v,TTFooterCell:z}};const O={key:0,class:"p-treetable-loading"},N={class:"p-treetable-loading-overlay p-component-overlay"},L={key:1,class:"p-treetable-header"},D={class:"p-treetable-thead",role:"rowgroup"},I={role:"row"},H={key:0},B={class:"p-treetable-tbody",role:"rowgroup"},j={key:1,class:"p-treetable-emptymessage"},A=["colspan"],W={key:0,class:"p-treetable-tfoot",role:"rowgroup"},V={role:"row"},G={key:4,class:"p-treetable-footer"},X={ref:"resizeHelper",class:"p-column-resizer-helper p-highlight",style:{display:"none"}};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-treetable {\n    position: relative;\n}\n.p-treetable table {\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n.p-treetable .p-sortable-column {\n    cursor: pointer;\n    user-select: none;\n}\n.p-treetable-responsive-scroll > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n    table-layout: auto;\n}\n.p-treetable-hoverable-rows .p-treetable-tbody > tr {\n    cursor: pointer;\n}\n.p-treetable-toggler {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    overflow: hidden;\n    position: relative;\n}\n.p-treetable-toggler + .p-checkbox {\n    vertical-align: middle;\n}\n.p-treetable-toggler + .p-checkbox + span {\n    vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n    overflow: hidden;\n}\n.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n.p-treetable .p-column-resizer {\n    display: block;\n    position: absolute !important;\n    top: 0;\n    right: 0;\n    margin: 0;\n    width: 0.5rem;\n    height: 100%;\n    padding: 0px;\n    cursor: col-resize;\n    border: 1px solid transparent;\n}\n.p-treetable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n.p-treetable .p-treetable-loading-overlay {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 2;\n}\n\n/* Scrollable */\n.p-treetable-scrollable .p-treetable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n.p-treetable-scrollable .p-treetable-table {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead,\n.p-treetable-scrollable .p-treetable-tbody,\n.p-treetable-scrollable .p-treetable-tfoot {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead > tr,\n.p-treetable-scrollable .p-treetable-tbody > tr,\n.p-treetable-scrollable .p-treetable-tfoot > tr {\n    display: flex;\n    flex-wrap: nowrap;\n    width: 100%;\n}\n.p-treetable-scrollable .p-treetable-thead > tr > th,\n.p-treetable-scrollable .p-treetable-tbody > tr > td,\n.p-treetable-scrollable .p-treetable-tfoot > tr > td {\n    display: flex;\n    flex: 1 1 0;\n    align-items: center;\n}\n.p-treetable-scrollable .p-treetable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-treetable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n.p-treetable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n.p-treetable-scrollable-both .p-treetable-thead > tr > th,\n.p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n    flex: 0 0 auto;\n}\n.p-treetable-flex-scrollable {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n.p-treetable-flex-scrollable .p-treetable-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    height: 100%;\n}\n"),R.render=function(e,t,l,o,h,u){const p=b("TTPaginator"),m=b("TTHeaderCell"),P=b("TTRow"),z=b("TTFooterCell");return i(),n("div",{class:r(u.containerClass),"data-scrollselectors":".p-treetable-scrollable-body",role:"table"},[l.loading?(i(),n("div",O,[f("div",N,[f("i",{class:r(u.loadingIconClass)},null,2)])])):c("",!0),e.$slots.header?(i(),n("div",L,[k(e.$slots,"header")])):c("",!0),u.paginatorTop?(i(),a(p,{key:2,rows:h.d_rows,first:h.d_first,totalRecords:u.totalRecordsLength,pageLinkSize:l.pageLinkSize,template:l.paginatorTemplate,rowsPerPageOptions:l.rowsPerPageOptions,currentPageReportTemplate:l.currentPageReportTemplate,class:"p-paginator-top",onPage:t[0]||(t[0]=e=>u.onPage(e)),alwaysShow:l.alwaysShowPaginator},S({_:2},[e.$slots.paginatorstart?{name:"start",fn:C((()=>[k(e.$slots,"paginatorstart")])),key:"0"}:void 0,e.$slots.paginatorend?{name:"end",fn:C((()=>[k(e.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","alwaysShow"])):c("",!0),f("div",{class:"p-treetable-wrapper",style:s({maxHeight:l.scrollHeight})},[f("table",x({ref:"table",role:"table"},l.tableProps),[f("thead",D,[f("tr",I,[(i(!0),n(y,null,g(u.columns,((e,t)=>(i(),n(y,{key:u.columnProp(e,"columnKey")||u.columnProp(e,"field")||t},[u.columnProp(e,"hidden")?c("",!0):(i(),a(m,{key:0,column:e,resizableColumns:l.resizableColumns,sortField:h.d_sortField,sortOrder:h.d_sortOrder,multiSortMeta:h.d_multiSortMeta,sortMode:l.sortMode,onColumnClick:u.onColumnHeaderClick,onColumnResizestart:u.onColumnResizeStart},null,8,["column","resizableColumns","sortField","sortOrder","multiSortMeta","sortMode","onColumnClick","onColumnResizestart"]))],64)))),128))]),u.hasColumnFilter()?(i(),n("tr",H,[(i(!0),n(y,null,g(u.columns,((e,t)=>(i(),n(y,{key:u.columnProp(e,"columnKey")||u.columnProp(e,"field")||t},[u.columnProp(e,"hidden")?c("",!0):(i(),n("th",{key:0,class:r(u.getFilterColumnHeaderClass(e)),style:s([u.columnProp(e,"style"),u.columnProp(e,"filterHeaderStyle")])},[e.children&&e.children.filter?(i(),a(d(e.children.filter),{key:0,column:e},null,8,["column"])):c("",!0)],6))],64)))),128))])):c("",!0)]),f("tbody",B,[u.empty?(i(),n("tr",j,[f("td",{colspan:u.columns.length},[k(e.$slots,"empty")],8,A)])):(i(!0),n(y,{key:0},g(u.dataToRender,((e,t)=>(i(),a(P,{key:e.key,columns:u.columns,node:e,level:0,expandedKeys:h.d_expandedKeys,indentation:l.indentation,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,ariaSetSize:u.dataToRender.length,ariaPosInset:t+1,tabindex:u.setTabindex(e,t),onNodeToggle:u.onNodeToggle,onNodeClick:u.onNodeClick,onCheckboxChange:u.onCheckboxChange},null,8,["columns","node","expandedKeys","indentation","selectionMode","selectionKeys","ariaSetSize","ariaPosInset","tabindex","onNodeToggle","onNodeClick","onCheckboxChange"])))),128))]),u.hasFooter?(i(),n("tfoot",W,[f("tr",V,[(i(!0),n(y,null,g(u.columns,((e,t)=>(i(),n(y,{key:u.columnProp(e,"columnKey")||u.columnProp(e,"field")||t},[u.columnProp(e,"hidden")?c("",!0):(i(),a(z,{key:0,column:e},null,8,["column"]))],64)))),128))])])):c("",!0)],16)],4),u.paginatorBottom?(i(),a(p,{key:3,rows:h.d_rows,first:h.d_first,totalRecords:u.totalRecordsLength,pageLinkSize:l.pageLinkSize,template:l.paginatorTemplate,rowsPerPageOptions:l.rowsPerPageOptions,currentPageReportTemplate:l.currentPageReportTemplate,class:"p-paginator-bottom",onPage:t[1]||(t[1]=e=>u.onPage(e)),alwaysShow:l.alwaysShowPaginator},S({_:2},[e.$slots.paginatorstart?{name:"start",fn:C((()=>[k(e.$slots,"paginatorstart")])),key:"0"}:void 0,e.$slots.paginatorend?{name:"end",fn:C((()=>[k(e.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","alwaysShow"])):c("",!0),e.$slots.footer?(i(),n("div",G,[k(e.$slots,"footer")])):c("",!0),f("div",X,null,512)],2)};export{R as default};
+import{FilterService as e}from"primevue/api";import t from"primevue/icons/spinner";import l from"primevue/paginator";import{ObjectUtils as o,DomHandler as n}from"primevue/utils";import{openBlock as i,createElementBlock as s,normalizeStyle as r,normalizeClass as a,createBlock as d,resolveDynamicComponent as c,createCommentVNode as h,createTextVNode as u,toDisplayString as p,resolveDirective as m,withDirectives as f,createElementVNode as g,resolveComponent as b,Fragment as y,renderList as k,renderSlot as S,createSlots as C,withCtx as x,mergeProps as v}from"vue";import P from"primevue/icons/sortalt";import z from"primevue/icons/sortamountdown";import M from"primevue/icons/sortamountupalt";import w from"primevue/icons/check";import $ from"primevue/icons/chevrondown";import F from"primevue/icons/chevronright";import K from"primevue/icons/minus";import T from"primevue/ripple";var O={name:"FooterCell",props:{column:{type:Object,default:null}},data:()=>({styleObject:{}}),mounted(){this.columnProp("frozen")&&this.updateStickyPosition()},updated(){this.columnProp("frozen")&&this.updateStickyPosition()},methods:{columnProp(e){return o.getVNodeProp(this.column,e)},updateStickyPosition(){if(this.columnProp("frozen")){if("right"===this.columnProp("alignFrozen")){let e=0,t=this.$el.nextElementSibling;t&&(e=n.getOuterWidth(t)+parseFloat(t.style.right||0)),this.styleObject.right=e+"px"}else{let e=0,t=this.$el.previousElementSibling;t&&(e=n.getOuterWidth(t)+parseFloat(t.style.left||0)),this.styleObject.left=e+"px"}}}},computed:{containerClass(){return[this.columnProp("footerClass"),this.columnProp("class"),{"p-frozen-column":this.columnProp("frozen")}]},containerStyle(){let e=this.columnProp("footerStyle"),t=this.columnProp("style");return this.columnProp("frozen")?[t,e,this.styleObject]:[t,e]}}};O.render=function(e,t,l,o,n,m){return i(),s("td",{style:r(m.containerStyle),class:a(m.containerClass)},[l.column.children&&l.column.children.footer?(i(),d(c(l.column.children.footer),{key:0,column:l.column},null,8,["column"])):h("",!0),u(" "+p(m.columnProp("footer")),1)],6)};var E={name:"HeaderCell",emits:["column-click","column-resizestart"],props:{column:{type:Object,default:null},resizableColumns:{type:Boolean,default:!1},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},multiSortMeta:{type:Array,default:null},sortMode:{type:String,default:"single"}},data:()=>({styleObject:{}}),mounted(){this.columnProp("frozen")&&this.updateStickyPosition()},updated(){this.columnProp("frozen")&&this.updateStickyPosition()},methods:{columnProp(e){return o.getVNodeProp(this.column,e)},updateStickyPosition(){if(this.columnProp("frozen")){if("right"===this.columnProp("alignFrozen")){let e=0,t=this.$el.nextElementSibling;t&&(e=n.getOuterWidth(t)+parseFloat(t.style.right||0)),this.styleObject.right=e+"px"}else{let e=0,t=this.$el.previousElementSibling;t&&(e=n.getOuterWidth(t)+parseFloat(t.style.left||0)),this.styleObject.left=e+"px"}let e=this.$el.parentElement.nextElementSibling;if(e){let t=n.index(this.$el);e.children[t].style.left=this.styleObject.left,e.children[t].style.right=this.styleObject.right}}},onClick(e){this.$emit("column-click",{originalEvent:e,column:this.column})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||"TH"!==e.currentTarget.nodeName||!n.hasClass(e.currentTarget,"p-sortable-column")||(this.$emit("column-click",{originalEvent:e,column:this.column}),e.preventDefault())},onResizeStart(e){this.$emit("column-resizestart",e)},getMultiSortMetaIndex(){let e=-1;for(let t=0;t<this.multiSortMeta.length;t++){let l=this.multiSortMeta[t];if(l.field===this.columnProp("field")||l.field===this.columnProp("sortField")){e=t;break}}return e},isMultiSorted(){return this.columnProp("sortable")&&this.getMultiSortMetaIndex()>-1},isColumnSorted(){return"single"===this.sortMode?this.sortField&&(this.sortField===this.columnProp("field")||this.sortField===this.columnProp("sortField")):this.isMultiSorted()}},computed:{containerClass(){return[this.columnProp("headerClass"),this.columnProp("class"),{"p-sortable-column":this.columnProp("sortable"),"p-resizable-column":this.resizableColumns,"p-highlight":this.isColumnSorted(),"p-frozen-column":this.columnProp("frozen")}]},containerStyle(){let e=this.columnProp("headerStyle"),t=this.columnProp("style");return this.columnProp("frozen")?[t,e,this.styleObject]:[t,e]},sortState(){let e=!1,t=null;if("single"===this.sortMode)e=this.sortField&&(this.sortField===this.columnProp("field")||this.sortField===this.columnProp("sortField")),t=e?this.sortOrder:0;else if("multiple"===this.sortMode){let l=this.getMultiSortMetaIndex();l>-1&&(e=!0,t=this.multiSortMeta[l].order)}return{sorted:e,sortOrder:t}},sortableColumnIcon(){const{sorted:e,sortOrder:t}=this.sortState;return e?e&&t>0?M:e&&t<0?z:null:P},ariaSort(){if(this.columnProp("sortable")){const{sorted:e,sortOrder:t}=this.sortState;return e&&t<0?"descending":e&&t>0?"ascending":"none"}return null}},components:{SortAltIcon:P,SortAmountUpAltIcon:M,SortAmountDownIcon:z}};const R=["tabindex","aria-sort"],_={key:2,class:"p-column-title"},N={key:3},L={key:4,class:"p-sortable-column-badge"};E.render=function(e,t,l,o,n,u){return i(),s("th",{style:r([u.containerStyle]),class:a(u.containerClass),onClick:t[1]||(t[1]=(...e)=>u.onClick&&u.onClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>u.onKeyDown&&u.onKeyDown(...e)),tabindex:u.columnProp("sortable")?"0":null,"aria-sort":u.ariaSort,role:"columnheader"},[l.resizableColumns&&!u.columnProp("frozen")?(i(),s("span",{key:0,class:"p-column-resizer",onMousedown:t[0]||(t[0]=(...e)=>u.onResizeStart&&u.onResizeStart(...e))},null,32)):h("",!0),l.column.children&&l.column.children.header?(i(),d(c(l.column.children.header),{key:1,column:l.column},null,8,["column"])):h("",!0),u.columnProp("header")?(i(),s("span",_,p(u.columnProp("header")),1)):h("",!0),u.columnProp("sortable")?(i(),s("span",N,[(i(),d(c(l.column.children&&l.column.children.sorticon||u.sortableColumnIcon),{sorted:u.sortState.sorted,sortOrder:u.sortState.sortOrder,class:"p-sortable-column-icon"},null,8,["sorted","sortOrder"]))])):h("",!0),u.isMultiSorted()?(i(),s("span",L,p(u.getMultiSortMetaIndex()+1),1)):h("",!0)],46,R)};var I={name:"BodyCell",emits:["node-toggle","checkbox-toggle"],props:{node:{type:Object,default:null},column:{type:Object,default:null},level:{type:Number,default:0},indentation:{type:Number,default:1},leaf:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},selectionMode:{type:String,default:null},checked:{type:Boolean,default:!1},partialChecked:{type:Boolean,default:!1},templates:{type:Object,default:null}},data:()=>({styleObject:{},checkboxFocused:!1}),mounted(){this.columnProp("frozen")&&this.updateStickyPosition()},updated(){this.columnProp("frozen")&&this.updateStickyPosition()},methods:{toggle(){this.$emit("node-toggle",this.node)},columnProp(e){return o.getVNodeProp(this.column,e)},updateStickyPosition(){if(this.columnProp("frozen")){if("right"===this.columnProp("alignFrozen")){let e=0,t=this.$el.nextElementSibling;t&&(e=n.getOuterWidth(t)+parseFloat(t.style.right||0)),this.styleObject.right=e+"px"}else{let e=0,t=this.$el.previousElementSibling;t&&(e=n.getOuterWidth(t)+parseFloat(t.style.left||0)),this.styleObject.left=e+"px"}}},resolveFieldData:(e,t)=>o.resolveFieldData(e,t),toggleCheckbox(){this.$emit("checkbox-toggle")},onCheckboxFocus(){this.checkboxFocused=!0},onCheckboxBlur(){this.checkboxFocused=!1}},computed:{containerClass(){return[this.columnProp("bodyClass"),this.columnProp("class"),{"p-frozen-column":this.columnProp("frozen")}]},containerStyle(){let e=this.columnProp("bodyStyle"),t=this.columnProp("style");return this.columnProp("frozen")?[t,e,this.styleObject]:[t,e]},togglerStyle(){return{marginLeft:this.level*this.indentation+"rem",visibility:this.leaf?"hidden":"visible"}},checkboxSelectionMode(){return"checkbox"===this.selectionMode},checkboxClass(){return["p-checkbox-box",{"p-highlight":this.checked,"p-focus":this.checkboxFocused,"p-indeterminate":this.partialChecked}]}},components:{ChevronRightIcon:F,ChevronDownIcon:$,CheckIcon:w,MinusIcon:K},directives:{ripple:T}};const D={class:"p-hidden-accessible"},H={key:3};I.render=function(e,t,l,o,n,u){const b=m("ripple");return i(),s("td",{style:r(u.containerStyle),class:a(u.containerClass),role:"cell"},[u.columnProp("expander")?f((i(),s("button",{key:0,type:"button",class:"p-treetable-toggler p-link",onClick:t[0]||(t[0]=(...e)=>u.toggle&&u.toggle(...e)),style:r(u.togglerStyle),tabindex:"-1"},[l.templates.togglericon?(i(),d(c(l.templates.togglericon),{key:0,node:l.node,expanded:l.expanded,class:"p-tree-toggler-icon"},null,8,["node","expanded"])):l.expanded?(i(),d(c(l.node.expandedIcon?"span":"ChevronDownIcon"),{key:1,class:"p-tree-toggler-icon"})):(i(),d(c(l.node.collapsedIcon?"span":"ChevronRightIcon"),{key:2,class:"p-tree-toggler-icon"}))],4)),[[b]]):h("",!0),u.checkboxSelectionMode&&u.columnProp("expander")?(i(),s("div",{key:1,class:a(["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":n.checkboxFocused}]),onClick:t[3]||(t[3]=(...e)=>u.toggleCheckbox&&u.toggleCheckbox(...e))},[g("div",D,[g("input",{type:"checkbox",onFocus:t[1]||(t[1]=(...e)=>u.onCheckboxFocus&&u.onCheckboxFocus(...e)),onBlur:t[2]||(t[2]=(...e)=>u.onCheckboxBlur&&u.onCheckboxBlur(...e)),tabindex:"-1"},null,32)]),g("div",{ref:"checkboxEl",class:a(u.checkboxClass)},[l.templates.checkboxicon?(i(),d(c(l.templates.checkboxicon),{key:0,checked:l.checked,partialChecked:l.partialChecked,class:"p-checkbox-icon"},null,8,["checked","partialChecked"])):(i(),d(c(l.checked?"CheckIcon":l.partialChecked?"MinusIcon":null),{key:1,class:"p-checkbox-icon"}))],2)],2)):h("",!0),l.column.children&&l.column.children.body?(i(),d(c(l.column.children.body),{key:2,node:l.node,column:l.column},null,8,["node","column"])):(i(),s("span",H,p(u.resolveFieldData(l.node.data,u.columnProp("field"))),1))],6)};var B={name:"TreeTableRow",emits:["node-click","node-toggle","checkbox-change","nodeClick","nodeToggle","checkboxChange"],props:{node:{type:null,default:null},parentNode:{type:null,default:null},columns:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},level:{type:Number,default:0},indentation:{type:Number,default:1},tabindex:{type:Number,default:-1},ariaSetSize:{type:Number,default:null},ariaPosInset:{type:Number,default:null},templates:{type:Object,default:null}},nodeTouched:!1,methods:{columnProp:(e,t)=>o.getVNodeProp(e,t),toggle(){this.$emit("node-toggle",this.node)},onClick(e){n.isClickable(e.target)||n.hasClass(e.target,"p-treetable-toggler")||n.hasClass(e.target.parentElement,"p-treetable-toggler")||(this.setTabIndexForSelectionMode(e,this.nodeTouched),this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onTouchEnd(){this.nodeTouched=!0},onKeyDown(e,t){switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Enter":case"Space":this.onEnterKey(e,t);break;case"Tab":this.onTabKey(e)}},onArrowDownKey(e){const t=e.currentTarget.nextElementSibling;t&&this.focusRowChange(e.currentTarget,t),e.preventDefault()},onArrowUpKey(e){const t=e.currentTarget.previousElementSibling;t&&this.focusRowChange(e.currentTarget,t),e.preventDefault()},onArrowRightKey(e){const t="hidden"===n.findSingle(e.currentTarget,"button").style.visibility,l=n.findSingle(this.$refs.node,".p-treetable-toggler");t||(!this.expanded&&l.click(),this.$nextTick((()=>{this.onArrowDownKey(e)})),e.preventDefault())},onArrowLeftKey(e){if(0===this.level&&!this.expanded)return;const t=e.currentTarget,l="hidden"===n.findSingle(t,"button").style.visibility,o=n.findSingle(t,".p-treetable-toggler");if(this.expanded&&!l)return void o.click();const i=this.findBeforeClickableNode(t);i&&this.focusRowChange(t,i)},onHomeKey(e){const t=n.findSingle(e.currentTarget.parentElement,`tr[aria-level="${this.level+1}"]`);t&&n.focus(t),e.preventDefault()},onEndKey(e){const t=n.find(e.currentTarget.parentElement,`tr[aria-level="${this.level+1}"]`),l=t[t.length-1];n.focus(l),e.preventDefault()},onEnterKey(e){e.preventDefault(),this.setTabIndexForSelectionMode(e,this.nodeTouched),"checkbox"!==this.selectionMode?(this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1):this.toggleCheckbox()},onTabKey(){const e=[...n.find(this.$refs.node.parentElement,"tr")],t=e.some((e=>n.hasClass(e,"p-highlight")||"true"===e.getAttribute("aria-checked")));if(e.forEach((e=>{e.tabIndex=-1})),t){e.filter((e=>n.hasClass(e,"p-highlight")||"true"===e.getAttribute("aria-checked")))[0].tabIndex=0}else e[0].tabIndex=0},focusRowChange(e,t){e.tabIndex="-1",t.tabIndex="0",n.focus(t)},findBeforeClickableNode(e){const t=e.previousElementSibling;if(t){const e=t.querySelector("button");return e&&"hidden"!==e.style.visibility?t:this.findBeforeClickableNode(t)}return null},toggleCheckbox(){let e=this.selectionKeys?{...this.selectionKeys}:{};const t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown(e,t,l){if(t?l[e.key]={checked:!0,partialChecked:!1}:delete l[e.key],e.children&&e.children.length)for(let o of e.children)this.propagateDown(o,t,l)},propagateUp(e){let t=e.check,l={...e.selectionKeys},o=0,n=!1;for(let e of this.node.children)l[e.key]&&l[e.key].checked?o++:l[e.key]&&l[e.key].partialChecked&&(n=!0);t&&o===this.node.children.length?l[this.node.key]={checked:!0,partialChecked:!1}:(t||delete l[this.node.key],n||o>0&&o!==this.node.children.length?l[this.node.key]={checked:!1,partialChecked:!0}:l[this.node.key]={checked:!1,partialChecked:!1}),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:l})},onCheckboxChange(e){let t=e.check,l={...e.selectionKeys},o=0,n=!1;for(let e of this.node.children)l[e.key]&&l[e.key].checked?o++:l[e.key]&&l[e.key].partialChecked&&(n=!0);t&&o===this.node.children.length?l[this.node.key]={checked:!0,partialChecked:!1}:(t||delete l[this.node.key],n||o>0&&o!==this.node.children.length?l[this.node.key]={checked:!1,partialChecked:!0}:l[this.node.key]={checked:!1,partialChecked:!1}),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:l})},setTabIndexForSelectionMode(e,t){if(null!==this.selectionMode){const l=[...n.find(this.$refs.node.parentElement,"tr")];e.currentTarget.tabIndex=!1===t?-1:0,l.every((e=>-1===e.tabIndex))&&(l[0].tabIndex=0)}}},computed:{containerClass(){return[this.node.styleClass,{"p-highlight":this.selected}]},expanded(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selected(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},checked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)},getAriaSelected(){return"single"===this.selectionMode||"multiple"===this.selectionMode?this.selected:null}},components:{TTBodyCell:I}};const A=["tabindex","aria-expanded","aria-level","aria-setsize","aria-posinset","aria-selected","aria-checked"];B.render=function(e,t,l,o,n,c){const u=b("TTBodyCell"),p=b("TreeTableRow",!0);return i(),s(y,null,[g("tr",{ref:"node",class:a(c.containerClass),style:r(l.node.style),tabindex:l.tabindex,role:"row","aria-expanded":c.expanded,"aria-level":l.level+1,"aria-setsize":l.ariaSetSize,"aria-posinset":l.ariaPosInset,"aria-selected":c.getAriaSelected,"aria-checked":c.checked||void 0,onClick:t[1]||(t[1]=(...e)=>c.onClick&&c.onClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>c.onKeyDown&&c.onKeyDown(...e)),onTouchend:t[3]||(t[3]=(...e)=>c.onTouchEnd&&c.onTouchEnd(...e))},[(i(!0),s(y,null,k(l.columns,((o,n)=>(i(),s(y,{key:c.columnProp(o,"columnKey")||c.columnProp(o,"field")||n},[c.columnProp(o,"hidden")?h("",!0):(i(),d(u,{key:0,column:o,node:l.node,level:l.level,leaf:c.leaf,indentation:l.indentation,expanded:c.expanded,selectionMode:l.selectionMode,checked:c.checked,partialChecked:c.partialChecked,templates:l.templates,onNodeToggle:t[0]||(t[0]=t=>e.$emit("node-toggle",t)),onCheckboxToggle:c.toggleCheckbox},null,8,["column","node","level","leaf","indentation","expanded","selectionMode","checked","partialChecked","templates","onCheckboxToggle"]))],64)))),128))],46,A),c.expanded&&l.node.children&&l.node.children.length?(i(!0),s(y,{key:0},k(l.node.children,(o=>(i(),d(p,{key:o.key,columns:l.columns,node:o,parentNode:l.node,level:l.level+1,expandedKeys:l.expandedKeys,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,indentation:l.indentation,ariaPosInset:l.node.children.indexOf(o)+1,ariaSetSize:l.node.children.length,templates:l.templates,onNodeToggle:t[4]||(t[4]=t=>e.$emit("node-toggle",t)),onNodeClick:t[5]||(t[5]=t=>e.$emit("node-click",t)),onCheckboxChange:c.onCheckboxChange},null,8,["columns","node","parentNode","level","expandedKeys","selectionMode","selectionKeys","indentation","ariaPosInset","ariaSetSize","templates","onCheckboxChange"])))),128)):h("",!0)],64)};var j={name:"TreeTable",emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect","update:first","update:rows","page","update:sortField","update:sortOrder","update:multiSortMeta","sort","filter","column-resize-end"],props:{value:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},metaKeySelection:{type:Boolean,default:!0},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},lazy:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},rowHover:{type:Boolean,default:!1},autoLayout:{type:Boolean,default:!1},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},defaultSortOrder:{type:Number,default:1},multiSortMeta:{type:Array,default:null},sortMode:{type:String,default:"single"},removableSort:{type:Boolean,default:!1},filters:{type:Object,default:null},filterMode:{type:String,default:"lenient"},filterLocale:{type:String,default:void 0},resizableColumns:{type:Boolean,default:!1},columnResizeMode:{type:String,default:"fit"},indentation:{type:Number,default:1},showGridlines:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},scrollDirection:{type:String,default:"vertical"},scrollHeight:{type:String,default:null},responsiveLayout:{type:String,default:null},tableProps:{type:Object,default:null}},documentColumnResizeListener:null,documentColumnResizeEndListener:null,lastResizeHelperX:null,resizeColumnElement:null,data(){return{d_expandedKeys:this.expandedKeys||{},d_first:this.first,d_rows:this.rows,d_sortField:this.sortField,d_sortOrder:this.sortOrder,d_multiSortMeta:this.multiSortMeta?[...this.multiSortMeta]:[],hasASelectedNode:!1}},watch:{expandedKeys(e){this.d_expandedKeys=e},first(e){this.d_first=e},rows(e){this.d_rows=e},sortField(e){this.d_sortField=e},sortOrder(e){this.d_sortOrder=e},multiSortMeta(e){this.d_multiSortMeta=e}},mounted(){this.scrollable&&"vertical"!==this.scrollDirection&&this.updateScrollWidth()},updated(){this.scrollable&&"vertical"!==this.scrollDirection&&this.updateScrollWidth()},methods:{columnProp:(e,t)=>o.getVNodeProp(e,t),onNodeToggle(e){const t=e.key;this.d_expandedKeys[t]?(delete this.d_expandedKeys[t],this.$emit("node-collapse",e)):(this.d_expandedKeys[t]=!0,this.$emit("node-expand",e)),this.d_expandedKeys={...this.d_expandedKeys},this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick(e){if(this.rowSelectionMode&&!1!==e.node.selectable){const t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},handleSelectionWithMetaKey(e){const t=e.originalEvent,l=e.node,o=t.metaKey||t.ctrlKey;let n;return this.isNodeSelected(l)&&o?(this.isSingleSelectionMode()?n={}:(n={...this.selectionKeys},delete n[l.key]),this.$emit("node-unselect",l)):(this.isSingleSelectionMode()?n={}:this.isMultipleSelectionMode()&&(n=o&&this.selectionKeys?{...this.selectionKeys}:{}),n[l.key]=!0,this.$emit("node-select",l)),n},handleSelectionWithoutMetaKey(e){const t=e.node,l=this.isNodeSelected(t);let o;return this.isSingleSelectionMode()?l?(o={},this.$emit("node-unselect",t)):(o={},o[t.key]=!0,this.$emit("node-select",t)):l?(o={...this.selectionKeys},delete o[t.key],this.$emit("node-unselect",t)):(o=this.selectionKeys?{...this.selectionKeys}:{},o[t.key]=!0,this.$emit("node-select",t)),o},onCheckboxChange(e){this.$emit("update:selectionKeys",e.selectionKeys),e.check?this.$emit("node-select",e.node):this.$emit("node-unselect",e.node)},isSingleSelectionMode(){return"single"===this.selectionMode},isMultipleSelectionMode(){return"multiple"===this.selectionMode},onPage(e){this.d_first=e.first,this.d_rows=e.rows;let t=this.createLazyLoadEvent(e);t.pageCount=e.pageCount,t.page=e.page,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)},getFilterColumnHeaderClass(e){return["p-filter-column",this.columnProp(e,"filterHeaderClass"),{"p-frozen-column":this.columnProp(e,"frozen")}]},onColumnHeaderClick(e){let t=e.originalEvent,l=e.column;if(this.columnProp(l,"sortable")){const e=t.target,o=this.columnProp(l,"sortField")||this.columnProp(l,"field");if(n.hasClass(e,"p-sortable-column")||n.hasClass(e,"p-column-title")||n.hasClass(e,"p-sortable-column-icon")||n.hasClass(e.parentElement,"p-sortable-column-icon")){if(n.clearSelection(),"single"===this.sortMode)this.d_sortField===o?this.removableSort&&-1*this.d_sortOrder===this.defaultSortOrder?(this.d_sortOrder=null,this.d_sortField=null):this.d_sortOrder=-1*this.d_sortOrder:(this.d_sortOrder=this.defaultSortOrder,this.d_sortField=o),this.$emit("update:sortField",this.d_sortField),this.$emit("update:sortOrder",this.d_sortOrder),this.resetPage();else if("multiple"===this.sortMode){t.metaKey||t.ctrlKey||(this.d_multiSortMeta=this.d_multiSortMeta.filter((e=>e.field===o))),this.addMultiSortField(o),this.$emit("update:multiSortMeta",this.d_multiSortMeta)}this.$emit("sort",this.createLazyLoadEvent(t))}}},addMultiSortField(e){let t=this.d_multiSortMeta.findIndex((t=>t.field===e));t>=0?this.removableSort&&-1*this.d_multiSortMeta[t].order===this.defaultSortOrder?this.d_multiSortMeta.splice(t,1):this.d_multiSortMeta[t]={field:e,order:-1*this.d_multiSortMeta[t].order}:this.d_multiSortMeta.push({field:e,order:this.defaultSortOrder}),this.d_multiSortMeta=[...this.d_multiSortMeta]},sortSingle(e){return this.sortNodesSingle(e)},sortNodesSingle(e){let t=[...e];return t.sort(((e,t)=>{const l=o.resolveFieldData(e.data,this.d_sortField),n=o.resolveFieldData(t.data,this.d_sortField);let i=null;return i=null==l&&null!=n?-1:null!=l&&null==n?1:null==l&&null==n?0:"string"==typeof l&&"string"==typeof n?l.localeCompare(n,void 0,{numeric:!0}):l<n?-1:l>n?1:0,this.d_sortOrder*i})),t},sortMultiple(e){return this.sortNodesMultiple(e)},sortNodesMultiple(e){let t=[...e];return t.sort(((e,t)=>this.multisortField(e,t,0))),t},multisortField(e,t,l){const n=o.resolveFieldData(e.data,this.d_multiSortMeta[l].field),i=o.resolveFieldData(t.data,this.d_multiSortMeta[l].field);let s=null;if(null==n&&null!=i)s=-1;else if(null!=n&&null==i)s=1;else if(null==n&&null==i)s=0;else{if(n===i)return this.d_multiSortMeta.length-1>l?this.multisortField(e,t,l+1):0;if(("string"==typeof n||n instanceof String)&&("string"==typeof i||i instanceof String))return this.d_multiSortMeta[l].order*n.localeCompare(i,void 0,{numeric:!0});s=n<i?-1:1}return this.d_multiSortMeta[l].order*s},filter(t){let l=[];const o="strict"===this.filterMode;for(let n of t){let t={...n},i=!0,s=!1;for(let l=0;l<this.columns.length;l++){let n=this.columns[l],r=this.columnProp(n,"field");if(Object.prototype.hasOwnProperty.call(this.filters,this.columnProp(n,"field"))){let l=this.columnProp(n,"filterMatchMode")||"startsWith",s={filterField:r,filterValue:this.filters[this.columnProp(n,"field")],filterConstraint:e.filters[l],strict:o};if((!o||this.findFilteredNodes(t,s)||this.isFilterMatched(t,s))&&(o||this.isFilterMatched(t,s)||this.findFilteredNodes(t,s))||(i=!1),!i)break}if(this.hasGlobalFilter()&&!s){let l={...t},n={filterField:r,filterValue:this.filters.global,filterConstraint:e.filters.contains,strict:o};(o&&(this.findFilteredNodes(l,n)||this.isFilterMatched(l,n))||!o&&(this.isFilterMatched(l,n)||this.findFilteredNodes(l,n)))&&(s=!0,t=l)}}let r=i;this.hasGlobalFilter()&&(r=i&&s),r&&l.push(t)}let n=this.createLazyLoadEvent(event);return n.filteredValue=l,this.$emit("filter",n),l},findFilteredNodes(e,t){if(e){let l=!1;if(e.children){let o=[...e.children];e.children=[];for(let n of o){let o={...n};this.isFilterMatched(o,t)&&(l=!0,e.children.push(o))}}if(l)return!0}},isFilterMatched(e,{filterField:t,filterValue:l,filterConstraint:n,strict:i}){let s=!1;return n(o.resolveFieldData(e.data,t),l,this.filterLocale)&&(s=!0),(!s||i&&!this.isNodeLeaf(e))&&(s=this.findFilteredNodes(e,{filterField:t,filterValue:l,filterConstraint:n,strict:i})||s),s},isNodeSelected(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isNodeLeaf:e=>!1!==e.leaf&&!(e.children&&e.children.length),createLazyLoadEvent(e){let t;return this.hasFilters()&&(t={},this.columns.forEach((e=>{this.columnProp(e,"field")&&(t[e.props.field]=this.columnProp(e,"filterMatchMode"))}))),{originalEvent:e,first:this.d_first,rows:this.d_rows,sortField:this.d_sortField,sortOrder:this.d_sortOrder,multiSortMeta:this.d_multiSortMeta,filters:this.filters,filterMatchModes:t}},onColumnResizeStart(e){let t=n.getOffset(this.$el).left;this.resizeColumnElement=e.target.parentElement,this.columnResizing=!0,this.lastResizeHelperX=e.pageX-t+this.$el.scrollLeft,this.bindColumnResizeEvents()},onColumnResize(e){let t=n.getOffset(this.$el).left;n.addClass(this.$el,"p-unselectable-text"),this.$refs.resizeHelper.style.height=this.$el.offsetHeight+"px",this.$refs.resizeHelper.style.top="0px",this.$refs.resizeHelper.style.left=e.pageX-t+this.$el.scrollLeft+"px",this.$refs.resizeHelper.style.display="block"},onColumnResizeEnd(){let e=this.$refs.resizeHelper.offsetLeft-this.lastResizeHelperX,t=this.resizeColumnElement.offsetWidth,l=t+e,o=this.resizeColumnElement.style.minWidth||15;if(t+e>parseInt(o,10)){if("fit"===this.columnResizeMode){let t=this.resizeColumnElement.nextElementSibling,o=t.offsetWidth-e;l>15&&o>15&&(this.scrollable?this.resizeTableCells(l,o):(this.resizeColumnElement.style.width=l+"px",t&&(t.style.width=o+"px")))}else"expand"===this.columnResizeMode&&(this.$refs.table.style.width=this.$refs.table.offsetWidth+e+"px",this.scrollable?this.resizeTableCells(l):this.resizeColumnElement.style.width=l+"px");this.$emit("column-resize-end",{element:this.resizeColumnElement,delta:e})}this.$refs.resizeHelper.style.display="none",this.resizeColumn=null,n.removeClass(this.$el,"p-unselectable-text"),this.unbindColumnResizeEvents()},resizeTableCells(e,t){let l=n.index(this.resizeColumnElement),o=this.$refs.table.children;for(let n of o)for(let o of n.children){let n=o.children[l];if(n.style.flex="0 0 "+e+"px","fit"===this.columnResizeMode){let e=n.nextElementSibling;e&&(e.style.flex="0 0 "+t+"px")}}},bindColumnResizeEvents(){this.documentColumnResizeListener||(this.documentColumnResizeListener=document.addEventListener("mousemove",(e=>{this.columnResizing&&this.onColumnResize(e)}))),this.documentColumnResizeEndListener||(this.documentColumnResizeEndListener=document.addEventListener("mouseup",(()=>{this.columnResizing&&(this.columnResizing=!1,this.onColumnResizeEnd())})))},unbindColumnResizeEvents(){this.documentColumnResizeListener&&(document.removeEventListener("document",this.documentColumnResizeListener),this.documentColumnResizeListener=null),this.documentColumnResizeEndListener&&(document.removeEventListener("document",this.documentColumnResizeEndListener),this.documentColumnResizeEndListener=null)},onColumnKeyDown(e,t){"Enter"===e.code&&"TH"===e.currentTarget.nodeName&&n.hasClass(e.currentTarget,"p-sortable-column")&&this.onColumnHeaderClick(e,t)},hasColumnFilter(){if(this.columns)for(let e of this.columns)if(e.children&&e.children.filter)return!0;return!1},hasFilters(){return this.filters&&Object.keys(this.filters).length>0&&this.filters.constructor===Object},hasGlobalFilter(){return this.filters&&Object.prototype.hasOwnProperty.call(this.filters,"global")},updateScrollWidth(){this.$refs.table.style.width=this.$refs.table.scrollWidth+"px"},getItemLabel:e=>e.data.name,setTabindex(e,t){if(this.isNodeSelected(e))return this.hasASelectedNode=!0,0;if(this.selectionMode){if(!this.isNodeSelected(e)&&0===t&&!this.hasASelectedNode)return 0}else if(!this.selectionMode&&0===t)return 0;return-1}},computed:{containerClass(){return["p-treetable p-component",{"p-treetable-hoverable-rows":this.rowHover||this.rowSelectionMode,"p-treetable-auto-layout":this.autoLayout,"p-treetable-resizable":this.resizableColumns,"p-treetable-resizable-fit":this.resizableColumns&&"fit"===this.columnResizeMode,"p-treetable-gridlines":this.showGridlines,"p-treetable-scrollable":this.scrollable,"p-treetable-scrollable-vertical":this.scrollable&&"vertical"===this.scrollDirection,"p-treetable-scrollable-horizontal":this.scrollable&&"horizontal"===this.scrollDirection,"p-treetable-scrollable-both":this.scrollable&&"both"===this.scrollDirection,"p-treetable-flex-scrollable":this.scrollable&&"flex"===this.scrollHeight,"p-treetable-responsive-scroll":"scroll"===this.responsiveLayout}]},columns(){let e=[];return this.$slots.default().forEach((t=>{t.children&&t.children instanceof Array?e=[...e,...t.children]:"Column"===t.type.name&&e.push(t)})),e},processedData(){if(this.lazy)return this.value;if(this.value&&this.value.length){let e=this.value;return this.sorted&&("single"===this.sortMode?e=this.sortSingle(e):"multiple"===this.sortMode&&(e=this.sortMultiple(e))),this.hasFilters()&&(e=this.filter(e)),e}return null},dataToRender(){const e=this.processedData;if(this.paginator){const t=this.lazy?0:this.d_first;return e.slice(t,t+this.d_rows)}return e},empty(){const e=this.processedData;return!e||0===e.length},sorted(){return this.d_sortField||this.d_multiSortMeta&&this.d_multiSortMeta.length>0},hasFooter(){let e=!1;for(let t of this.columns)if(this.columnProp(t,"footer")||t.children&&t.children.footer){e=!0;break}return e},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},singleSelectionMode(){return this.selectionMode&&"single"===this.selectionMode},multipleSelectionMode(){return this.selectionMode&&"multiple"===this.selectionMode},rowSelectionMode(){return this.singleSelectionMode||this.multipleSelectionMode},totalRecordsLength(){if(this.lazy)return this.totalRecords;{const e=this.processedData;return e?e.length:0}}},components:{TTRow:B,TTPaginator:l,TTHeaderCell:E,TTFooterCell:O,SpinnerIcon:t}};const W={key:0,class:"p-treetable-loading"},V={class:"p-treetable-loading-overlay p-component-overlay"},G={key:1,class:"p-treetable-header"},U={class:"p-treetable-thead",role:"rowgroup"},X={role:"row"},q={key:0},J={class:"p-treetable-tbody",role:"rowgroup"},Q={key:1,class:"p-treetable-emptymessage"},Y=["colspan"],Z={key:0,class:"p-treetable-tfoot",role:"rowgroup"},ee={role:"row"},te={key:4,class:"p-treetable-footer"},le={ref:"resizeHelper",class:"p-column-resizer-helper p-highlight",style:{display:"none"}};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-treetable {\n    position: relative;\n}\n.p-treetable table {\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n.p-treetable .p-sortable-column {\n    cursor: pointer;\n    user-select: none;\n}\n.p-treetable-responsive-scroll > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n    table-layout: auto;\n}\n.p-treetable-hoverable-rows .p-treetable-tbody > tr {\n    cursor: pointer;\n}\n.p-treetable-toggler {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    overflow: hidden;\n    position: relative;\n}\n.p-treetable-toggler + .p-checkbox {\n    vertical-align: middle;\n}\n.p-treetable-toggler + .p-checkbox + span {\n    vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n    overflow: hidden;\n}\n.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n.p-treetable .p-column-resizer {\n    display: block;\n    position: absolute !important;\n    top: 0;\n    right: 0;\n    margin: 0;\n    width: 0.5rem;\n    height: 100%;\n    padding: 0px;\n    cursor: col-resize;\n    border: 1px solid transparent;\n}\n.p-treetable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n.p-treetable .p-treetable-loading-overlay {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 2;\n}\n\n/* Scrollable */\n.p-treetable-scrollable .p-treetable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n.p-treetable-scrollable .p-treetable-table {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead,\n.p-treetable-scrollable .p-treetable-tbody,\n.p-treetable-scrollable .p-treetable-tfoot {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead > tr,\n.p-treetable-scrollable .p-treetable-tbody > tr,\n.p-treetable-scrollable .p-treetable-tfoot > tr {\n    display: flex;\n    flex-wrap: nowrap;\n    width: 100%;\n}\n.p-treetable-scrollable .p-treetable-thead > tr > th,\n.p-treetable-scrollable .p-treetable-tbody > tr > td,\n.p-treetable-scrollable .p-treetable-tfoot > tr > td {\n    display: flex;\n    flex: 1 1 0;\n    align-items: center;\n}\n.p-treetable-scrollable .p-treetable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-treetable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n.p-treetable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n.p-treetable-scrollable-both .p-treetable-thead > tr > th,\n.p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n    flex: 0 0 auto;\n}\n.p-treetable-flex-scrollable {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n.p-treetable-flex-scrollable .p-treetable-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    height: 100%;\n}\n"),j.render=function(e,t,l,o,n,u){const p=b("TTPaginator"),m=b("TTHeaderCell"),f=b("TTRow"),P=b("TTFooterCell");return i(),s("div",{class:a(u.containerClass),"data-scrollselectors":".p-treetable-scrollable-body",role:"table"},[l.loading?(i(),s("div",W,[g("div",V,[S(e.$slots,"loadingicon",{},(()=>[(i(),d(c(l.loadingIcon?"span":"SpinnerIcon"),{spin:"",class:a(["p-treetable-loading-icon",l.loadingIcon])},null,8,["class"]))]))])])):h("",!0),e.$slots.header?(i(),s("div",G,[S(e.$slots,"header")])):h("",!0),u.paginatorTop?(i(),d(p,{key:2,rows:n.d_rows,first:n.d_first,totalRecords:u.totalRecordsLength,pageLinkSize:l.pageLinkSize,template:l.paginatorTemplate,rowsPerPageOptions:l.rowsPerPageOptions,currentPageReportTemplate:l.currentPageReportTemplate,class:"p-paginator-top",onPage:t[0]||(t[0]=e=>u.onPage(e)),alwaysShow:l.alwaysShowPaginator},C({_:2},[e.$slots.paginatorstart?{name:"start",fn:x((()=>[S(e.$slots,"paginatorstart")])),key:"0"}:void 0,e.$slots.paginatorend?{name:"end",fn:x((()=>[S(e.$slots,"paginatorend")])),key:"1"}:void 0,e.$slots.paginatorfirstpagelinkicon?{name:"firstpagelinkicon",fn:x((()=>[S(e.$slots,"paginatorfirstpagelinkicon")])),key:"2"}:void 0,e.$slots.paginatorprevpagelinkicon?{name:"prevpagelinkicon",fn:x((()=>[S(e.$slots,"paginatorprevpagelinkicon")])),key:"3"}:void 0,e.$slots.paginatornextpagelinkicon?{name:"nextpagelinkicon",fn:x((()=>[S(e.$slots,"paginatornextpagelinkicon")])),key:"4"}:void 0,e.$slots.paginatorlastpagelinkicon?{name:"lastpagelinkicon",fn:x((()=>[S(e.$slots,"paginatorlastpagelinkicon")])),key:"5"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","alwaysShow"])):h("",!0),g("div",{class:"p-treetable-wrapper",style:r({maxHeight:l.scrollHeight})},[g("table",v({ref:"table",role:"table"},l.tableProps),[g("thead",U,[g("tr",X,[(i(!0),s(y,null,k(u.columns,((e,t)=>(i(),s(y,{key:u.columnProp(e,"columnKey")||u.columnProp(e,"field")||t},[u.columnProp(e,"hidden")?h("",!0):(i(),d(m,{key:0,column:e,resizableColumns:l.resizableColumns,sortField:n.d_sortField,sortOrder:n.d_sortOrder,multiSortMeta:n.d_multiSortMeta,sortMode:l.sortMode,onColumnClick:u.onColumnHeaderClick,onColumnResizestart:u.onColumnResizeStart},null,8,["column","resizableColumns","sortField","sortOrder","multiSortMeta","sortMode","onColumnClick","onColumnResizestart"]))],64)))),128))]),u.hasColumnFilter()?(i(),s("tr",q,[(i(!0),s(y,null,k(u.columns,((e,t)=>(i(),s(y,{key:u.columnProp(e,"columnKey")||u.columnProp(e,"field")||t},[u.columnProp(e,"hidden")?h("",!0):(i(),s("th",{key:0,class:a(u.getFilterColumnHeaderClass(e)),style:r([u.columnProp(e,"style"),u.columnProp(e,"filterHeaderStyle")])},[e.children&&e.children.filter?(i(),d(c(e.children.filter),{key:0,column:e},null,8,["column"])):h("",!0)],6))],64)))),128))])):h("",!0)]),g("tbody",J,[u.empty?(i(),s("tr",Q,[g("td",{colspan:u.columns.length},[S(e.$slots,"empty")],8,Y)])):(i(!0),s(y,{key:0},k(u.dataToRender,((t,o)=>(i(),d(f,{key:t.key,columns:u.columns,node:t,level:0,expandedKeys:n.d_expandedKeys,indentation:l.indentation,selectionMode:l.selectionMode,selectionKeys:l.selectionKeys,ariaSetSize:u.dataToRender.length,ariaPosInset:o+1,tabindex:u.setTabindex(t,o),templates:e.$slots,onNodeToggle:u.onNodeToggle,onNodeClick:u.onNodeClick,onCheckboxChange:u.onCheckboxChange},null,8,["columns","node","expandedKeys","indentation","selectionMode","selectionKeys","ariaSetSize","ariaPosInset","tabindex","templates","onNodeToggle","onNodeClick","onCheckboxChange"])))),128))]),u.hasFooter?(i(),s("tfoot",Z,[g("tr",ee,[(i(!0),s(y,null,k(u.columns,((e,t)=>(i(),s(y,{key:u.columnProp(e,"columnKey")||u.columnProp(e,"field")||t},[u.columnProp(e,"hidden")?h("",!0):(i(),d(P,{key:0,column:e},null,8,["column"]))],64)))),128))])])):h("",!0)],16)],4),u.paginatorBottom?(i(),d(p,{key:3,rows:n.d_rows,first:n.d_first,totalRecords:u.totalRecordsLength,pageLinkSize:l.pageLinkSize,template:l.paginatorTemplate,rowsPerPageOptions:l.rowsPerPageOptions,currentPageReportTemplate:l.currentPageReportTemplate,class:"p-paginator-bottom",onPage:t[1]||(t[1]=e=>u.onPage(e)),alwaysShow:l.alwaysShowPaginator},C({_:2},[e.$slots.paginatorstart?{name:"start",fn:x((()=>[S(e.$slots,"paginatorstart")])),key:"0"}:void 0,e.$slots.paginatorend?{name:"end",fn:x((()=>[S(e.$slots,"paginatorend")])),key:"1"}:void 0,e.$slots.paginatorfirstpagelinkicon?{name:"firstpagelinkicon",fn:x((()=>[S(e.$slots,"paginatorfirstpagelinkicon")])),key:"2"}:void 0,e.$slots.paginatorprevpagelinkicon?{name:"prevpagelinkicon",fn:x((()=>[S(e.$slots,"paginatorprevpagelinkicon")])),key:"3"}:void 0,e.$slots.paginatornextpagelinkicon?{name:"nextpagelinkicon",fn:x((()=>[S(e.$slots,"paginatornextpagelinkicon")])),key:"4"}:void 0,e.$slots.paginatorlastpagelinkicon?{name:"lastpagelinkicon",fn:x((()=>[S(e.$slots,"paginatorlastpagelinkicon")])),key:"5"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","alwaysShow"])):h("",!0),e.$slots.footer?(i(),s("div",te,[S(e.$slots,"footer")])):h("",!0),g("div",le,null,512)],2)};export{j as default};

package/treetable/treetable.js

@@ -1,10 +1,18 @@
 this.primevue = this.primevue || {};
-this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
+this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, vue, SortAltIcon, SortAmountDownIcon, SortAmountUpAltIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, MinusIcon, Ripple) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var SpinnerIcon__default = /*#__PURE__*/_interopDefaultLegacy(SpinnerIcon);
     var Paginator__default = /*#__PURE__*/_interopDefaultLegacy(Paginator);
+    var SortAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(SortAltIcon);
+    var SortAmountDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(SortAmountDownIcon);
+    var SortAmountUpAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(SortAmountUpAltIcon);
+    var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
+    var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
+    var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
+    var MinusIcon__default = /*#__PURE__*/_interopDefaultLegacy(MinusIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
     var script$4 = {
@@ -231,7 +239,7 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
 
                 return this.columnProp('frozen') ? [columnStyle, headerStyle, this.styleObject] : [columnStyle, headerStyle];
             },
-            sortableColumnIcon() {
+            sortState() {
                 let sorted = false;
                 let sortOrder = null;
 
@@ -247,26 +255,36 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                     }
                 }
 
-                return [
-                    'p-sortable-column-icon pi pi-fw',
-                    {
-                        'pi-sort-alt': !sorted,
-                        'pi-sort-amount-up-alt': sorted && sortOrder > 0,
-                        'pi-sort-amount-down': sorted && sortOrder < 0
-                    }
-                ];
+                return {
+                    sorted,
+                    sortOrder
+                };
+            },
+            sortableColumnIcon() {
+                const { sorted, sortOrder } = this.sortState;
+
+                if (!sorted) return SortAltIcon__default["default"];
+                else if (sorted && sortOrder > 0) return SortAmountUpAltIcon__default["default"];
+                else if (sorted && sortOrder < 0) return SortAmountDownIcon__default["default"];
+
+                return null;
             },
             ariaSort() {
                 if (this.columnProp('sortable')) {
-                    const sortIcon = this.sortableColumnIcon;
+                    const { sorted, sortOrder } = this.sortState;
 
-                    if (sortIcon[1]['pi-sort-amount-down']) return 'descending';
-                    else if (sortIcon[1]['pi-sort-amount-up-alt']) return 'ascending';
+                    if (sorted && sortOrder < 0) return 'descending';
+                    else if (sorted && sortOrder > 0) return 'ascending';
                     else return 'none';
                 } else {
                     return null;
                 }
             }
+        },
+        components: {
+            SortAltIcon: SortAltIcon__default["default"],
+            SortAmountUpAltIcon: SortAmountUpAltIcon__default["default"],
+            SortAmountDownIcon: SortAmountDownIcon__default["default"]
         }
     };
 
@@ -275,7 +293,8 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
       key: 2,
       class: "p-column-title"
     };
-    const _hoisted_3$1 = {
+    const _hoisted_3$1 = { key: 3 };
+    const _hoisted_4$1 = {
       key: 4,
       class: "p-sortable-column-badge"
     };
@@ -307,13 +326,16 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
           ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString($options.columnProp('header')), 1))
           : vue.createCommentVNode("", true),
         ($options.columnProp('sortable'))
-          ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 3,
-              class: vue.normalizeClass($options.sortableColumnIcon)
-            }, null, 2))
+          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(($props.column.children && $props.column.children.sorticon) || $options.sortableColumnIcon), {
+                sorted: $options.sortState.sorted,
+                sortOrder: $options.sortState.sortOrder,
+                class: "p-sortable-column-icon"
+              }, null, 8, ["sorted", "sortOrder"]))
+            ]))
           : vue.createCommentVNode("", true),
         ($options.isMultiSorted())
-          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, vue.toDisplayString($options.getMultiSortMetaIndex() + 1), 1))
+          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1, vue.toDisplayString($options.getMultiSortMetaIndex() + 1), 1))
           : vue.createCommentVNode("", true)
       ], 46, _hoisted_1$3))
     }
@@ -359,6 +381,10 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
             partialChecked: {
                 type: Boolean,
                 default: false
+            },
+            templates: {
+                type: Object,
+                default: null
             }
         },
         data() {
@@ -444,19 +470,19 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                     visibility: this.leaf ? 'hidden' : 'visible'
                 };
             },
-            togglerIcon() {
-                return ['p-treetable-toggler-icon pi', { 'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded }];
-            },
             checkboxSelectionMode() {
                 return this.selectionMode === 'checkbox';
             },
             checkboxClass() {
                 return ['p-checkbox-box', { 'p-highlight': this.checked, 'p-focus': this.checkboxFocused, 'p-indeterminate': this.partialChecked }];
-            },
-            checkboxIcon() {
-                return ['p-checkbox-icon', { 'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked }];
             }
         },
+        components: {
+            ChevronRightIcon: ChevronRightIcon__default["default"],
+            ChevronDownIcon: ChevronDownIcon__default["default"],
+            CheckIcon: CheckIcon__default["default"],
+            MinusIcon: MinusIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
@@ -482,9 +508,22 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
               style: vue.normalizeStyle($options.togglerStyle),
               tabindex: "-1"
             }, [
-              vue.createElementVNode("i", {
-                class: vue.normalizeClass($options.togglerIcon)
-              }, null, 2)
+              ($props.templates['togglericon'])
+                ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['togglericon']), {
+                    key: 0,
+                    node: $props.node,
+                    expanded: $props.expanded,
+                    class: "p-tree-toggler-icon"
+                  }, null, 8, ["node", "expanded"]))
+                : ($props.expanded)
+                  ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.node.expandedIcon ? 'span' : 'ChevronDownIcon'), {
+                      key: 1,
+                      class: "p-tree-toggler-icon"
+                    }))
+                  : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.node.collapsedIcon ? 'span' : 'ChevronRightIcon'), {
+                      key: 2,
+                      class: "p-tree-toggler-icon"
+                    }))
             ], 4)), [
               [_directive_ripple]
             ])
@@ -507,9 +546,17 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                 ref: "checkboxEl",
                 class: vue.normalizeClass($options.checkboxClass)
               }, [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass($options.checkboxIcon)
-                }, null, 2)
+                ($props.templates['checkboxicon'])
+                  ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['checkboxicon']), {
+                      key: 0,
+                      checked: $props.checked,
+                      partialChecked: $props.partialChecked,
+                      class: "p-checkbox-icon"
+                    }, null, 8, ["checked", "partialChecked"]))
+                  : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.checked ? 'CheckIcon' : $props.partialChecked ? 'MinusIcon' : null), {
+                      key: 1,
+                      class: "p-checkbox-icon"
+                    }))
               ], 2)
             ], 2))
           : vue.createCommentVNode("", true),
@@ -572,6 +619,10 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
             ariaPosInset: {
                 type: Number,
                 default: null
+            },
+            templates: {
+                type: Object,
+                default: null
             }
         },
         nodeTouched: false,
@@ -915,9 +966,10 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                     selectionMode: $props.selectionMode,
                     checked: $options.checked,
                     partialChecked: $options.partialChecked,
+                    templates: $props.templates,
                     onNodeToggle: _cache[0] || (_cache[0] = $event => (_ctx.$emit('node-toggle', $event))),
                     onCheckboxToggle: $options.toggleCheckbox
-                  }, null, 8, ["column", "node", "level", "leaf", "indentation", "expanded", "selectionMode", "checked", "partialChecked", "onCheckboxToggle"]))
+                  }, null, 8, ["column", "node", "level", "leaf", "indentation", "expanded", "selectionMode", "checked", "partialChecked", "templates", "onCheckboxToggle"]))
                 : vue.createCommentVNode("", true)
             ], 64))
           }), 128))
@@ -936,10 +988,11 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                 indentation: $props.indentation,
                 ariaPosInset: $props.node.children.indexOf(childNode) + 1,
                 ariaSetSize: $props.node.children.length,
+                templates: $props.templates,
                 onNodeToggle: _cache[4] || (_cache[4] = $event => (_ctx.$emit('node-toggle', $event))),
                 onNodeClick: _cache[5] || (_cache[5] = $event => (_ctx.$emit('node-click', $event))),
                 onCheckboxChange: $options.onCheckboxChange
-              }, null, 8, ["columns", "node", "parentNode", "level", "expandedKeys", "selectionMode", "selectionKeys", "indentation", "ariaPosInset", "ariaSetSize", "onCheckboxChange"]))
+              }, null, 8, ["columns", "node", "parentNode", "level", "expandedKeys", "selectionMode", "selectionKeys", "indentation", "ariaPosInset", "ariaSetSize", "templates", "onCheckboxChange"]))
             }), 128))
           : vue.createCommentVNode("", true)
       ], 64))
@@ -1037,7 +1090,7 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
             },
             loadingIcon: {
                 type: String,
-                default: 'pi pi-spinner'
+                default: undefined
             },
             rowHover: {
                 type: Boolean,
@@ -1793,16 +1846,14 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
 
                     return data ? data.length : 0;
                 }
-            },
-            loadingIconClass() {
-                return ['p-treetable-loading-icon pi-spin', this.loadingIcon];
             }
         },
         components: {
             TTRow: script$1,
             TTPaginator: Paginator__default["default"],
             TTHeaderCell: script$3,
-            TTFooterCell: script$4
+            TTFooterCell: script$4,
+            SpinnerIcon: SpinnerIcon__default["default"]
         }
     };
 
@@ -1860,9 +1911,12 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
         ($props.loading)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
               vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode("i", {
-                  class: vue.normalizeClass($options.loadingIconClass)
-                }, null, 2)
+                vue.renderSlot(_ctx.$slots, "loadingicon", {}, () => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.loadingIcon ? 'span' : 'SpinnerIcon'), {
+                    spin: "",
+                    class: vue.normalizeClass(['p-treetable-loading-icon', $props.loadingIcon])
+                  }, null, 8, ["class"]))
+                ])
               ])
             ]))
           : vue.createCommentVNode("", true),
@@ -1902,6 +1956,42 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                     ]),
                     key: "1"
                   }
+                : undefined,
+              (_ctx.$slots.paginatorfirstpagelinkicon)
+                ? {
+                    name: "firstpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatorfirstpagelinkicon")
+                    ]),
+                    key: "2"
+                  }
+                : undefined,
+              (_ctx.$slots.paginatorprevpagelinkicon)
+                ? {
+                    name: "prevpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatorprevpagelinkicon")
+                    ]),
+                    key: "3"
+                  }
+                : undefined,
+              (_ctx.$slots.paginatornextpagelinkicon)
+                ? {
+                    name: "nextpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatornextpagelinkicon")
+                    ]),
+                    key: "4"
+                  }
+                : undefined,
+              (_ctx.$slots.paginatorlastpagelinkicon)
+                ? {
+                    name: "lastpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatorlastpagelinkicon")
+                    ]),
+                    key: "5"
+                  }
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
           : vue.createCommentVNode("", true),
@@ -1975,10 +2065,11 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                       ariaSetSize: $options.dataToRender.length,
                       ariaPosInset: index + 1,
                       tabindex: $options.setTabindex(node, index),
+                      templates: _ctx.$slots,
                       onNodeToggle: $options.onNodeToggle,
                       onNodeClick: $options.onNodeClick,
                       onCheckboxChange: $options.onCheckboxChange
-                    }, null, 8, ["columns", "node", "expandedKeys", "indentation", "selectionMode", "selectionKeys", "ariaSetSize", "ariaPosInset", "tabindex", "onNodeToggle", "onNodeClick", "onCheckboxChange"]))
+                    }, null, 8, ["columns", "node", "expandedKeys", "indentation", "selectionMode", "selectionKeys", "ariaSetSize", "ariaPosInset", "tabindex", "templates", "onNodeToggle", "onNodeClick", "onCheckboxChange"]))
                   }), 128))
                 : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_8, [
                     vue.createElementVNode("td", {
@@ -2039,6 +2130,42 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
                     ]),
                     key: "1"
                   }
+                : undefined,
+              (_ctx.$slots.paginatorfirstpagelinkicon)
+                ? {
+                    name: "firstpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatorfirstpagelinkicon")
+                    ]),
+                    key: "2"
+                  }
+                : undefined,
+              (_ctx.$slots.paginatorprevpagelinkicon)
+                ? {
+                    name: "prevpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatorprevpagelinkicon")
+                    ]),
+                    key: "3"
+                  }
+                : undefined,
+              (_ctx.$slots.paginatornextpagelinkicon)
+                ? {
+                    name: "nextpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatornextpagelinkicon")
+                    ]),
+                    key: "4"
+                  }
+                : undefined,
+              (_ctx.$slots.paginatorlastpagelinkicon)
+                ? {
+                    name: "lastpagelinkicon",
+                    fn: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "paginatorlastpagelinkicon")
+                    ]),
+                    key: "5"
+                  }
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
           : vue.createCommentVNode("", true),
@@ -2085,4 +2212,4 @@ this.primevue.treetable = (function (api, Paginator, utils, vue, Ripple) {
 
     return script;
 
-})(primevue.api, primevue.paginator, primevue.utils, Vue, primevue.ripple);
+})(primevue.api, primevue.icons.spinner, primevue.paginator, primevue.utils, Vue, primevue.icons.sortalt, primevue.icons.sortamountdown, primevue.icons.sortamountupalt, primevue.icons.check, primevue.icons.chevrondown, primevue.icons.chevronright, primevue.icons.minus, primevue.ripple);