primevue 3.12.2 → 3.12.5

package/paginator/paginator.esm.js

@@ -1,4 +1,4 @@
-import { openBlock, createBlock, toDisplayString, resolveDirective, withDirectives, createVNode, Fragment, renderList, createTextVNode, resolveComponent, renderSlot, createCommentVNode } from 'vue';
+import { openBlock, createElementBlock, toDisplayString, resolveDirective, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createTextVNode, resolveComponent, createBlock, renderSlot, createCommentVNode } from 'vue';
 import Ripple from 'primevue/ripple';
 import Dropdown from 'primevue/dropdown';
 import InputNumber from 'primevue/inputnumber';
@@ -54,7 +54,7 @@ var script$9 = {
 const _hoisted_1$6 = { class: "p-paginator-current" };
 
 function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("span", _hoisted_1$6, toDisplayString($options.text), 1))
+  return (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString($options.text), 1))
 }
 
 script$9.render = render$9;
@@ -73,17 +73,18 @@ var script$8 = {
     }
 };
 
-const _hoisted_1$5 = /*#__PURE__*/createVNode("span", { class: "p-paginator-icon pi pi-angle-double-left" }, null, -1);
+const _hoisted_1$5 = /*#__PURE__*/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 = resolveDirective("ripple");
 
-  return withDirectives((openBlock(), createBlock("button", {
-    class: $options.containerClass,
+  return withDirectives((openBlock(), createElementBlock("button", {
+    class: normalizeClass($options.containerClass),
     type: "button"
-  }, [
-    _hoisted_1$5
-  ], 2)), [
+  }, _hoisted_2$5, 2)), [
     [_directive_ripple]
   ])
 }
@@ -104,17 +105,18 @@ var script$7 = {
     }
 };
 
-const _hoisted_1$4 = /*#__PURE__*/createVNode("span", { class: "p-paginator-icon pi pi-angle-double-right" }, null, -1);
+const _hoisted_1$4 = /*#__PURE__*/createElementVNode("span", { class: "p-paginator-icon pi pi-angle-double-right" }, null, -1);
+const _hoisted_2$4 = [
+  _hoisted_1$4
+];
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return withDirectives((openBlock(), createBlock("button", {
-    class: $options.containerClass,
+  return withDirectives((openBlock(), createElementBlock("button", {
+    class: normalizeClass($options.containerClass),
     type: "button"
-  }, [
-    _hoisted_1$4
-  ], 2)), [
+  }, _hoisted_2$4, 2)), [
     [_directive_ripple]
   ])
 }
@@ -135,17 +137,18 @@ var script$6 = {
     }
 };
 
-const _hoisted_1$3 = /*#__PURE__*/createVNode("span", { class: "p-paginator-icon pi pi-angle-right" }, null, -1);
+const _hoisted_1$3 = /*#__PURE__*/createElementVNode("span", { class: "p-paginator-icon pi pi-angle-right" }, null, -1);
+const _hoisted_2$3 = [
+  _hoisted_1$3
+];
 
 function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return withDirectives((openBlock(), createBlock("button", {
-    class: $options.containerClass,
+  return withDirectives((openBlock(), createElementBlock("button", {
+    class: normalizeClass($options.containerClass),
     type: "button"
-  }, [
-    _hoisted_1$3
-  ], 2)), [
+  }, _hoisted_2$3, 2)), [
     [_directive_ripple]
   ])
 }
@@ -174,20 +177,21 @@ var script$5 = {
 };
 
 const _hoisted_1$2 = { class: "p-paginator-pages" };
+const _hoisted_2$2 = ["onClick"];
 
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("span", _hoisted_1$2, [
-    (openBlock(true), createBlock(Fragment, null, renderList($props.value, (pageLink) => {
-      return withDirectives((openBlock(), createBlock("button", {
+  return (openBlock(), createElementBlock("span", _hoisted_1$2, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($props.value, (pageLink) => {
+      return withDirectives((openBlock(), createElementBlock("button", {
         key: pageLink,
-        class: ['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === $props.page)}],
+        class: normalizeClass(['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === $props.page)}]),
         type: "button",
         onClick: $event => ($options.onPageLinkClick($event, pageLink))
       }, [
         createTextVNode(toDisplayString(pageLink), 1)
-      ], 10, ["onClick"])), [
+      ], 10, _hoisted_2$2)), [
         [_directive_ripple]
       ])
     }), 128))
@@ -210,17 +214,18 @@ var script$4 = {
     }
 };
 
-const _hoisted_1$1 = /*#__PURE__*/createVNode("span", { class: "p-paginator-icon pi pi-angle-left" }, null, -1);
+const _hoisted_1$1 = /*#__PURE__*/createElementVNode("span", { class: "p-paginator-icon pi pi-angle-left" }, null, -1);
+const _hoisted_2$1 = [
+  _hoisted_1$1
+];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return withDirectives((openBlock(), createBlock("button", {
-    class: $options.containerClass,
+  return withDirectives((openBlock(), createElementBlock("button", {
+    class: normalizeClass($options.containerClass),
     type: "button"
-  }, [
-    _hoisted_1$1
-  ], 2)), [
+  }, _hoisted_2$1, 2)), [
     [_directive_ripple]
   ])
 }
@@ -265,7 +270,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     options: $options.rowsOptions,
     optionLabel: "label",
     optionValue: "value",
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.onChange($event))),
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ($options.onChange($event))),
     class: "p-paginator-rpp-options",
     disabled: $props.disabled
   }, null, 8, ["modelValue", "options", "disabled"]))
@@ -309,7 +314,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     options: $options.pageOptions,
     optionLabel: "label",
     optionValue: "value",
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.onChange($event))),
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ($options.onChange($event))),
     class: "p-paginator-page-options",
     disabled: $props.disabled
   }, null, 8, ["modelValue", "options", "disabled"]))
@@ -341,7 +346,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createBlock(_component_JTPInput, {
     modelValue: $props.page,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.onChange($event))),
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ($options.onChange($event))),
     class: "p-paginator-page-input",
     disabled: $props.disabled
   }, null, 8, ["modelValue", "disabled"]))
@@ -552,36 +557,36 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_JumpToPageInput = resolveComponent("JumpToPageInput");
 
   return ($props.alwaysShow ? true : ($options.pageLinks && $options.pageLinks.length > 1))
-    ? (openBlock(), createBlock("div", _hoisted_1, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1, [
         (_ctx.$slots.start)
-          ? (openBlock(), createBlock("div", _hoisted_2, [
+          ? (openBlock(), createElementBlock("div", _hoisted_2, [
               renderSlot(_ctx.$slots, "start", { state: $options.currentState })
             ]))
           : createCommentVNode("", true),
-        (openBlock(true), createBlock(Fragment, null, renderList($options.templateItems, (item) => {
-          return (openBlock(), createBlock(Fragment, { key: item }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.templateItems, (item) => {
+          return (openBlock(), createElementBlock(Fragment, { key: item }, [
             (item === 'FirstPageLink')
               ? (openBlock(), createBlock(_component_FirstPageLink, {
                   key: 0,
-                  onClick: _cache[1] || (_cache[1] = $event => ($options.changePageToFirst($event))),
+                  onClick: _cache[0] || (_cache[0] = $event => ($options.changePageToFirst($event))),
                   disabled: $options.isFirstPage || $options.empty
                 }, null, 8, ["disabled"]))
               : (item === 'PrevPageLink')
                 ? (openBlock(), createBlock(_component_PrevPageLink, {
                     key: 1,
-                    onClick: _cache[2] || (_cache[2] = $event => ($options.changePageToPrev($event))),
+                    onClick: _cache[1] || (_cache[1] = $event => ($options.changePageToPrev($event))),
                     disabled: $options.isFirstPage || $options.empty
                   }, null, 8, ["disabled"]))
                 : (item === 'NextPageLink')
                   ? (openBlock(), createBlock(_component_NextPageLink, {
                       key: 2,
-                      onClick: _cache[3] || (_cache[3] = $event => ($options.changePageToNext($event))),
+                      onClick: _cache[2] || (_cache[2] = $event => ($options.changePageToNext($event))),
                       disabled: $options.isLastPage || $options.empty
                     }, null, 8, ["disabled"]))
                   : (item === 'LastPageLink')
                     ? (openBlock(), createBlock(_component_LastPageLink, {
                         key: 3,
-                        onClick: _cache[4] || (_cache[4] = $event => ($options.changePageToLast($event))),
+                        onClick: _cache[3] || (_cache[3] = $event => ($options.changePageToLast($event))),
                         disabled: $options.isLastPage || $options.empty
                       }, null, 8, ["disabled"]))
                     : (item === 'PageLinks')
@@ -589,7 +594,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           key: 4,
                           value: $options.pageLinks,
                           page: $options.page,
-                          onClick: _cache[5] || (_cache[5] = $event => ($options.changePageLink($event)))
+                          onClick: _cache[4] || (_cache[4] = $event => ($options.changePageLink($event)))
                         }, null, 8, ["value", "page"]))
                       : (item === 'CurrentPageReport')
                         ? (openBlock(), createBlock(_component_CurrentPageReport, {
@@ -607,7 +612,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               key: 6,
                               rows: $data.d_rows,
                               options: $props.rowsPerPageOptions,
-                              onRowsChange: _cache[6] || (_cache[6] = $event => ($options.onRowChange($event))),
+                              onRowsChange: _cache[5] || (_cache[5] = $event => ($options.onRowChange($event))),
                               disabled: $options.empty
                             }, null, 8, ["rows", "options", "disabled"]))
                           : (item === 'JumpToPageDropdown')
@@ -615,21 +620,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 key: 7,
                                 page: $options.page,
                                 pageCount: $options.pageCount,
-                                onPageChange: _cache[7] || (_cache[7] = $event => ($options.changePage($event))),
+                                onPageChange: _cache[6] || (_cache[6] = $event => ($options.changePage($event))),
                                 disabled: $options.empty
                               }, null, 8, ["page", "pageCount", "disabled"]))
                             : (item === 'JumpToPageInput')
                               ? (openBlock(), createBlock(_component_JumpToPageInput, {
                                   key: 8,
                                   page: $options.currentPage,
-                                  onPageChange: _cache[8] || (_cache[8] = $event => ($options.changePage($event))),
+                                  onPageChange: _cache[7] || (_cache[7] = $event => ($options.changePage($event))),
                                   disabled: $options.empty
                                 }, null, 8, ["page", "disabled"]))
                               : createCommentVNode("", true)
           ], 64))
         }), 128)),
         (_ctx.$slots.end)
-          ? (openBlock(), createBlock("div", _hoisted_3, [
+          ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "end", { state: $options.currentState })
             ]))
           : createCommentVNode("", true)
@@ -669,4 +674,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/paginator/paginator.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createBlock as t,toDisplayString as a,resolveDirective as n,withDirectives as i,createVNode as r,Fragment as s,renderList as o,createTextVNode as p,resolveComponent as l,renderSlot as g,createCommentVNode as u}from"vue";import d from"primevue/ripple";import c from"primevue/dropdown";import h from"primevue/inputnumber";var m={name:"CurrentPageReport",inheritAttrs:!1,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"};m.render=function(n,i,r,s,o,p){return e(),t("span",P,a(p.text),1)};var f={name:"FirstPageLink",computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:d}};const b=r("span",{class:"p-paginator-icon pi pi-angle-double-left"},null,-1);f.render=function(a,r,s,o,p,l){const g=n("ripple");return i((e(),t("button",{class:l.containerClass,type:"button"},[b],2)),[[g]])};var k={name:"LastPageLink",computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:d}};const w=r("span",{class:"p-paginator-icon pi pi-angle-double-right"},null,-1);k.render=function(a,r,s,o,p,l){const g=n("ripple");return i((e(),t("button",{class:l.containerClass,type:"button"},[w],2)),[[g]])};var y={name:"NextPageLink",computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:d}};const C=r("span",{class:"p-paginator-icon pi pi-angle-right"},null,-1);y.render=function(a,r,s,o,p,l){const g=n("ripple");return i((e(),t("button",{class:l.containerClass,type:"button"},[C],2)),[[g]])};var v={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})}},directives:{ripple:d}};const L={class:"p-paginator-pages"};v.render=function(r,l,g,u,d,c){const h=n("ripple");return e(),t("span",L,[(e(!0),t(s,null,o(g.value,(n=>i((e(),t("button",{key:n,class:["p-paginator-page p-paginator-element p-link",{"p-highlight":n-1===g.page}],type:"button",onClick:e=>c.onPageLinkClick(e,n)},[p(a(n),1)],10,["onClick"])),[[h]]))),128))])};var x={name:"PrevPageLink",computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:d}};const R=r("span",{class:"p-paginator-icon pi pi-angle-left"},null,-1);x.render=function(a,r,s,o,p,l){const g=n("ripple");return i((e(),t("button",{class:l.containerClass,type:"button"},[R],2)),[[g]])};var N={name:"RowsPerPageDropdown",inheritAttrs:!1,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:c}};N.render=function(a,n,i,r,s,o){const p=l("RPPDropdown");return e(),t(p,{modelValue:i.rows,options:o.rowsOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":n[1]||(n[1]=e=>o.onChange(e)),class:"p-paginator-rpp-options",disabled:i.disabled},null,8,["modelValue","options","disabled"])};var T={name:"JumpToPageDropdown",inheritAttrs:!1,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:c}};T.render=function(a,n,i,r,s,o){const p=l("JTPDropdown");return e(),t(p,{modelValue:i.page,options:o.pageOptions,optionLabel:"label",optionValue:"value","onUpdate:modelValue":n[1]||(n[1]=e=>o.onChange(e)),class:"p-paginator-page-options",disabled:i.disabled},null,8,["modelValue","options","disabled"])};var _={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e-1)}},components:{JTPInput:h}};_.render=function(a,n,i,r,s,o){const p=l("JTPInput");return e(),t(p,{modelValue:i.page,"onUpdate:modelValue":n[1]||(n[1]=e=>o.onChange(e)),class:"p-paginator-page-input",disabled:i.disabled},null,8,["modelValue","disabled"])};var D={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: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)}},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)}},computed:{templateItems(){let e=[];return this.template.split(" ").map((t=>{e.push(t.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}},components:{CurrentPageReport:m,FirstPageLink:f,LastPageLink:k,NextPageLink:y,PageLinks:v,PrevPageLink:x,RowsPerPageDropdown:N,JumpToPageDropdown:T,JumpToPageInput:_}};const $={key:0,class:"p-paginator p-component"},S={key:0,class:"p-paginator-left-content"},J={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 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-paginator-left-content {\n\tmargin-right: auto;\n}\n.p-paginator-right-content {\n\tmargin-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: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    line-height: 1;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\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"),D.render=function(a,n,i,r,p,d){const c=l("FirstPageLink"),h=l("PrevPageLink"),m=l("NextPageLink"),P=l("LastPageLink"),f=l("PageLinks"),b=l("CurrentPageReport"),k=l("RowsPerPageDropdown"),w=l("JumpToPageDropdown"),y=l("JumpToPageInput");return i.alwaysShow||d.pageLinks&&d.pageLinks.length>1?(e(),t("div",$,[a.$slots.start?(e(),t("div",S,[g(a.$slots,"start",{state:d.currentState})])):u("",!0),(e(!0),t(s,null,o(d.templateItems,(a=>(e(),t(s,{key:a},["FirstPageLink"===a?(e(),t(c,{key:0,onClick:n[1]||(n[1]=e=>d.changePageToFirst(e)),disabled:d.isFirstPage||d.empty},null,8,["disabled"])):"PrevPageLink"===a?(e(),t(h,{key:1,onClick:n[2]||(n[2]=e=>d.changePageToPrev(e)),disabled:d.isFirstPage||d.empty},null,8,["disabled"])):"NextPageLink"===a?(e(),t(m,{key:2,onClick:n[3]||(n[3]=e=>d.changePageToNext(e)),disabled:d.isLastPage||d.empty},null,8,["disabled"])):"LastPageLink"===a?(e(),t(P,{key:3,onClick:n[4]||(n[4]=e=>d.changePageToLast(e)),disabled:d.isLastPage||d.empty},null,8,["disabled"])):"PageLinks"===a?(e(),t(f,{key:4,value:d.pageLinks,page:d.page,onClick:n[5]||(n[5]=e=>d.changePageLink(e))},null,8,["value","page"])):"CurrentPageReport"===a?(e(),t(b,{key:5,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"===a&&i.rowsPerPageOptions?(e(),t(k,{key:6,rows:p.d_rows,options:i.rowsPerPageOptions,onRowsChange:n[6]||(n[6]=e=>d.onRowChange(e)),disabled:d.empty},null,8,["rows","options","disabled"])):"JumpToPageDropdown"===a?(e(),t(w,{key:7,page:d.page,pageCount:d.pageCount,onPageChange:n[7]||(n[7]=e=>d.changePage(e)),disabled:d.empty},null,8,["page","pageCount","disabled"])):"JumpToPageInput"===a?(e(),t(y,{key:8,page:d.currentPage,onPageChange:n[8]||(n[8]=e=>d.changePage(e)),disabled:d.empty},null,8,["page","disabled"])):u("",!0)],64)))),128)),a.$slots.end?(e(),t("div",J,[g(a.$slots,"end",{state:d.currentState})])):u("",!0)])):u("",!0)};export default D;
+import{openBlock as e,createElementBlock as t,toDisplayString as a,resolveDirective as n,withDirectives as i,normalizeClass as r,createElementVNode as s,Fragment as o,renderList as p,createTextVNode as l,resolveComponent as g,createBlock as u,renderSlot as d,createCommentVNode as c}from"vue";import h from"primevue/ripple";import m from"primevue/dropdown";import P from"primevue/inputnumber";var f={name:"CurrentPageReport",inheritAttrs:!1,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 b={class:"p-paginator-current"};f.render=function(n,i,r,s,o,p){return e(),t("span",b,a(p.text),1)};var k={name:"FirstPageLink",computed:{containerClass(){return["p-paginator-first p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:h}};const w=[s("span",{class:"p-paginator-icon pi pi-angle-double-left"},null,-1)];k.render=function(a,s,o,p,l,g){const u=n("ripple");return i((e(),t("button",{class:r(g.containerClass),type:"button"},w,2)),[[u]])};var y={name:"LastPageLink",computed:{containerClass(){return["p-paginator-last p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:h}};const C=[s("span",{class:"p-paginator-icon pi pi-angle-double-right"},null,-1)];y.render=function(a,s,o,p,l,g){const u=n("ripple");return i((e(),t("button",{class:r(g.containerClass),type:"button"},C,2)),[[u]])};var v={name:"NextPageLink",computed:{containerClass(){return["p-paginator-next p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:h}};const L=[s("span",{class:"p-paginator-icon pi pi-angle-right"},null,-1)];v.render=function(a,s,o,p,l,g){const u=n("ripple");return i((e(),t("button",{class:r(g.containerClass),type:"button"},L,2)),[[u]])};var x={name:"PageLinks",inheritAttrs:!1,emits:["click"],props:{value:Array,page:Number},methods:{onPageLinkClick(e,t){this.$emit("click",{originalEvent:e,value:t})}},directives:{ripple:h}};const R={class:"p-paginator-pages"},N=["onClick"];x.render=function(s,g,u,d,c,h){const m=n("ripple");return e(),t("span",R,[(e(!0),t(o,null,p(u.value,(n=>i((e(),t("button",{key:n,class:r(["p-paginator-page p-paginator-element p-link",{"p-highlight":n-1===u.page}]),type:"button",onClick:e=>h.onPageLinkClick(e,n)},[l(a(n),1)],10,N)),[[m]]))),128))])};var T={name:"PrevPageLink",computed:{containerClass(){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":this.$attrs.disabled}]}},directives:{ripple:h}};const _=[s("span",{class:"p-paginator-icon pi pi-angle-left"},null,-1)];T.render=function(a,s,o,p,l,g){const u=n("ripple");return i((e(),t("button",{class:r(g.containerClass),type:"button"},_,2)),[[u]])};var D={name:"RowsPerPageDropdown",inheritAttrs:!1,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:m}};D.render=function(t,a,n,i,r,s){const o=g("RPPDropdown");return e(),u(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 $={name:"JumpToPageDropdown",inheritAttrs:!1,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:m}};$.render=function(t,a,n,i,r,s){const o=g("JTPDropdown");return e(),u(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 S={name:"JumpToPageInput",inheritAttrs:!1,emits:["page-change"],props:{page:Number,pageCount:Number,disabled:Boolean},methods:{onChange(e){this.$emit("page-change",e-1)}},components:{JTPInput:P}};S.render=function(t,a,n,i,r,s){const o=g("JTPInput");return e(),u(o,{modelValue:n.page,"onUpdate:modelValue":a[0]||(a[0]=e=>s.onChange(e)),class:"p-paginator-page-input",disabled:n.disabled},null,8,["modelValue","disabled"])};var J={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: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)}},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)}},computed:{templateItems(){let e=[];return this.template.split(" ").map((t=>{e.push(t.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}},components:{CurrentPageReport:f,FirstPageLink:k,LastPageLink:y,NextPageLink:v,PageLinks:x,PrevPageLink:T,RowsPerPageDropdown:D,JumpToPageDropdown:$,JumpToPageInput:S}};const F={key:0,class:"p-paginator p-component"},V={key:0,class:"p-paginator-left-content"},A={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 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-paginator-left-content {\n\tmargin-right: auto;\n}\n.p-paginator-right-content {\n\tmargin-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: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    line-height: 1;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\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"),J.render=function(a,n,i,r,s,l){const h=g("FirstPageLink"),m=g("PrevPageLink"),P=g("NextPageLink"),f=g("LastPageLink"),b=g("PageLinks"),k=g("CurrentPageReport"),w=g("RowsPerPageDropdown"),y=g("JumpToPageDropdown"),C=g("JumpToPageInput");return i.alwaysShow||l.pageLinks&&l.pageLinks.length>1?(e(),t("div",F,[a.$slots.start?(e(),t("div",V,[d(a.$slots,"start",{state:l.currentState})])):c("",!0),(e(!0),t(o,null,p(l.templateItems,(a=>(e(),t(o,{key:a},["FirstPageLink"===a?(e(),u(h,{key:0,onClick:n[0]||(n[0]=e=>l.changePageToFirst(e)),disabled:l.isFirstPage||l.empty},null,8,["disabled"])):"PrevPageLink"===a?(e(),u(m,{key:1,onClick:n[1]||(n[1]=e=>l.changePageToPrev(e)),disabled:l.isFirstPage||l.empty},null,8,["disabled"])):"NextPageLink"===a?(e(),u(P,{key:2,onClick:n[2]||(n[2]=e=>l.changePageToNext(e)),disabled:l.isLastPage||l.empty},null,8,["disabled"])):"LastPageLink"===a?(e(),u(f,{key:3,onClick:n[3]||(n[3]=e=>l.changePageToLast(e)),disabled:l.isLastPage||l.empty},null,8,["disabled"])):"PageLinks"===a?(e(),u(b,{key:4,value:l.pageLinks,page:l.page,onClick:n[4]||(n[4]=e=>l.changePageLink(e))},null,8,["value","page"])):"CurrentPageReport"===a?(e(),u(k,{key:5,template:i.currentPageReportTemplate,currentPage:l.currentPage,page:l.page,pageCount:l.pageCount,first:s.d_first,rows:s.d_rows,totalRecords:i.totalRecords},null,8,["template","currentPage","page","pageCount","first","rows","totalRecords"])):"RowsPerPageDropdown"===a&&i.rowsPerPageOptions?(e(),u(w,{key:6,rows:s.d_rows,options:i.rowsPerPageOptions,onRowsChange:n[5]||(n[5]=e=>l.onRowChange(e)),disabled:l.empty},null,8,["rows","options","disabled"])):"JumpToPageDropdown"===a?(e(),u(y,{key:7,page:l.page,pageCount:l.pageCount,onPageChange:n[6]||(n[6]=e=>l.changePage(e)),disabled:l.empty},null,8,["page","pageCount","disabled"])):"JumpToPageInput"===a?(e(),u(C,{key:8,page:l.currentPage,onPageChange:n[7]||(n[7]=e=>l.changePage(e)),disabled:l.empty},null,8,["page","disabled"])):c("",!0)],64)))),128)),a.$slots.end?(e(),t("div",A,[d(a.$slots,"end",{state:l.currentState})])):c("",!0)])):c("",!0)};export{J as default};

package/paginator/paginator.js

@@ -59,7 +59,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
         const _hoisted_1$6 = { class: "p-paginator-current" };
 
         function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-          return (vue.openBlock(), vue.createBlock("span", _hoisted_1$6, vue.toDisplayString($options.text), 1))
+          return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString($options.text), 1))
         }
 
         script$9.render = render$9;
@@ -74,21 +74,22 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             directives: {
-                'ripple': Ripple__default['default']
+                'ripple': Ripple__default["default"]
             }
         };
 
-        const _hoisted_1$5 = /*#__PURE__*/vue.createVNode("span", { class: "p-paginator-icon pi pi-angle-double-left" }, null, -1);
+        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.createBlock("button", {
-            class: $options.containerClass,
+          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+            class: vue.normalizeClass($options.containerClass),
             type: "button"
-          }, [
-            _hoisted_1$5
-          ], 2)), [
+          }, _hoisted_2$5, 2)), [
             [_directive_ripple]
           ])
         }
@@ -105,21 +106,22 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             directives: {
-                'ripple': Ripple__default['default']
+                'ripple': Ripple__default["default"]
             }
         };
 
-        const _hoisted_1$4 = /*#__PURE__*/vue.createVNode("span", { class: "p-paginator-icon pi pi-angle-double-right" }, null, -1);
+        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$7(_ctx, _cache, $props, $setup, $data, $options) {
           const _directive_ripple = vue.resolveDirective("ripple");
 
-          return vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
-            class: $options.containerClass,
+          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+            class: vue.normalizeClass($options.containerClass),
             type: "button"
-          }, [
-            _hoisted_1$4
-          ], 2)), [
+          }, _hoisted_2$4, 2)), [
             [_directive_ripple]
           ])
         }
@@ -136,21 +138,22 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             directives: {
-                'ripple': Ripple__default['default']
+                'ripple': Ripple__default["default"]
             }
         };
 
-        const _hoisted_1$3 = /*#__PURE__*/vue.createVNode("span", { class: "p-paginator-icon pi pi-angle-right" }, null, -1);
+        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$6(_ctx, _cache, $props, $setup, $data, $options) {
           const _directive_ripple = vue.resolveDirective("ripple");
 
-          return vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
-            class: $options.containerClass,
+          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+            class: vue.normalizeClass($options.containerClass),
             type: "button"
-          }, [
-            _hoisted_1$3
-          ], 2)), [
+          }, _hoisted_2$3, 2)), [
             [_directive_ripple]
           ])
         }
@@ -174,25 +177,26 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             directives: {
-                'ripple': Ripple__default['default']
+                'ripple': Ripple__default["default"]
             }
         };
 
         const _hoisted_1$2 = { class: "p-paginator-pages" };
+        const _hoisted_2$2 = ["onClick"];
 
         function render$5(_ctx, _cache, $props, $setup, $data, $options) {
           const _directive_ripple = vue.resolveDirective("ripple");
 
-          return (vue.openBlock(), vue.createBlock("span", _hoisted_1$2, [
-            (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.value, (pageLink) => {
-              return vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+          return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (pageLink) => {
+              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                 key: pageLink,
-                class: ['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === $props.page)}],
+                class: vue.normalizeClass(['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === $props.page)}]),
                 type: "button",
                 onClick: $event => ($options.onPageLinkClick($event, pageLink))
               }, [
                 vue.createTextVNode(vue.toDisplayString(pageLink), 1)
-              ], 10, ["onClick"])), [
+              ], 10, _hoisted_2$2)), [
                 [_directive_ripple]
               ])
             }), 128))
@@ -211,21 +215,22 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             directives: {
-                'ripple': Ripple__default['default']
+                'ripple': Ripple__default["default"]
             }
         };
 
-        const _hoisted_1$1 = /*#__PURE__*/vue.createVNode("span", { class: "p-paginator-icon pi pi-angle-left" }, null, -1);
+        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$4(_ctx, _cache, $props, $setup, $data, $options) {
           const _directive_ripple = vue.resolveDirective("ripple");
 
-          return vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
-            class: $options.containerClass,
+          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+            class: vue.normalizeClass($options.containerClass),
             type: "button"
-          }, [
-            _hoisted_1$1
-          ], 2)), [
+          }, _hoisted_2$1, 2)), [
             [_directive_ripple]
           ])
         }
@@ -258,7 +263,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             components: {
-                'RPPDropdown': Dropdown__default['default']
+                'RPPDropdown': Dropdown__default["default"]
             }
         };
 
@@ -270,7 +275,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
             options: $options.rowsOptions,
             optionLabel: "label",
             optionValue: "value",
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.onChange($event))),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ($options.onChange($event))),
             class: "p-paginator-rpp-options",
             disabled: $props.disabled
           }, null, 8, ["modelValue", "options", "disabled"]))
@@ -302,7 +307,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             components: {
-                'JTPDropdown': Dropdown__default['default']
+                'JTPDropdown': Dropdown__default["default"]
             }
         };
 
@@ -314,7 +319,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
             options: $options.pageOptions,
             optionLabel: "label",
             optionValue: "value",
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.onChange($event))),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ($options.onChange($event))),
             class: "p-paginator-page-options",
             disabled: $props.disabled
           }, null, 8, ["modelValue", "options", "disabled"]))
@@ -337,7 +342,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                 }
             },
             components: {
-                'JTPInput': InputNumber__default['default']
+                'JTPInput': InputNumber__default["default"]
             }
         };
 
@@ -346,7 +351,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
 
           return (vue.openBlock(), vue.createBlock(_component_JTPInput, {
             modelValue: $props.page,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($options.onChange($event))),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ($options.onChange($event))),
             class: "p-paginator-page-input",
             disabled: $props.disabled
           }, null, 8, ["modelValue", "disabled"]))
@@ -557,36 +562,36 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
           const _component_JumpToPageInput = vue.resolveComponent("JumpToPageInput");
 
           return ($props.alwaysShow ? true : ($options.pageLinks && $options.pageLinks.length > 1))
-            ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
                 (_ctx.$slots.start)
-                  ? (vue.openBlock(), vue.createBlock("div", _hoisted_2, [
+                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
                       vue.renderSlot(_ctx.$slots, "start", { state: $options.currentState })
                     ]))
                   : vue.createCommentVNode("", true),
-                (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.templateItems, (item) => {
-                  return (vue.openBlock(), vue.createBlock(vue.Fragment, { key: item }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.templateItems, (item) => {
+                  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
                     (item === 'FirstPageLink')
                       ? (vue.openBlock(), vue.createBlock(_component_FirstPageLink, {
                           key: 0,
-                          onClick: _cache[1] || (_cache[1] = $event => ($options.changePageToFirst($event))),
+                          onClick: _cache[0] || (_cache[0] = $event => ($options.changePageToFirst($event))),
                           disabled: $options.isFirstPage || $options.empty
                         }, null, 8, ["disabled"]))
                       : (item === 'PrevPageLink')
                         ? (vue.openBlock(), vue.createBlock(_component_PrevPageLink, {
                             key: 1,
-                            onClick: _cache[2] || (_cache[2] = $event => ($options.changePageToPrev($event))),
+                            onClick: _cache[1] || (_cache[1] = $event => ($options.changePageToPrev($event))),
                             disabled: $options.isFirstPage || $options.empty
                           }, null, 8, ["disabled"]))
                         : (item === 'NextPageLink')
                           ? (vue.openBlock(), vue.createBlock(_component_NextPageLink, {
                               key: 2,
-                              onClick: _cache[3] || (_cache[3] = $event => ($options.changePageToNext($event))),
+                              onClick: _cache[2] || (_cache[2] = $event => ($options.changePageToNext($event))),
                               disabled: $options.isLastPage || $options.empty
                             }, null, 8, ["disabled"]))
                           : (item === 'LastPageLink')
                             ? (vue.openBlock(), vue.createBlock(_component_LastPageLink, {
                                 key: 3,
-                                onClick: _cache[4] || (_cache[4] = $event => ($options.changePageToLast($event))),
+                                onClick: _cache[3] || (_cache[3] = $event => ($options.changePageToLast($event))),
                                 disabled: $options.isLastPage || $options.empty
                               }, null, 8, ["disabled"]))
                             : (item === 'PageLinks')
@@ -594,7 +599,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                                   key: 4,
                                   value: $options.pageLinks,
                                   page: $options.page,
-                                  onClick: _cache[5] || (_cache[5] = $event => ($options.changePageLink($event)))
+                                  onClick: _cache[4] || (_cache[4] = $event => ($options.changePageLink($event)))
                                 }, null, 8, ["value", "page"]))
                               : (item === 'CurrentPageReport')
                                 ? (vue.openBlock(), vue.createBlock(_component_CurrentPageReport, {
@@ -612,7 +617,7 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                                       key: 6,
                                       rows: $data.d_rows,
                                       options: $props.rowsPerPageOptions,
-                                      onRowsChange: _cache[6] || (_cache[6] = $event => ($options.onRowChange($event))),
+                                      onRowsChange: _cache[5] || (_cache[5] = $event => ($options.onRowChange($event))),
                                       disabled: $options.empty
                                     }, null, 8, ["rows", "options", "disabled"]))
                                   : (item === 'JumpToPageDropdown')
@@ -620,21 +625,21 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                                         key: 7,
                                         page: $options.page,
                                         pageCount: $options.pageCount,
-                                        onPageChange: _cache[7] || (_cache[7] = $event => ($options.changePage($event))),
+                                        onPageChange: _cache[6] || (_cache[6] = $event => ($options.changePage($event))),
                                         disabled: $options.empty
                                       }, null, 8, ["page", "pageCount", "disabled"]))
                                     : (item === 'JumpToPageInput')
                                       ? (vue.openBlock(), vue.createBlock(_component_JumpToPageInput, {
                                           key: 8,
                                           page: $options.currentPage,
-                                          onPageChange: _cache[8] || (_cache[8] = $event => ($options.changePage($event))),
+                                          onPageChange: _cache[7] || (_cache[7] = $event => ($options.changePage($event))),
                                           disabled: $options.empty
                                         }, null, 8, ["page", "disabled"]))
                                       : vue.createCommentVNode("", true)
                   ], 64))
                 }), 128)),
                 (_ctx.$slots.end)
-                  ? (vue.openBlock(), vue.createBlock("div", _hoisted_3, [
+                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                       vue.renderSlot(_ctx.$slots, "end", { state: $options.currentState })
                     ]))
                   : vue.createCommentVNode("", true)
@@ -676,4 +681,4 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
 
         return script;
 
-}(Vue, primevue.ripple, primevue.dropdown, primevue.inputnumber));
+})(Vue, primevue.ripple, primevue.dropdown, primevue.inputnumber);