primevue 3.26.1 → 3.28.0

package/paginator/paginator.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createElementBlock as a,toDisplayString as n,resolveDirective as i,withDirectives as r,normalizeClass as s,createElementVNode as o,resolveComponent as p,createBlock as l,Fragment as g,renderList as u,createTextVNode as d,renderSlot as c,createCommentVNode as h}from"vue";import m from"primevue/ripple";import P from"primevue/dropdown";import b from"primevue/inputnumber";var f={name:"CurrentPageReport",props:{pageCount:{type:Number,default:0},currentPage:{type:Number,default:0},page:{type:Number,default:0},first:{type:Number,default:0},rows:{type:Number,default:0},totalRecords:{type:Number,default:0},template:{type:String,default:"({currentPage} of {totalPages})"}},computed:{text(){return this.template.replace("{currentPage}",this.currentPage).replace("{totalPages}",this.pageCount).replace("{first}",this.pageCount>0?this.first+1:0).replace("{last}",Math.min(this.first+this.rows,this.totalRecords)).replace("{rows}",this.rows).replace("{totalRecords}",this.totalRecords)}}};const k={class:"p-paginator-current"};f.render=function(e,i,r,s,o,p){return t(),a("span",k,n(p.text),1)};var L={name:"FirstPageLink",computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:m}};const y=[o("span",{class:"p-paginator-icon pi pi-angle-double-left"},null,-1)];L.render=function(e,n,o,p,l,g){const u=i("ripple");return r((t(),a("button",{class:s(g.containerClass),type:"button"},y,2)),[[u]])};var w={name:"JumpToPageDropdown",emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e)}},computed:{pageOptions(){let e=[];for(let t=0;t<this.pageCount;t++)e.push({label:String(t+1),value:t});return e}},components:{JTPDropdown:P}};w.render=function(e,a,n,i,r,s){const o=p("JTPDropdown");return t(),l(o,{modelValue:n.page,options:s.pageOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>s.onChange(e)),class:"p-paginator-page-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var v={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},data(){return{d_page:this.page}},watch:{page(e){this.d_page=e}},methods:{onChange(e){e!==this.page&&(this.d_page=e,this.$emit("page-change",e-1))}},computed:{inputArialabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.jumpToPageInputLabel:void 0}},components:{JTPInput:b}};v.render=function(e,a,n,i,r,s){const o=p("JTPInput");return t(),l(o,{ref:"jtpInput",modelValue:r.d_page,class:"p-paginator-page-input","aria-label":s.inputArialabel,disabled:n.disabled,"onUpdate:modelValue":s.onChange},null,8,["modelValue","aria-label","disabled","onUpdate:modelValue"])};var C={name:"LastPageLink",computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:m}};const $=[o("span",{class:"p-paginator-icon pi pi-angle-double-right"},null,-1)];C.render=function(e,n,o,p,l,g){const u=i("ripple");return r((t(),a("button",{class:s(g.containerClass),type:"button"},$,2)),[[u]])};var x={name:"NextPageLink",computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:m}};const T=[o("span",{class:"p-paginator-icon pi pi-angle-right"},null,-1)];x.render=function(e,n,o,p,l,g){const u=i("ripple");return r((t(),a("button",{class:s(g.containerClass),type:"button"},T,2)),[[u]])};var R={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})},ariaPageLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{},directives:{ripple:m}};const N={class:"p-paginator-pages"},_=["aria-label","aria-current","onClick"];R.render=function(e,o,p,l,c,h){const m=i("ripple");return t(),a("span",N,[(t(!0),a(g,null,u(p.value,(e=>r((t(),a("button",{key:e,class:s(["p-paginator-page p-paginator-element p-link",{"p-highlight":e-1===p.page}]),type:"button","aria-label":h.ariaPageLabel(e),"aria-current":e-1===p.page?"page":void 0,onClick:t=>h.onPageLinkClick(t,e)},[d(n(e),1)],10,_)),[[m]]))),128))])};var S={name:"PrevPageLink",computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:m}};const D=[o("span",{class:"p-paginator-icon pi pi-angle-left"},null,-1)];S.render=function(e,n,o,p,l,g){const u=i("ripple");return r((t(),a("button",{class:s(g.containerClass),type:"button"},D,2)),[[u]])};var A={name:"RowsPerPageDropdown",emits:["rows-change"],props:{options:Array,rows:Number,disabled:Boolean},methods:{onChange(e){this.$emit("rows-change",e)}},computed:{rowsOptions(){let e=[];if(this.options)for(let t=0;t<this.options.length;t++)e.push({label:String(this.options[t]),value:this.options[t]});return e}},components:{RPPDropdown:P}};A.render=function(e,a,n,i,r,s){const o=p("RPPDropdown");return t(),l(o,{modelValue:n.rows,options:s.rowsOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>s.onChange(e)),class:"p-paginator-rpp-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var B={name:"Paginator",emits:["update:first","update:rows","page"],props:{totalRecords:{type:Number,default:0},rows:{type:Number,default:0},first:{type:Number,default:0},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},template:{type:[Object,String],default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},currentPageReportTemplate:{type:null,default:"({currentPage} of {totalPages})"},alwaysShow:{type:Boolean,default:!0}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(e){this.d_first=e},rows(e){this.d_rows=e},totalRecords(e){this.page>0&&e&&this.d_first>=e&&this.changePage(this.pageCount-1)}},mounted(){this.setPaginatorAttribute(),this.createStyle()},methods:{changePage(e){const t=this.pageCount;if(e>=0&&e<t){this.d_first=this.d_rows*e;const a={page:e,first:this.d_first,rows:this.d_rows,pageCount:t};this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",a)}},changePageToFirst(e){this.isFirstPage||this.changePage(0),e.preventDefault()},changePageToPrev(e){this.changePage(this.page-1),e.preventDefault()},changePageLink(e){this.changePage(e.value-1),e.originalEvent.preventDefault()},changePageToNext(e){this.changePage(this.page+1),e.preventDefault()},changePageToLast(e){this.isLastPage||this.changePage(this.pageCount-1),e.preventDefault()},onRowChange(e){this.d_rows=e,this.changePage(this.page)},createStyle(){if(this.hasBreakpoints()){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";const t=Object.keys(this.template),a={};t.sort(((e,t)=>parseInt(e)-parseInt(t))).forEach((e=>{a[e]=this.template[e]}));for(const[t,[n]]of Object.entries(Object.entries(a))){const i=Object.entries(a)[t-1]?`and (min-width:${Object.keys(a)[t-1]})`:"";e+="default"===n?`\n                            @media screen ${i} {\n                                .paginator[${this.attributeSelector}],\n                                .p-paginator-default{\n                                    display: flex !important;\n                                }\n                            }\n                        `:`\n                        .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: none !important;\n                            }\n                        @media screen ${i} and (max-width: ${n}) {\n                            .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: flex !important;\n                            }\n                            .paginator[${this.attributeSelector}],\n                            .p-paginator-default{\n                                display: none !important;\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},hasBreakpoints(){return"object"==typeof this.template},getPaginatorClasses(e){return[{"p-paginator-default":!this.hasBreakpoints(),[`p-paginator-${e}`]:this.hasBreakpoints()}]},setPaginatorAttribute(){this.$refs.paginator&&this.$refs.paginator.length>=0&&[...this.$refs.paginator].forEach((e=>{e.setAttribute(this.attributeSelector,"")}))},getAriaLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria[e]:void 0}},computed:{templateItems(){let e={};if(this.hasBreakpoints()){e=this.template,e.default||(e.default="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown");for(const t in e)e[t]=this.template[t].split(" ").map((e=>e.trim()));return e}return e.default=this.template.split(" ").map((e=>e.trim())),e},page(){return Math.floor(this.d_first/this.d_rows)},pageCount(){return Math.ceil(this.totalRecords/this.d_rows)},isFirstPage(){return 0===this.page},isLastPage(){return this.page===this.pageCount-1},calculatePageLinkBoundaries(){const e=this.pageCount,t=Math.min(this.pageLinkSize,e);let a=Math.max(0,Math.ceil(this.page-t/2)),n=Math.min(e-1,a+t-1);const i=this.pageLinkSize-(n-a+1);return a=Math.max(0,a-i),[a,n]},pageLinks(){let e=[],t=this.calculatePageLinkBoundaries,a=t[0],n=t[1];for(var i=a;i<=n;i++)e.push(i+1);return e},currentState(){return{page:this.page,first:this.d_first,rows:this.d_rows}},empty(){return 0===this.pageCount},currentPage(){return this.pageCount>0?this.page+1:0},attributeSelector:()=>e()},components:{CurrentPageReport:f,FirstPageLink:L,LastPageLink:C,NextPageLink:x,PageLinks:R,PrevPageLink:S,RowsPerPageDropdown:A,JumpToPageDropdown:w,JumpToPageInput:v}};const O={key:0},j={key:0,class:"p-paginator-left-content"},F={key:1,class:"p-paginator-right-content"};!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-paginator-default {\n    display: flex;\n}\n.p-paginator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.p-paginator-left-content {\n    margin-right: auto;\n}\n.p-paginator-right-content {\n    margin-left: auto;\n}\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-paginator-element:focus {\n    z-index: 1;\n    position: relative;\n}\n"),B.render=function(e,n,i,r,o,d){const m=p("FirstPageLink"),P=p("PrevPageLink"),b=p("NextPageLink"),f=p("LastPageLink"),k=p("PageLinks"),L=p("CurrentPageReport"),y=p("RowsPerPageDropdown"),w=p("JumpToPageDropdown"),v=p("JumpToPageInput");return i.alwaysShow||d.pageLinks&&d.pageLinks.length>1?(t(),a("nav",O,[(t(!0),a(g,null,u(d.templateItems,((r,p)=>(t(),a("div",{key:p,ref_for:!0,ref:"paginator",class:s(["p-paginator p-component",d.getPaginatorClasses(p)])},[e.$slots.start?(t(),a("div",j,[c(e.$slots,"start",{state:d.currentState})])):h("",!0),(t(!0),a(g,null,u(r,(e=>(t(),a(g,{key:e},["FirstPageLink"===e?(t(),l(m,{key:0,"aria-label":d.getAriaLabel("firstPageLabel"),onClick:n[0]||(n[0]=e=>d.changePageToFirst(e)),disabled:d.isFirstPage||d.empty},null,8,["aria-label","disabled"])):"PrevPageLink"===e?(t(),l(P,{key:1,"aria-label":d.getAriaLabel("prevPageLabel"),onClick:n[1]||(n[1]=e=>d.changePageToPrev(e)),disabled:d.isFirstPage||d.empty},null,8,["aria-label","disabled"])):"NextPageLink"===e?(t(),l(b,{key:2,"aria-label":d.getAriaLabel("nextPageLabel"),onClick:n[2]||(n[2]=e=>d.changePageToNext(e)),disabled:d.isLastPage||d.empty},null,8,["aria-label","disabled"])):"LastPageLink"===e?(t(),l(f,{key:3,"aria-label":d.getAriaLabel("lastPageLabel"),onClick:n[3]||(n[3]=e=>d.changePageToLast(e)),disabled:d.isLastPage||d.empty},null,8,["aria-label","disabled"])):"PageLinks"===e?(t(),l(k,{key:4,"aria-label":d.getAriaLabel("pageLabel"),value:d.pageLinks,page:d.page,onClick:n[4]||(n[4]=e=>d.changePageLink(e))},null,8,["aria-label","value","page"])):"CurrentPageReport"===e?(t(),l(L,{key:5,"aria-live":"polite",template:i.currentPageReportTemplate,currentPage:d.currentPage,page:d.page,pageCount:d.pageCount,first:o.d_first,rows:o.d_rows,totalRecords:i.totalRecords},null,8,["template","currentPage","page","pageCount","first","rows","totalRecords"])):"RowsPerPageDropdown"===e&&i.rowsPerPageOptions?(t(),l(y,{key:6,"aria-label":d.getAriaLabel("rowsPerPageLabel"),rows:o.d_rows,options:i.rowsPerPageOptions,onRowsChange:n[5]||(n[5]=e=>d.onRowChange(e)),disabled:d.empty},null,8,["aria-label","rows","options","disabled"])):"JumpToPageDropdown"===e?(t(),l(w,{key:7,"aria-label":d.getAriaLabel("jumpToPageDropdownLabel"),page:d.page,pageCount:d.pageCount,onPageChange:n[6]||(n[6]=e=>d.changePage(e)),disabled:d.empty},null,8,["aria-label","page","pageCount","disabled"])):"JumpToPageInput"===e?(t(),l(v,{key:8,page:d.currentPage,onPageChange:n[7]||(n[7]=e=>d.changePage(e)),disabled:d.empty},null,8,["page","disabled"])):h("",!0)],64)))),128)),e.$slots.end?(t(),a("div",F,[c(e.$slots,"end",{state:d.currentState})])):h("",!0)],2)))),128))])):h("",!0)};export{B as default};
+import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createElementBlock as a,toDisplayString as n,resolveDirective as i,withDirectives as r,normalizeClass as o,createBlock as s,resolveDynamicComponent as p,resolveComponent as l,Fragment as g,renderList as u,createTextVNode as d,renderSlot as c,createCommentVNode as h}from"vue";import m from"primevue/icons/angledoubleleft";import P from"primevue/ripple";import f from"primevue/dropdown";import b from"primevue/inputnumber";import k from"primevue/icons/angledoubleright";import L from"primevue/icons/angleright";import y from"primevue/icons/angleleft";var v={name:"CurrentPageReport",props:{pageCount:{type:Number,default:0},currentPage:{type:Number,default:0},page:{type:Number,default:0},first:{type:Number,default:0},rows:{type:Number,default:0},totalRecords:{type:Number,default:0},template:{type:String,default:"({currentPage} of {totalPages})"}},computed:{text(){return this.template.replace("{currentPage}",this.currentPage).replace("{totalPages}",this.pageCount).replace("{first}",this.pageCount>0?this.first+1:0).replace("{last}",Math.min(this.first+this.rows,this.totalRecords)).replace("{rows}",this.rows).replace("{totalRecords}",this.totalRecords)}}};const w={class:"p-paginator-current"};v.render=function(e,i,r,o,s,p){return t(),a("span",w,n(p.text),1)};var C={name:"FirstPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleDoubleLeftIcon:m},directives:{ripple:P}};C.render=function(e,n,l,g,u,d){const c=i("ripple");return r((t(),a("button",{class:o(d.containerClass),type:"button"},[(t(),s(p(l.template||"AngleDoubleLeftIcon"),{class:"p-paginator-icon"}))],2)),[[c]])};var $={name:"JumpToPageDropdown",emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e)}},computed:{pageOptions(){let e=[];for(let t=0;t<this.pageCount;t++)e.push({label:String(t+1),value:t});return e}},components:{JTPDropdown:f}};$.render=function(e,a,n,i,r,o){const p=l("JTPDropdown");return t(),s(p,{modelValue:n.page,options:o.pageOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>o.onChange(e)),class:"p-paginator-page-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var R={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},data(){return{d_page:this.page}},watch:{page(e){this.d_page=e}},methods:{onChange(e){e!==this.page&&(this.d_page=e,this.$emit("page-change",e-1))}},computed:{inputArialabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.jumpToPageInputLabel:void 0}},components:{JTPInput:b}};R.render=function(e,a,n,i,r,o){const p=l("JTPInput");return t(),s(p,{ref:"jtpInput",modelValue:r.d_page,class:"p-paginator-page-input","aria-label":o.inputArialabel,disabled:n.disabled,"onUpdate:modelValue":o.onChange},null,8,["modelValue","aria-label","disabled","onUpdate:modelValue"])};var x={name:"LastPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleDoubleRightIcon:k},directives:{ripple:P}};x.render=function(e,n,l,g,u,d){const c=i("ripple");return r((t(),a("button",{class:o(d.containerClass),type:"button"},[(t(),s(p(l.template||"AngleDoubleRightIcon"),{class:"p-paginator-icon"}))],2)),[[c]])};var T={name:"NextPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleRightIcon:L},directives:{ripple:P}};T.render=function(e,n,l,g,u,d){const c=i("ripple");return r((t(),a("button",{class:o(d.containerClass),type:"button"},[(t(),s(p(l.template||"AngleRightIcon"),{class:"p-paginator-icon"}))],2)),[[c]])};var A={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})},ariaPageLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{},directives:{ripple:P}};const N={class:"p-paginator-pages"},_=["aria-label","aria-current","onClick"];A.render=function(e,s,p,l,c,h){const m=i("ripple");return t(),a("span",N,[(t(!0),a(g,null,u(p.value,(e=>r((t(),a("button",{key:e,class:o(["p-paginator-page p-paginator-element p-link",{"p-highlight":e-1===p.page}]),type:"button","aria-label":h.ariaPageLabel(e),"aria-current":e-1===p.page?"page":void 0,onClick:t=>h.onPageLinkClick(t,e)},[d(n(e),1)],10,_)),[[m]]))),128))])};var D={name:"PrevPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleLeftIcon:y},directives:{ripple:P}};D.render=function(e,n,l,g,u,d){const c=i("ripple");return r((t(),a("button",{class:o(d.containerClass),type:"button"},[(t(),s(p(l.template||"AngleLeftIcon"),{class:"p-paginator-icon"}))],2)),[[c]])};var S={name:"RowsPerPageDropdown",emits:["rows-change"],props:{options:Array,rows:Number,disabled:Boolean},methods:{onChange(e){this.$emit("rows-change",e)}},computed:{rowsOptions(){let e=[];if(this.options)for(let t=0;t<this.options.length;t++)e.push({label:String(this.options[t]),value:this.options[t]});return e}},components:{RPPDropdown:f}};S.render=function(e,a,n,i,r,o){const p=l("RPPDropdown");return t(),s(p,{modelValue:n.rows,options:o.rowsOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>o.onChange(e)),class:"p-paginator-rpp-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var I={name:"Paginator",emits:["update:first","update:rows","page"],props:{totalRecords:{type:Number,default:0},rows:{type:Number,default:0},first:{type:Number,default:0},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},template:{type:[Object,String],default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},currentPageReportTemplate:{type:null,default:"({currentPage} of {totalPages})"},alwaysShow:{type:Boolean,default:!0}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(e){this.d_first=e},rows(e){this.d_rows=e},totalRecords(e){this.page>0&&e&&this.d_first>=e&&this.changePage(this.pageCount-1)}},mounted(){this.setPaginatorAttribute(),this.createStyle()},methods:{changePage(e){const t=this.pageCount;if(e>=0&&e<t){this.d_first=this.d_rows*e;const a={page:e,first:this.d_first,rows:this.d_rows,pageCount:t};this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",a)}},changePageToFirst(e){this.isFirstPage||this.changePage(0),e.preventDefault()},changePageToPrev(e){this.changePage(this.page-1),e.preventDefault()},changePageLink(e){this.changePage(e.value-1),e.originalEvent.preventDefault()},changePageToNext(e){this.changePage(this.page+1),e.preventDefault()},changePageToLast(e){this.isLastPage||this.changePage(this.pageCount-1),e.preventDefault()},onRowChange(e){this.d_rows=e,this.changePage(this.page)},createStyle(){if(this.hasBreakpoints()){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";const t=Object.keys(this.template),a={};t.sort(((e,t)=>parseInt(e)-parseInt(t))).forEach((e=>{a[e]=this.template[e]}));for(const[t,[n]]of Object.entries(Object.entries(a))){const i=Object.entries(a)[t-1]?`and (min-width:${Object.keys(a)[t-1]})`:"";e+="default"===n?`\n                            @media screen ${i} {\n                                .paginator[${this.attributeSelector}],\n                                .p-paginator-default{\n                                    display: flex !important;\n                                }\n                            }\n                        `:`\n                        .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: none !important;\n                            }\n                        @media screen ${i} and (max-width: ${n}) {\n                            .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: flex !important;\n                            }\n                            .paginator[${this.attributeSelector}],\n                            .p-paginator-default{\n                                display: none !important;\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},hasBreakpoints(){return"object"==typeof this.template},getPaginatorClasses(e){return[{"p-paginator-default":!this.hasBreakpoints(),[`p-paginator-${e}`]:this.hasBreakpoints()}]},setPaginatorAttribute(){this.$refs.paginator&&this.$refs.paginator.length>=0&&[...this.$refs.paginator].forEach((e=>{e.setAttribute(this.attributeSelector,"")}))},getAriaLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria[e]:void 0}},computed:{templateItems(){let e={};if(this.hasBreakpoints()){e=this.template,e.default||(e.default="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown");for(const t in e)e[t]=this.template[t].split(" ").map((e=>e.trim()));return e}return e.default=this.template.split(" ").map((e=>e.trim())),e},page(){return Math.floor(this.d_first/this.d_rows)},pageCount(){return Math.ceil(this.totalRecords/this.d_rows)},isFirstPage(){return 0===this.page},isLastPage(){return this.page===this.pageCount-1},calculatePageLinkBoundaries(){const e=this.pageCount,t=Math.min(this.pageLinkSize,e);let a=Math.max(0,Math.ceil(this.page-t/2)),n=Math.min(e-1,a+t-1);const i=this.pageLinkSize-(n-a+1);return a=Math.max(0,a-i),[a,n]},pageLinks(){let e=[],t=this.calculatePageLinkBoundaries,a=t[0],n=t[1];for(var i=a;i<=n;i++)e.push(i+1);return e},currentState(){return{page:this.page,first:this.d_first,rows:this.d_rows}},empty(){return 0===this.pageCount},currentPage(){return this.pageCount>0?this.page+1:0},attributeSelector:()=>e()},components:{CurrentPageReport:v,FirstPageLink:C,LastPageLink:x,NextPageLink:T,PageLinks:A,PrevPageLink:D,RowsPerPageDropdown:S,JumpToPageDropdown:$,JumpToPageInput:R}};const F={key:0},B={key:0,class:"p-paginator-left-content"},O={key:1,class:"p-paginator-right-content"};!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-paginator-default {\n    display: flex;\n}\n.p-paginator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.p-paginator-left-content {\n    margin-right: auto;\n}\n.p-paginator-right-content {\n    margin-left: auto;\n}\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-paginator-element:focus {\n    z-index: 1;\n    position: relative;\n}\n"),I.render=function(e,n,i,r,p,d){const m=l("FirstPageLink"),P=l("PrevPageLink"),f=l("NextPageLink"),b=l("LastPageLink"),k=l("PageLinks"),L=l("CurrentPageReport"),y=l("RowsPerPageDropdown"),v=l("JumpToPageDropdown"),w=l("JumpToPageInput");return i.alwaysShow||d.pageLinks&&d.pageLinks.length>1?(t(),a("nav",F,[(t(!0),a(g,null,u(d.templateItems,((r,l)=>(t(),a("div",{key:l,ref_for:!0,ref:"paginator",class:o(["p-paginator p-component",d.getPaginatorClasses(l)])},[e.$slots.start?(t(),a("div",B,[c(e.$slots,"start",{state:d.currentState})])):h("",!0),(t(!0),a(g,null,u(r,(r=>(t(),a(g,{key:r},["FirstPageLink"===r?(t(),s(m,{key:0,"aria-label":d.getAriaLabel("firstPageLabel"),template:e.$slots.firstpagelinkicon,onClick:n[0]||(n[0]=e=>d.changePageToFirst(e)),disabled:d.isFirstPage||d.empty},null,8,["aria-label","template","disabled"])):"PrevPageLink"===r?(t(),s(P,{key:1,"aria-label":d.getAriaLabel("prevPageLabel"),template:e.$slots.prevpagelinkicon,onClick:n[1]||(n[1]=e=>d.changePageToPrev(e)),disabled:d.isFirstPage||d.empty},null,8,["aria-label","template","disabled"])):"NextPageLink"===r?(t(),s(f,{key:2,"aria-label":d.getAriaLabel("nextPageLabel"),template:e.$slots.nextpagelinkicon,onClick:n[2]||(n[2]=e=>d.changePageToNext(e)),disabled:d.isLastPage||d.empty},null,8,["aria-label","template","disabled"])):"LastPageLink"===r?(t(),s(b,{key:3,"aria-label":d.getAriaLabel("lastPageLabel"),template:e.$slots.lastpagelinkicon,onClick:n[3]||(n[3]=e=>d.changePageToLast(e)),disabled:d.isLastPage||d.empty},null,8,["aria-label","template","disabled"])):"PageLinks"===r?(t(),s(k,{key:4,"aria-label":d.getAriaLabel("pageLabel"),value:d.pageLinks,page:d.page,onClick:n[4]||(n[4]=e=>d.changePageLink(e))},null,8,["aria-label","value","page"])):"CurrentPageReport"===r?(t(),s(L,{key:5,"aria-live":"polite",template:i.currentPageReportTemplate,currentPage:d.currentPage,page:d.page,pageCount:d.pageCount,first:p.d_first,rows:p.d_rows,totalRecords:i.totalRecords},null,8,["template","currentPage","page","pageCount","first","rows","totalRecords"])):"RowsPerPageDropdown"===r&&i.rowsPerPageOptions?(t(),s(y,{key:6,"aria-label":d.getAriaLabel("rowsPerPageLabel"),rows:p.d_rows,options:i.rowsPerPageOptions,onRowsChange:n[5]||(n[5]=e=>d.onRowChange(e)),disabled:d.empty},null,8,["aria-label","rows","options","disabled"])):"JumpToPageDropdown"===r?(t(),s(v,{key:7,"aria-label":d.getAriaLabel("jumpToPageDropdownLabel"),page:d.page,pageCount:d.pageCount,onPageChange:n[6]||(n[6]=e=>d.changePage(e)),disabled:d.empty},null,8,["aria-label","page","pageCount","disabled"])):"JumpToPageInput"===r?(t(),s(w,{key:8,page:d.currentPage,onPageChange:n[7]||(n[7]=e=>d.changePage(e)),disabled:d.empty},null,8,["page","disabled"])):h("",!0)],64)))),128)),e.$slots.end?(t(),a("div",O,[c(e.$slots,"end",{state:d.currentState})])):h("",!0)],2)))),128))])):h("",!0)};export{I as default};

package/paginator/paginator.js

@@ -1,12 +1,16 @@
 this.primevue = this.primevue || {};
-this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber) {
+this.primevue.paginator = (function (utils, vue, AngleDoubleLeftIcon, Ripple, Dropdown, InputNumber, AngleDoubleRightIcon, AngleRightIcon, AngleLeftIcon) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var AngleDoubleLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleDoubleLeftIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
     var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
     var InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(InputNumber);
+    var AngleDoubleRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleDoubleRightIcon);
+    var AngleRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleRightIcon);
+    var AngleLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleLeftIcon);
 
     var script$9 = {
         name: 'CurrentPageReport',
@@ -55,16 +59,22 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
         }
     };
 
-    const _hoisted_1$6 = { class: "p-paginator-current" };
+    const _hoisted_1$2 = { class: "p-paginator-current" };
 
     function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString($options.text), 1))
+      return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, vue.toDisplayString($options.text), 1))
     }
 
     script$9.render = render$9;
 
     var script$8 = {
         name: 'FirstPageLink',
+        props: {
+            template: {
+                type: Function,
+                default: null
+            }
+        },
         computed: {
             containerClass() {
                 return [
@@ -75,23 +85,23 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
                 ];
             }
         },
+        components: {
+            AngleDoubleLeftIcon: AngleDoubleLeftIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
     };
 
-    const _hoisted_1$5 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-paginator-icon pi pi-angle-double-left" }, null, -1);
-    const _hoisted_2$5 = [
-      _hoisted_1$5
-    ];
-
     function render$8(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
         class: vue.normalizeClass($options.containerClass),
         type: "button"
-      }, _hoisted_2$5, 2)), [
+      }, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template || 'AngleDoubleLeftIcon'), { class: "p-paginator-icon" }))
+      ], 2)), [
         [_directive_ripple]
       ])
     }
@@ -197,6 +207,12 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
 
     var script$5 = {
         name: 'LastPageLink',
+        props: {
+            template: {
+                type: Function,
+                default: null
+            }
+        },
         computed: {
             containerClass() {
                 return [
@@ -207,23 +223,23 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
                 ];
             }
         },
+        components: {
+            AngleDoubleRightIcon: AngleDoubleRightIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
     };
 
-    const _hoisted_1$4 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-paginator-icon pi pi-angle-double-right" }, null, -1);
-    const _hoisted_2$4 = [
-      _hoisted_1$4
-    ];
-
     function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
         class: vue.normalizeClass($options.containerClass),
         type: "button"
-      }, _hoisted_2$4, 2)), [
+      }, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template || 'AngleDoubleRightIcon'), { class: "p-paginator-icon" }))
+      ], 2)), [
         [_directive_ripple]
       ])
     }
@@ -232,6 +248,12 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
 
     var script$4 = {
         name: 'NextPageLink',
+        props: {
+            template: {
+                type: Function,
+                default: null
+            }
+        },
         computed: {
             containerClass() {
                 return [
@@ -242,23 +264,23 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
                 ];
             }
         },
+        components: {
+            AngleRightIcon: AngleRightIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
     };
 
-    const _hoisted_1$3 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-paginator-icon pi pi-angle-right" }, null, -1);
-    const _hoisted_2$3 = [
-      _hoisted_1$3
-    ];
-
     function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
         class: vue.normalizeClass($options.containerClass),
         type: "button"
-      }, _hoisted_2$3, 2)), [
+      }, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template || 'AngleRightIcon'), { class: "p-paginator-icon" }))
+      ], 2)), [
         [_directive_ripple]
       ])
     }
@@ -290,13 +312,13 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
         }
     };
 
-    const _hoisted_1$2 = { class: "p-paginator-pages" };
-    const _hoisted_2$2 = ["aria-label", "aria-current", "onClick"];
+    const _hoisted_1$1 = { class: "p-paginator-pages" };
+    const _hoisted_2$1 = ["aria-label", "aria-current", "onClick"];
 
     function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, [
+      return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (pageLink) => {
           return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
             key: pageLink,
@@ -307,7 +329,7 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
             onClick: $event => ($options.onPageLinkClick($event, pageLink))
           }, [
             vue.createTextVNode(vue.toDisplayString(pageLink), 1)
-          ], 10, _hoisted_2$2)), [
+          ], 10, _hoisted_2$1)), [
             [_directive_ripple]
           ])
         }), 128))
@@ -318,6 +340,12 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
 
     var script$2 = {
         name: 'PrevPageLink',
+        props: {
+            template: {
+                type: Function,
+                default: null
+            }
+        },
         computed: {
             containerClass() {
                 return [
@@ -328,23 +356,23 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
                 ];
             }
         },
+        components: {
+            AngleLeftIcon: AngleLeftIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
     };
 
-    const _hoisted_1$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-paginator-icon pi pi-angle-left" }, null, -1);
-    const _hoisted_2$1 = [
-      _hoisted_1$1
-    ];
-
     function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
         class: vue.normalizeClass($options.containerClass),
         type: "button"
-      }, _hoisted_2$1, 2)), [
+      }, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template || 'AngleLeftIcon'), { class: "p-paginator-icon" }))
+      ], 2)), [
         [_directive_ripple]
       ])
     }
@@ -713,30 +741,34 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
                       ? (vue.openBlock(), vue.createBlock(_component_FirstPageLink, {
                           key: 0,
                           "aria-label": $options.getAriaLabel('firstPageLabel'),
+                          template: _ctx.$slots.firstpagelinkicon,
                           onClick: _cache[0] || (_cache[0] = $event => ($options.changePageToFirst($event))),
                           disabled: $options.isFirstPage || $options.empty
-                        }, null, 8, ["aria-label", "disabled"]))
+                        }, null, 8, ["aria-label", "template", "disabled"]))
                       : (item === 'PrevPageLink')
                         ? (vue.openBlock(), vue.createBlock(_component_PrevPageLink, {
                             key: 1,
                             "aria-label": $options.getAriaLabel('prevPageLabel'),
+                            template: _ctx.$slots.prevpagelinkicon,
                             onClick: _cache[1] || (_cache[1] = $event => ($options.changePageToPrev($event))),
                             disabled: $options.isFirstPage || $options.empty
-                          }, null, 8, ["aria-label", "disabled"]))
+                          }, null, 8, ["aria-label", "template", "disabled"]))
                         : (item === 'NextPageLink')
                           ? (vue.openBlock(), vue.createBlock(_component_NextPageLink, {
                               key: 2,
                               "aria-label": $options.getAriaLabel('nextPageLabel'),
+                              template: _ctx.$slots.nextpagelinkicon,
                               onClick: _cache[2] || (_cache[2] = $event => ($options.changePageToNext($event))),
                               disabled: $options.isLastPage || $options.empty
-                            }, null, 8, ["aria-label", "disabled"]))
+                            }, null, 8, ["aria-label", "template", "disabled"]))
                           : (item === 'LastPageLink')
                             ? (vue.openBlock(), vue.createBlock(_component_LastPageLink, {
                                 key: 3,
                                 "aria-label": $options.getAriaLabel('lastPageLabel'),
+                                template: _ctx.$slots.lastpagelinkicon,
                                 onClick: _cache[3] || (_cache[3] = $event => ($options.changePageToLast($event))),
                                 disabled: $options.isLastPage || $options.empty
-                              }, null, 8, ["aria-label", "disabled"]))
+                              }, null, 8, ["aria-label", "template", "disabled"]))
                             : (item === 'PageLinks')
                               ? (vue.openBlock(), vue.createBlock(_component_PageLinks, {
                                   key: 4,
@@ -830,4 +862,4 @@ this.primevue.paginator = (function (utils, vue, Ripple, Dropdown, InputNumber)
 
     return script;
 
-})(primevue.utils, Vue, primevue.ripple, primevue.dropdown, primevue.inputnumber);
+})(primevue.utils, Vue, primevue.icons.angledoubleleft, primevue.ripple, primevue.dropdown, primevue.inputnumber, primevue.icons.angledoubleright, primevue.icons.angleright, primevue.icons.angleleft);

package/paginator/paginator.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.paginator=function(e,t,a,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(a),s=o(n),l=o(r),p={name:"CurrentPageReport",props:{pageCount:{type:Number,default:0},currentPage:{type:Number,default:0},page:{type:Number,default:0},first:{type:Number,default:0},rows:{type:Number,default:0},totalRecords:{type:Number,default:0},template:{type:String,default:"({currentPage} of {totalPages})"}},computed:{text(){return this.template.replace("{currentPage}",this.currentPage).replace("{totalPages}",this.pageCount).replace("{first}",this.pageCount>0?this.first+1:0).replace("{last}",Math.min(this.first+this.rows,this.totalRecords)).replace("{rows}",this.rows).replace("{totalRecords}",this.totalRecords)}}};const g={class:"p-paginator-current"};p.render=function(e,a,n,r,o,i){return t.openBlock(),t.createElementBlock("span",g,t.toDisplayString(i.text),1)};var c={name:"FirstPageLink",computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:i.default}};const u=[t.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-double-left"},null,-1)];c.render=function(e,a,n,r,o,i){const s=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},u,2)),[[s]])};var d={name:"JumpToPageDropdown",emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e)}},computed:{pageOptions(){let e=[];for(let t=0;t<this.pageCount;t++)e.push({label:String(t+1),value:t});return e}},components:{JTPDropdown:s.default}};d.render=function(e,a,n,r,o,i){const s=t.resolveComponent("JTPDropdown");return t.openBlock(),t.createBlock(s,{modelValue:n.page,options:i.pageOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>i.onChange(e)),class:"p-paginator-page-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var m={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},data(){return{d_page:this.page}},watch:{page(e){this.d_page=e}},methods:{onChange(e){e!==this.page&&(this.d_page=e,this.$emit("page-change",e-1))}},computed:{inputArialabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.jumpToPageInputLabel:void 0}},components:{JTPInput:l.default}};m.render=function(e,a,n,r,o,i){const s=t.resolveComponent("JTPInput");return t.openBlock(),t.createBlock(s,{ref:"jtpInput",modelValue:o.d_page,class:"p-paginator-page-input","aria-label":i.inputArialabel,disabled:n.disabled,"onUpdate:modelValue":i.onChange},null,8,["modelValue","aria-label","disabled","onUpdate:modelValue"])};var h={name:"LastPageLink",computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:i.default}};const P=[t.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-double-right"},null,-1)];h.render=function(e,a,n,r,o,i){const s=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},P,2)),[[s]])};var k={name:"NextPageLink",computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:i.default}};const f=[t.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-right"},null,-1)];k.render=function(e,a,n,r,o,i){const s=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},f,2)),[[s]])};var b={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})},ariaPageLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{},directives:{ripple:i.default}};const v={class:"p-paginator-pages"},C=["aria-label","aria-current","onClick"];b.render=function(e,a,n,r,o,i){const s=t.resolveDirective("ripple");return t.openBlock(),t.createElementBlock("span",v,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,(e=>t.withDirectives((t.openBlock(),t.createElementBlock("button",{key:e,class:t.normalizeClass(["p-paginator-page p-paginator-element p-link",{"p-highlight":e-1===n.page}]),type:"button","aria-label":i.ariaPageLabel(e),"aria-current":e-1===n.page?"page":void 0,onClick:t=>i.onPageLinkClick(t,e)},[t.createTextVNode(t.toDisplayString(e),1)],10,C)),[[s]]))),128))])};var L={name:"PrevPageLink",computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:i.default}};const w=[t.createElementVNode("span",{class:"p-paginator-icon pi pi-angle-left"},null,-1)];L.render=function(e,a,n,r,o,i){const s=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},w,2)),[[s]])};var y={name:"RowsPerPageDropdown",emits:["rows-change"],props:{options:Array,rows:Number,disabled:Boolean},methods:{onChange(e){this.$emit("rows-change",e)}},computed:{rowsOptions(){let e=[];if(this.options)for(let t=0;t<this.options.length;t++)e.push({label:String(this.options[t]),value:this.options[t]});return e}},components:{RPPDropdown:s.default}};y.render=function(e,a,n,r,o,i){const s=t.resolveComponent("RPPDropdown");return t.openBlock(),t.createBlock(s,{modelValue:n.rows,options:i.rowsOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>i.onChange(e)),class:"p-paginator-rpp-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var B={name:"Paginator",emits:["update:first","update:rows","page"],props:{totalRecords:{type:Number,default:0},rows:{type:Number,default:0},first:{type:Number,default:0},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},template:{type:[Object,String],default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},currentPageReportTemplate:{type:null,default:"({currentPage} of {totalPages})"},alwaysShow:{type:Boolean,default:!0}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(e){this.d_first=e},rows(e){this.d_rows=e},totalRecords(e){this.page>0&&e&&this.d_first>=e&&this.changePage(this.pageCount-1)}},mounted(){this.setPaginatorAttribute(),this.createStyle()},methods:{changePage(e){const t=this.pageCount;if(e>=0&&e<t){this.d_first=this.d_rows*e;const a={page:e,first:this.d_first,rows:this.d_rows,pageCount:t};this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",a)}},changePageToFirst(e){this.isFirstPage||this.changePage(0),e.preventDefault()},changePageToPrev(e){this.changePage(this.page-1),e.preventDefault()},changePageLink(e){this.changePage(e.value-1),e.originalEvent.preventDefault()},changePageToNext(e){this.changePage(this.page+1),e.preventDefault()},changePageToLast(e){this.isLastPage||this.changePage(this.pageCount-1),e.preventDefault()},onRowChange(e){this.d_rows=e,this.changePage(this.page)},createStyle(){if(this.hasBreakpoints()){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";const t=Object.keys(this.template),a={};t.sort(((e,t)=>parseInt(e)-parseInt(t))).forEach((e=>{a[e]=this.template[e]}));for(const[t,[n]]of Object.entries(Object.entries(a))){const r=Object.entries(a)[t-1]?`and (min-width:${Object.keys(a)[t-1]})`:"";e+="default"===n?`\n                            @media screen ${r} {\n                                .paginator[${this.attributeSelector}],\n                                .p-paginator-default{\n                                    display: flex !important;\n                                }\n                            }\n                        `:`\n                        .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: none !important;\n                            }\n                        @media screen ${r} and (max-width: ${n}) {\n                            .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: flex !important;\n                            }\n                            .paginator[${this.attributeSelector}],\n                            .p-paginator-default{\n                                display: none !important;\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},hasBreakpoints(){return"object"==typeof this.template},getPaginatorClasses(e){return[{"p-paginator-default":!this.hasBreakpoints(),[`p-paginator-${e}`]:this.hasBreakpoints()}]},setPaginatorAttribute(){this.$refs.paginator&&this.$refs.paginator.length>=0&&[...this.$refs.paginator].forEach((e=>{e.setAttribute(this.attributeSelector,"")}))},getAriaLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria[e]:void 0}},computed:{templateItems(){let e={};if(this.hasBreakpoints()){e=this.template,e.default||(e.default="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown");for(const t in e)e[t]=this.template[t].split(" ").map((e=>e.trim()));return e}return e.default=this.template.split(" ").map((e=>e.trim())),e},page(){return Math.floor(this.d_first/this.d_rows)},pageCount(){return Math.ceil(this.totalRecords/this.d_rows)},isFirstPage(){return 0===this.page},isLastPage(){return this.page===this.pageCount-1},calculatePageLinkBoundaries(){const e=this.pageCount,t=Math.min(this.pageLinkSize,e);let a=Math.max(0,Math.ceil(this.page-t/2)),n=Math.min(e-1,a+t-1);const r=this.pageLinkSize-(n-a+1);return a=Math.max(0,a-r),[a,n]},pageLinks(){let e=[],t=this.calculatePageLinkBoundaries,a=t[0],n=t[1];for(var r=a;r<=n;r++)e.push(r+1);return e},currentState(){return{page:this.page,first:this.d_first,rows:this.d_rows}},empty(){return 0===this.pageCount},currentPage(){return this.pageCount>0?this.page+1:0},attributeSelector:()=>e.UniqueComponentId()},components:{CurrentPageReport:p,FirstPageLink:c,LastPageLink:h,NextPageLink:k,PageLinks:b,PrevPageLink:L,RowsPerPageDropdown:y,JumpToPageDropdown:d,JumpToPageInput:m}};const N={key:0},$={key:0,class:"p-paginator-left-content"},D={key:1,class:"p-paginator-right-content"};return function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-paginator-default {\n    display: flex;\n}\n.p-paginator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.p-paginator-left-content {\n    margin-right: auto;\n}\n.p-paginator-right-content {\n    margin-left: auto;\n}\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-paginator-element:focus {\n    z-index: 1;\n    position: relative;\n}\n"),B.render=function(e,a,n,r,o,i){const s=t.resolveComponent("FirstPageLink"),l=t.resolveComponent("PrevPageLink"),p=t.resolveComponent("NextPageLink"),g=t.resolveComponent("LastPageLink"),c=t.resolveComponent("PageLinks"),u=t.resolveComponent("CurrentPageReport"),d=t.resolveComponent("RowsPerPageDropdown"),m=t.resolveComponent("JumpToPageDropdown"),h=t.resolveComponent("JumpToPageInput");return n.alwaysShow||i.pageLinks&&i.pageLinks.length>1?(t.openBlock(),t.createElementBlock("nav",N,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.templateItems,((r,P)=>(t.openBlock(),t.createElementBlock("div",{key:P,ref_for:!0,ref:"paginator",class:t.normalizeClass(["p-paginator p-component",i.getPaginatorClasses(P)])},[e.$slots.start?(t.openBlock(),t.createElementBlock("div",$,[t.renderSlot(e.$slots,"start",{state:i.currentState})])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r,(e=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:e},["FirstPageLink"===e?(t.openBlock(),t.createBlock(s,{key:0,"aria-label":i.getAriaLabel("firstPageLabel"),onClick:a[0]||(a[0]=e=>i.changePageToFirst(e)),disabled:i.isFirstPage||i.empty},null,8,["aria-label","disabled"])):"PrevPageLink"===e?(t.openBlock(),t.createBlock(l,{key:1,"aria-label":i.getAriaLabel("prevPageLabel"),onClick:a[1]||(a[1]=e=>i.changePageToPrev(e)),disabled:i.isFirstPage||i.empty},null,8,["aria-label","disabled"])):"NextPageLink"===e?(t.openBlock(),t.createBlock(p,{key:2,"aria-label":i.getAriaLabel("nextPageLabel"),onClick:a[2]||(a[2]=e=>i.changePageToNext(e)),disabled:i.isLastPage||i.empty},null,8,["aria-label","disabled"])):"LastPageLink"===e?(t.openBlock(),t.createBlock(g,{key:3,"aria-label":i.getAriaLabel("lastPageLabel"),onClick:a[3]||(a[3]=e=>i.changePageToLast(e)),disabled:i.isLastPage||i.empty},null,8,["aria-label","disabled"])):"PageLinks"===e?(t.openBlock(),t.createBlock(c,{key:4,"aria-label":i.getAriaLabel("pageLabel"),value:i.pageLinks,page:i.page,onClick:a[4]||(a[4]=e=>i.changePageLink(e))},null,8,["aria-label","value","page"])):"CurrentPageReport"===e?(t.openBlock(),t.createBlock(u,{key:5,"aria-live":"polite",template:n.currentPageReportTemplate,currentPage:i.currentPage,page:i.page,pageCount:i.pageCount,first:o.d_first,rows:o.d_rows,totalRecords:n.totalRecords},null,8,["template","currentPage","page","pageCount","first","rows","totalRecords"])):"RowsPerPageDropdown"===e&&n.rowsPerPageOptions?(t.openBlock(),t.createBlock(d,{key:6,"aria-label":i.getAriaLabel("rowsPerPageLabel"),rows:o.d_rows,options:n.rowsPerPageOptions,onRowsChange:a[5]||(a[5]=e=>i.onRowChange(e)),disabled:i.empty},null,8,["aria-label","rows","options","disabled"])):"JumpToPageDropdown"===e?(t.openBlock(),t.createBlock(m,{key:7,"aria-label":i.getAriaLabel("jumpToPageDropdownLabel"),page:i.page,pageCount:i.pageCount,onPageChange:a[6]||(a[6]=e=>i.changePage(e)),disabled:i.empty},null,8,["aria-label","page","pageCount","disabled"])):"JumpToPageInput"===e?(t.openBlock(),t.createBlock(h,{key:8,page:i.currentPage,onPageChange:a[7]||(a[7]=e=>i.changePage(e)),disabled:i.empty},null,8,["page","disabled"])):t.createCommentVNode("",!0)],64)))),128)),e.$slots.end?(t.openBlock(),t.createElementBlock("div",D,[t.renderSlot(e.$slots,"end",{state:i.currentState})])):t.createCommentVNode("",!0)],2)))),128))])):t.createCommentVNode("",!0)},B}(primevue.utils,Vue,primevue.ripple,primevue.dropdown,primevue.inputnumber);
+this.primevue=this.primevue||{},this.primevue.paginator=function(e,t,a,n,o,r,i,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(a),g=p(n),u=p(o),d=p(r),m=p(i),h=p(l),k=p(s),f={name:"CurrentPageReport",props:{pageCount:{type:Number,default:0},currentPage:{type:Number,default:0},page:{type:Number,default:0},first:{type:Number,default:0},rows:{type:Number,default:0},totalRecords:{type:Number,default:0},template:{type:String,default:"({currentPage} of {totalPages})"}},computed:{text(){return this.template.replace("{currentPage}",this.currentPage).replace("{totalPages}",this.pageCount).replace("{first}",this.pageCount>0?this.first+1:0).replace("{last}",Math.min(this.first+this.rows,this.totalRecords)).replace("{rows}",this.rows).replace("{totalRecords}",this.totalRecords)}}};const P={class:"p-paginator-current"};f.render=function(e,a,n,o,r,i){return t.openBlock(),t.createElementBlock("span",P,t.toDisplayString(i.text),1)};var b={name:"FirstPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleDoubleLeftIcon:c.default},directives:{ripple:g.default}};b.render=function(e,a,n,o,r,i){const l=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.template||"AngleDoubleLeftIcon"),{class:"p-paginator-icon"}))],2)),[[l]])};var v={name:"JumpToPageDropdown",emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e)}},computed:{pageOptions(){let e=[];for(let t=0;t<this.pageCount;t++)e.push({label:String(t+1),value:t});return e}},components:{JTPDropdown:u.default}};v.render=function(e,a,n,o,r,i){const l=t.resolveComponent("JTPDropdown");return t.openBlock(),t.createBlock(l,{modelValue:n.page,options:i.pageOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>i.onChange(e)),class:"p-paginator-page-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var C={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},data(){return{d_page:this.page}},watch:{page(e){this.d_page=e}},methods:{onChange(e){e!==this.page&&(this.d_page=e,this.$emit("page-change",e-1))}},computed:{inputArialabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.jumpToPageInputLabel:void 0}},components:{JTPInput:d.default}};C.render=function(e,a,n,o,r,i){const l=t.resolveComponent("JTPInput");return t.openBlock(),t.createBlock(l,{ref:"jtpInput",modelValue:r.d_page,class:"p-paginator-page-input","aria-label":i.inputArialabel,disabled:n.disabled,"onUpdate:modelValue":i.onChange},null,8,["modelValue","aria-label","disabled","onUpdate:modelValue"])};var y={name:"LastPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleDoubleRightIcon:m.default},directives:{ripple:g.default}};y.render=function(e,a,n,o,r,i){const l=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.template||"AngleDoubleRightIcon"),{class:"p-paginator-icon"}))],2)),[[l]])};var L={name:"NextPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleRightIcon:h.default},directives:{ripple:g.default}};L.render=function(e,a,n,o,r,i){const l=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.template||"AngleRightIcon"),{class:"p-paginator-icon"}))],2)),[[l]])};var w={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})},ariaPageLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{},directives:{ripple:g.default}};const B={class:"p-paginator-pages"},D=["aria-label","aria-current","onClick"];w.render=function(e,a,n,o,r,i){const l=t.resolveDirective("ripple");return t.openBlock(),t.createElementBlock("span",B,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,(e=>t.withDirectives((t.openBlock(),t.createElementBlock("button",{key:e,class:t.normalizeClass(["p-paginator-page p-paginator-element p-link",{"p-highlight":e-1===n.page}]),type:"button","aria-label":i.ariaPageLabel(e),"aria-current":e-1===n.page?"page":void 0,onClick:t=>i.onPageLinkClick(t,e)},[t.createTextVNode(t.toDisplayString(e),1)],10,D)),[[l]]))),128))])};var $={name:"PrevPageLink",props:{template:{type:Function,default:null}},computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},components:{AngleLeftIcon:k.default},directives:{ripple:g.default}};$.render=function(e,a,n,o,r,i){const l=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(i.containerClass),type:"button"},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.template||"AngleLeftIcon"),{class:"p-paginator-icon"}))],2)),[[l]])};var N={name:"RowsPerPageDropdown",emits:["rows-change"],props:{options:Array,rows:Number,disabled:Boolean},methods:{onChange(e){this.$emit("rows-change",e)}},computed:{rowsOptions(){let e=[];if(this.options)for(let t=0;t<this.options.length;t++)e.push({label:String(this.options[t]),value:this.options[t]});return e}},components:{RPPDropdown:u.default}};N.render=function(e,a,n,o,r,i){const l=t.resolveComponent("RPPDropdown");return t.openBlock(),t.createBlock(l,{modelValue:n.rows,options:i.rowsOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":a[0]||(a[0]=e=>i.onChange(e)),class:"p-paginator-rpp-options",disabled:n.disabled},null,8,["modelValue","options","disabled"])};var R={name:"Paginator",emits:["update:first","update:rows","page"],props:{totalRecords:{type:Number,default:0},rows:{type:Number,default:0},first:{type:Number,default:0},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},template:{type:[Object,String],default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},currentPageReportTemplate:{type:null,default:"({currentPage} of {totalPages})"},alwaysShow:{type:Boolean,default:!0}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(e){this.d_first=e},rows(e){this.d_rows=e},totalRecords(e){this.page>0&&e&&this.d_first>=e&&this.changePage(this.pageCount-1)}},mounted(){this.setPaginatorAttribute(),this.createStyle()},methods:{changePage(e){const t=this.pageCount;if(e>=0&&e<t){this.d_first=this.d_rows*e;const a={page:e,first:this.d_first,rows:this.d_rows,pageCount:t};this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",a)}},changePageToFirst(e){this.isFirstPage||this.changePage(0),e.preventDefault()},changePageToPrev(e){this.changePage(this.page-1),e.preventDefault()},changePageLink(e){this.changePage(e.value-1),e.originalEvent.preventDefault()},changePageToNext(e){this.changePage(this.page+1),e.preventDefault()},changePageToLast(e){this.isLastPage||this.changePage(this.pageCount-1),e.preventDefault()},onRowChange(e){this.d_rows=e,this.changePage(this.page)},createStyle(){if(this.hasBreakpoints()){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";const t=Object.keys(this.template),a={};t.sort(((e,t)=>parseInt(e)-parseInt(t))).forEach((e=>{a[e]=this.template[e]}));for(const[t,[n]]of Object.entries(Object.entries(a))){const o=Object.entries(a)[t-1]?`and (min-width:${Object.keys(a)[t-1]})`:"";e+="default"===n?`\n                            @media screen ${o} {\n                                .paginator[${this.attributeSelector}],\n                                .p-paginator-default{\n                                    display: flex !important;\n                                }\n                            }\n                        `:`\n                        .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: none !important;\n                            }\n                        @media screen ${o} and (max-width: ${n}) {\n                            .paginator[${this.attributeSelector}], .p-paginator-${n} {\n                                display: flex !important;\n                            }\n                            .paginator[${this.attributeSelector}],\n                            .p-paginator-default{\n                                display: none !important;\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},hasBreakpoints(){return"object"==typeof this.template},getPaginatorClasses(e){return[{"p-paginator-default":!this.hasBreakpoints(),[`p-paginator-${e}`]:this.hasBreakpoints()}]},setPaginatorAttribute(){this.$refs.paginator&&this.$refs.paginator.length>=0&&[...this.$refs.paginator].forEach((e=>{e.setAttribute(this.attributeSelector,"")}))},getAriaLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria[e]:void 0}},computed:{templateItems(){let e={};if(this.hasBreakpoints()){e=this.template,e.default||(e.default="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown");for(const t in e)e[t]=this.template[t].split(" ").map((e=>e.trim()));return e}return e.default=this.template.split(" ").map((e=>e.trim())),e},page(){return Math.floor(this.d_first/this.d_rows)},pageCount(){return Math.ceil(this.totalRecords/this.d_rows)},isFirstPage(){return 0===this.page},isLastPage(){return this.page===this.pageCount-1},calculatePageLinkBoundaries(){const e=this.pageCount,t=Math.min(this.pageLinkSize,e);let a=Math.max(0,Math.ceil(this.page-t/2)),n=Math.min(e-1,a+t-1);const o=this.pageLinkSize-(n-a+1);return a=Math.max(0,a-o),[a,n]},pageLinks(){let e=[],t=this.calculatePageLinkBoundaries,a=t[0],n=t[1];for(var o=a;o<=n;o++)e.push(o+1);return e},currentState(){return{page:this.page,first:this.d_first,rows:this.d_rows}},empty(){return 0===this.pageCount},currentPage(){return this.pageCount>0?this.page+1:0},attributeSelector:()=>e.UniqueComponentId()},components:{CurrentPageReport:f,FirstPageLink:b,LastPageLink:y,NextPageLink:L,PageLinks:w,PrevPageLink:$,RowsPerPageDropdown:N,JumpToPageDropdown:v,JumpToPageInput:C}};const x={key:0},T={key:0,class:"p-paginator-left-content"},A={key:1,class:"p-paginator-right-content"};return function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-paginator-default {\n    display: flex;\n}\n.p-paginator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.p-paginator-left-content {\n    margin-right: auto;\n}\n.p-paginator-right-content {\n    margin-left: auto;\n}\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-paginator-element:focus {\n    z-index: 1;\n    position: relative;\n}\n"),R.render=function(e,a,n,o,r,i){const l=t.resolveComponent("FirstPageLink"),s=t.resolveComponent("PrevPageLink"),p=t.resolveComponent("NextPageLink"),c=t.resolveComponent("LastPageLink"),g=t.resolveComponent("PageLinks"),u=t.resolveComponent("CurrentPageReport"),d=t.resolveComponent("RowsPerPageDropdown"),m=t.resolveComponent("JumpToPageDropdown"),h=t.resolveComponent("JumpToPageInput");return n.alwaysShow||i.pageLinks&&i.pageLinks.length>1?(t.openBlock(),t.createElementBlock("nav",x,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.templateItems,((o,k)=>(t.openBlock(),t.createElementBlock("div",{key:k,ref_for:!0,ref:"paginator",class:t.normalizeClass(["p-paginator p-component",i.getPaginatorClasses(k)])},[e.$slots.start?(t.openBlock(),t.createElementBlock("div",T,[t.renderSlot(e.$slots,"start",{state:i.currentState})])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o,(o=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:o},["FirstPageLink"===o?(t.openBlock(),t.createBlock(l,{key:0,"aria-label":i.getAriaLabel("firstPageLabel"),template:e.$slots.firstpagelinkicon,onClick:a[0]||(a[0]=e=>i.changePageToFirst(e)),disabled:i.isFirstPage||i.empty},null,8,["aria-label","template","disabled"])):"PrevPageLink"===o?(t.openBlock(),t.createBlock(s,{key:1,"aria-label":i.getAriaLabel("prevPageLabel"),template:e.$slots.prevpagelinkicon,onClick:a[1]||(a[1]=e=>i.changePageToPrev(e)),disabled:i.isFirstPage||i.empty},null,8,["aria-label","template","disabled"])):"NextPageLink"===o?(t.openBlock(),t.createBlock(p,{key:2,"aria-label":i.getAriaLabel("nextPageLabel"),template:e.$slots.nextpagelinkicon,onClick:a[2]||(a[2]=e=>i.changePageToNext(e)),disabled:i.isLastPage||i.empty},null,8,["aria-label","template","disabled"])):"LastPageLink"===o?(t.openBlock(),t.createBlock(c,{key:3,"aria-label":i.getAriaLabel("lastPageLabel"),template:e.$slots.lastpagelinkicon,onClick:a[3]||(a[3]=e=>i.changePageToLast(e)),disabled:i.isLastPage||i.empty},null,8,["aria-label","template","disabled"])):"PageLinks"===o?(t.openBlock(),t.createBlock(g,{key:4,"aria-label":i.getAriaLabel("pageLabel"),value:i.pageLinks,page:i.page,onClick:a[4]||(a[4]=e=>i.changePageLink(e))},null,8,["aria-label","value","page"])):"CurrentPageReport"===o?(t.openBlock(),t.createBlock(u,{key:5,"aria-live":"polite",template:n.currentPageReportTemplate,currentPage:i.currentPage,page:i.page,pageCount:i.pageCount,first:r.d_first,rows:r.d_rows,totalRecords:n.totalRecords},null,8,["template","currentPage","page","pageCount","first","rows","totalRecords"])):"RowsPerPageDropdown"===o&&n.rowsPerPageOptions?(t.openBlock(),t.createBlock(d,{key:6,"aria-label":i.getAriaLabel("rowsPerPageLabel"),rows:r.d_rows,options:n.rowsPerPageOptions,onRowsChange:a[5]||(a[5]=e=>i.onRowChange(e)),disabled:i.empty},null,8,["aria-label","rows","options","disabled"])):"JumpToPageDropdown"===o?(t.openBlock(),t.createBlock(m,{key:7,"aria-label":i.getAriaLabel("jumpToPageDropdownLabel"),page:i.page,pageCount:i.pageCount,onPageChange:a[6]||(a[6]=e=>i.changePage(e)),disabled:i.empty},null,8,["aria-label","page","pageCount","disabled"])):"JumpToPageInput"===o?(t.openBlock(),t.createBlock(h,{key:8,page:i.currentPage,onPageChange:a[7]||(a[7]=e=>i.changePage(e)),disabled:i.empty},null,8,["page","disabled"])):t.createCommentVNode("",!0)],64)))),128)),e.$slots.end?(t.openBlock(),t.createElementBlock("div",A,[t.renderSlot(e.$slots,"end",{state:i.currentState})])):t.createCommentVNode("",!0)],2)))),128))])):t.createCommentVNode("",!0)},R}(primevue.utils,Vue,primevue.icons.angledoubleleft,primevue.ripple,primevue.dropdown,primevue.inputnumber,primevue.icons.angledoubleright,primevue.icons.angleright,primevue.icons.angleleft);

package/panel/Panel.d.ts

@@ -10,6 +10,16 @@
 import { ButtonHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type PanelPassThroughOptionType = PanelPassThroughAttributes | ((options: PanelPassThroughMethodOptions) => PanelPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface PanelPassThroughMethodOptions {
+    props: PanelProps;
+    state: PanelState;
+}
+
 /**
  * Custom toggle event.
  * @see {@link PanelEmits.toggle}
@@ -25,6 +35,67 @@ export interface PanelToggleEvent {
     value: boolean;
 }
 
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link PanelProps.pt}
+ */
+export interface PanelPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the title's DOM element.
+     */
+    title?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the icons' DOM element.
+     */
+    icons?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the toggler's DOM element.
+     */
+    toggler?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the togglericon's DOM element.
+     */
+    togglerIcon?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the toggleablecontent's DOM element.
+     */
+    toggleableContent?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: PanelPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface PanelPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Panel component.
+ */
+export interface PanelState {
+    /**
+     * Current collapsed state as a boolean.
+     * @defaultValue false
+     */
+    d_collapsed: boolean;
+}
+
 /**
  * Defines valid properties in Panel component.
  */
@@ -45,8 +116,14 @@ export interface PanelProps {
     collapsed?: boolean;
     /**
      * Uses to pass the custom value to read for the button inside the component.
+     * @deprecated since v3.26.0. Use 'pt' property instead.
      */
     toggleButtonProps?: ButtonHTMLAttributes | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {PanelPassThroughOptions}
+     */
+    pt?: PanelPassThroughOptions;
 }
 
 /**
@@ -60,11 +137,34 @@ export interface PanelSlots {
     /**
      * Custom header template.
      */
-    header(): VNode[];
+    header(scope: {
+        /**
+         * Current id state as a string
+         */
+        id: boolean;
+        /**
+         * Style class of the icon
+         */
+        class: string;
+    }): VNode[];
     /**
      * Custom icons template.
      */
     icons(): VNode[];
+    /**
+     * Custom toggler icon template of panel.
+     * @param {Object} scope - toggler icon slot's params.
+     */
+    togglericon(scope: {
+        /**
+         * Collapsed state as a boolean
+         */
+        collapsed: boolean;
+    }): VNode[];
+    /**
+     * Custom footer template.
+     */
+    footer(): VNode[];
 }
 
 /**

package/panel/Panel.vue

@@ -1,10 +1,10 @@
 <template>
-    <div :class="containerClass">
-        <div class="p-panel-header">
-            <slot name="header">
-                <span v-if="header" :id="ariaId + '_header'" class="p-panel-title">{{ header }}</span>
+    <div :class="containerClass" v-bind="ptm('root')">
+        <div class="p-panel-header" v-bind="ptm('header')">
+            <slot :id="ariaId + '_header'" name="header" class="p-panel-title">
+                <span v-if="header" :id="ariaId + '_header'" class="p-panel-title" v-bind="ptm('title')">{{ header }}</span>
             </slot>
-            <div class="p-panel-icons">
+            <div class="p-panel-icons" v-bind="ptm('icons')">
                 <slot name="icons"></slot>
                 <button
                     v-if="toggleable"
@@ -18,28 +18,37 @@
                     :aria-expanded="!d_collapsed"
                     @click="toggle"
                     @keydown="onKeyDown"
-                    v-bind="toggleButtonProps"
+                    v-bind="{ ...toggleButtonProps, ...ptm('toggler') }"
                 >
-                    <span :class="{ 'pi pi-minus': !d_collapsed, 'pi pi-plus': d_collapsed }"></span>
+                    <slot name="togglericon" :collapsed="d_collapsed">
+                        <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" v-bind="ptm('togglericon')" />
+                    </slot>
                 </button>
             </div>
         </div>
         <transition name="p-toggleable-content">
-            <div v-show="!d_collapsed" :id="ariaId + '_content'" class="p-toggleable-content" role="region" :aria-labelledby="ariaId + '_header'">
-                <div class="p-panel-content">
+            <div v-show="!d_collapsed" :id="ariaId + '_content'" class="p-toggleable-content" role="region" :aria-labelledby="ariaId + '_header'" v-bind="ptm('toggleablecontent')">
+                <div class="p-panel-content" v-bind="ptm('content')">
                     <slot></slot>
                 </div>
+                <div v-if="$slots.footer" class="p-panel-footer" v-bind="ptm('footer')">
+                    <slot name="footer"></slot>
+                </div>
             </div>
         </transition>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
+import MinusIcon from 'primevue/icons/minus';
+import PlusIcon from 'primevue/icons/plus';
 import Ripple from 'primevue/ripple';
 import { UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'Panel',
+    extends: BaseComponent,
     emits: ['update:collapsed', 'toggle'],
     props: {
         header: String,
@@ -87,6 +96,10 @@ export default {
             return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
         }
     },
+    components: {
+        PlusIcon,
+        MinusIcon
+    },
     directives: {
         ripple: Ripple
     }