primevue 3.16.0 → 3.17.0

package/paginator/Paginator.vue

@@ -1,26 +1,23 @@
 <template>
-	<div class="p-paginator p-component" v-if="alwaysShow ? true : (pageLinks && pageLinks.length > 1)">
-        <div class="p-paginator-left-content" v-if="$slots.start">
+    <div v-if="alwaysShow ? true : pageLinks && pageLinks.length > 1" class="p-paginator p-component">
+        <div v-if="$slots.start" class="p-paginator-left-content">
             <slot name="start" :state="currentState"></slot>
         </div>
-		<template v-for="item of templateItems" :key="item">
-			<FirstPageLink v-if="item === 'FirstPageLink'" @click="changePageToFirst($event)" :disabled="isFirstPage || empty" />
-			<PrevPageLink v-else-if="item === 'PrevPageLink'" @click="changePageToPrev($event)" :disabled="isFirstPage || empty" />
-			<NextPageLink v-else-if="item === 'NextPageLink'" @click="changePageToNext($event)" :disabled="isLastPage || empty" />
-			<LastPageLink v-else-if="item === 'LastPageLink'" @click="changePageToLast($event)" :disabled="isLastPage || empty" />
-			<PageLinks v-else-if="item === 'PageLinks'" :value="pageLinks" :page="page" @click="changePageLink($event)" />
-			<CurrentPageReport v-else-if="item === 'CurrentPageReport'" :template="currentPageReportTemplate" :currentPage="currentPage"
-                :page="page" :pageCount="pageCount" :first="d_first" :rows="d_rows" :totalRecords="totalRecords" />
-			<RowsPerPageDropdown v-else-if="item === 'RowsPerPageDropdown' && rowsPerPageOptions" :rows="d_rows"
-                :options="rowsPerPageOptions" @rows-change="onRowChange($event)" :disabled="empty"/>
-            <JumpToPageDropdown v-else-if="item === 'JumpToPageDropdown'" :page="page" :pageCount="pageCount"
-                @page-change="changePage($event)" :disabled="empty"/>
-            <JumpToPageInput v-else-if="item === 'JumpToPageInput'" :page="currentPage" @page-change="changePage($event)" :disabled="empty"/>
+        <template v-for="item of templateItems" :key="item">
+            <FirstPageLink v-if="item === 'FirstPageLink'" @click="changePageToFirst($event)" :disabled="isFirstPage || empty" />
+            <PrevPageLink v-else-if="item === 'PrevPageLink'" @click="changePageToPrev($event)" :disabled="isFirstPage || empty" />
+            <NextPageLink v-else-if="item === 'NextPageLink'" @click="changePageToNext($event)" :disabled="isLastPage || empty" />
+            <LastPageLink v-else-if="item === 'LastPageLink'" @click="changePageToLast($event)" :disabled="isLastPage || empty" />
+            <PageLinks v-else-if="item === 'PageLinks'" :value="pageLinks" :page="page" @click="changePageLink($event)" />
+            <CurrentPageReport v-else-if="item === 'CurrentPageReport'" :template="currentPageReportTemplate" :currentPage="currentPage" :page="page" :pageCount="pageCount" :first="d_first" :rows="d_rows" :totalRecords="totalRecords" />
+            <RowsPerPageDropdown v-else-if="item === 'RowsPerPageDropdown' && rowsPerPageOptions" :rows="d_rows" :options="rowsPerPageOptions" @rows-change="onRowChange($event)" :disabled="empty" />
+            <JumpToPageDropdown v-else-if="item === 'JumpToPageDropdown'" :page="page" :pageCount="pageCount" @page-change="changePage($event)" :disabled="empty" />
+            <JumpToPageInput v-else-if="item === 'JumpToPageInput'" :page="currentPage" @page-change="changePage($event)" :disabled="empty" />
         </template>
-        <div class="p-paginator-right-content" v-if="$slots.end">
+        <div v-if="$slots.end" class="p-paginator-right-content">
             <slot name="end" :state="currentState"></slot>
         </div>
-	</div>
+    </div>
 </template>
 
 <script>
@@ -75,7 +72,7 @@ export default {
         return {
             d_first: this.first,
             d_rows: this.rows
-        }
+        };
     },
     watch: {
         first(newValue) {
@@ -85,7 +82,7 @@ export default {
             this.d_rows = newValue;
         },
         totalRecords(newValue) {
-            if (this.page > 0 && newValue && (this.d_first >= newValue)) {
+            if (this.page > 0 && newValue && this.d_first >= newValue) {
                 this.changePage(this.pageCount - 1);
             }
         }
@@ -103,13 +100,13 @@ export default {
                     pageCount: pc
                 };
 
-				this.$emit('update:first', this.d_first);
+                this.$emit('update:first', this.d_first);
                 this.$emit('update:rows', this.d_rows);
                 this.$emit('page', state);
             }
         },
         changePageToFirst(event) {
-            if(!this.isFirstPage) {
+            if (!this.isFirstPage) {
                 this.changePage(0);
             }
 
@@ -124,11 +121,11 @@ export default {
             event.originalEvent.preventDefault();
         },
         changePageToNext(event) {
-            this.changePage(this.page  + 1);
+            this.changePage(this.page + 1);
             event.preventDefault();
         },
         changePageToLast(event) {
-            if(!this.isLastPage) {
+            if (!this.isLastPage) {
                 this.changePage(this.pageCount - 1);
             }
 
@@ -142,9 +139,11 @@ export default {
     computed: {
         templateItems() {
             let keys = [];
+
             this.template.split(' ').map((value) => {
                 keys.push(value.trim());
-            })
+            });
+
             return keys;
         },
         page() {
@@ -164,11 +163,12 @@ export default {
             const visiblePages = Math.min(this.pageLinkSize, numberOfPages);
 
             //calculate range, keep current in middle if necessary
-            let start = Math.max(0, Math.ceil(this.page - ((visiblePages) / 2)));
+            let start = Math.max(0, Math.ceil(this.page - visiblePages / 2));
             let end = Math.min(numberOfPages - 1, start + visiblePages - 1);
 
             //check when approaching to last page
             const delta = this.pageLinkSize - (end - start + 1);
+
             start = Math.max(0, start - delta);
 
             return [start, end];
@@ -179,7 +179,7 @@ export default {
             let start = boundaries[0];
             let end = boundaries[1];
 
-            for(var i = start; i <= end; i++) {
+            for (var i = start; i <= end; i++) {
                 pageLinks.push(i + 1);
             }
 
@@ -190,7 +190,7 @@ export default {
                 page: this.page,
                 first: this.d_first,
                 rows: this.d_rows
-            }
+            };
         },
         empty() {
             return this.pageCount === 0;
@@ -200,17 +200,17 @@ export default {
         }
     },
     components: {
-        'CurrentPageReport': CurrrentPageReport,
-        'FirstPageLink': FirstPageLink,
-        'LastPageLink': LastPageLink,
-        'NextPageLink': NextPageLink,
-        'PageLinks': PageLinks,
-        'PrevPageLink': PrevPageLink,
-        'RowsPerPageDropdown': RowsPerPageDropdown,
-        'JumpToPageDropdown': JumpToPageDropdown,
-        'JumpToPageInput': JumpToPageInput
+        CurrentPageReport: CurrrentPageReport,
+        FirstPageLink: FirstPageLink,
+        LastPageLink: LastPageLink,
+        NextPageLink: NextPageLink,
+        PageLinks: PageLinks,
+        PrevPageLink: PrevPageLink,
+        RowsPerPageDropdown: RowsPerPageDropdown,
+        JumpToPageDropdown: JumpToPageDropdown,
+        JumpToPageInput: JumpToPageInput
     }
-}
+};
 </script>
 
 <style lang="css">
@@ -222,11 +222,11 @@ export default {
 }
 
 .p-paginator-left-content {
-	margin-right: auto;
+    margin-right: auto;
 }
 
 .p-paginator-right-content {
-	margin-left: auto;
+    margin-left: auto;
 }
 
 .p-paginator-page,

package/paginator/PrevPageLink.vue

@@ -1,7 +1,7 @@
 <template>
-	<button :class="containerClass" type="button" v-ripple>
-		<span class="p-paginator-icon pi pi-angle-left"></span>
-	</button>
+    <button v-ripple :class="containerClass" type="button">
+        <span class="p-paginator-icon pi pi-angle-left"></span>
+    </button>
 </template>
 
 <script>
@@ -11,13 +11,16 @@ export default {
     name: 'PrevPageLink',
     computed: {
         containerClass() {
-            return ['p-paginator-prev p-paginator-element p-link', {
-                'p-disabled': this.$attrs.disabled
-            }];
+            return [
+                'p-paginator-prev p-paginator-element p-link',
+                {
+                    'p-disabled': this.$attrs.disabled
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
-}
+};
 </script>

package/paginator/RowsPerPageDropdown.vue

@@ -1,6 +1,5 @@
 <template>
-	<RPPDropdown :modelValue="rows" :options="rowsOptions" optionLabel="label" optionValue="value"
-        @update:modelValue="onChange($event)" class="p-paginator-rpp-options" :disabled="disabled"></RPPDropdown>
+    <RPPDropdown :modelValue="rows" :options="rowsOptions" optionLabel="label" optionValue="value" @update:modelValue="onChange($event)" class="p-paginator-rpp-options" :disabled="disabled"></RPPDropdown>
 </template>
 
 <script>
@@ -23,16 +22,18 @@ export default {
     computed: {
         rowsOptions() {
             let opts = [];
+
             if (this.options) {
-                for(let i= 0; i < this.options.length; i++) {
-                    opts.push({label: String(this.options[i]), value: this.options[i]})
+                for (let i = 0; i < this.options.length; i++) {
+                    opts.push({ label: String(this.options[i]), value: this.options[i] });
                 }
             }
+
             return opts;
         }
     },
     components: {
-        'RPPDropdown': Dropdown
+        RPPDropdown: Dropdown
     }
-}
+};
 </script>

package/paginator/paginator.cjs.js

@@ -12,52 +12,52 @@ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(InputNumber);
 
 var script$9 = {
-        name: 'CurrentPageReport',
-		inheritAttrs: false,
-		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() {
-                let text = 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);
-
-                return text;
-            }
-		}
-	};
+    name: 'CurrentPageReport',
+    inheritAttrs: false,
+    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() {
+            let text = 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);
+
+            return text;
+        }
+    }
+};
 
 const _hoisted_1$6 = { class: "p-paginator-current" };
 
@@ -71,13 +71,16 @@ var script$8 = {
     name: 'FirstPageLink',
     computed: {
         containerClass() {
-            return ['p-paginator-first p-paginator-element p-link', {
-                'p-disabled': this.$attrs.disabled
-            }];
+            return [
+                'p-paginator-first p-paginator-element p-link',
+                {
+                    'p-disabled': this.$attrs.disabled
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -103,13 +106,16 @@ var script$7 = {
     name: 'LastPageLink',
     computed: {
         containerClass() {
-            return ['p-paginator-last p-paginator-element p-link', {
-                'p-disabled': this.$attrs.disabled
-            }];
+            return [
+                'p-paginator-last p-paginator-element p-link',
+                {
+                    'p-disabled': this.$attrs.disabled
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -135,13 +141,16 @@ var script$6 = {
     name: 'NextPageLink',
     computed: {
         containerClass() {
-            return ['p-paginator-next p-paginator-element p-link', {
-                'p-disabled': this.$attrs.disabled
-            }];
+            return [
+                'p-paginator-next p-paginator-element p-link',
+                {
+                    'p-disabled': this.$attrs.disabled
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -180,7 +189,7 @@ var script$5 = {
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -194,7 +203,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (pageLink) => {
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
         key: pageLink,
-        class: vue.normalizeClass(['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))
       }, [
@@ -212,13 +221,16 @@ var script$4 = {
     name: 'PrevPageLink',
     computed: {
         containerClass() {
-            return ['p-paginator-prev p-paginator-element p-link', {
-                'p-disabled': this.$attrs.disabled
-            }];
+            return [
+                'p-paginator-prev p-paginator-element p-link',
+                {
+                    'p-disabled': this.$attrs.disabled
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -257,16 +269,18 @@ var script$3 = {
     computed: {
         rowsOptions() {
             let opts = [];
+
             if (this.options) {
-                for(let i= 0; i < this.options.length; i++) {
-                    opts.push({label: String(this.options[i]), value: this.options[i]});
+                for (let i = 0; i < this.options.length; i++) {
+                    opts.push({ label: String(this.options[i]), value: this.options[i] });
                 }
             }
+
             return opts;
         }
     },
     components: {
-        'RPPDropdown': Dropdown__default["default"]
+        RPPDropdown: Dropdown__default["default"]
     }
 };
 
@@ -303,14 +317,16 @@ var script$2 = {
     computed: {
         pageOptions() {
             let opts = [];
-            for(let i= 0; i < this.pageCount; i++) {
-                opts.push({label: String(i+1), value: i});
+
+            for (let i = 0; i < this.pageCount; i++) {
+                opts.push({ label: String(i + 1), value: i });
             }
+
             return opts;
         }
     },
     components: {
-        'JTPDropdown': Dropdown__default["default"]
+        JTPDropdown: Dropdown__default["default"]
     }
 };
 
@@ -345,7 +361,7 @@ var script$1 = {
         }
     },
     components: {
-        'JTPInput': InputNumber__default["default"]
+        JTPInput: InputNumber__default["default"]
     }
 };
 
@@ -403,7 +419,7 @@ var script = {
         return {
             d_first: this.first,
             d_rows: this.rows
-        }
+        };
     },
     watch: {
         first(newValue) {
@@ -413,7 +429,7 @@ var script = {
             this.d_rows = newValue;
         },
         totalRecords(newValue) {
-            if (this.page > 0 && newValue && (this.d_first >= newValue)) {
+            if (this.page > 0 && newValue && this.d_first >= newValue) {
                 this.changePage(this.pageCount - 1);
             }
         }
@@ -431,13 +447,13 @@ var script = {
                     pageCount: pc
                 };
 
-				this.$emit('update:first', this.d_first);
+                this.$emit('update:first', this.d_first);
                 this.$emit('update:rows', this.d_rows);
                 this.$emit('page', state);
             }
         },
         changePageToFirst(event) {
-            if(!this.isFirstPage) {
+            if (!this.isFirstPage) {
                 this.changePage(0);
             }
 
@@ -452,11 +468,11 @@ var script = {
             event.originalEvent.preventDefault();
         },
         changePageToNext(event) {
-            this.changePage(this.page  + 1);
+            this.changePage(this.page + 1);
             event.preventDefault();
         },
         changePageToLast(event) {
-            if(!this.isLastPage) {
+            if (!this.isLastPage) {
                 this.changePage(this.pageCount - 1);
             }
 
@@ -470,9 +486,11 @@ var script = {
     computed: {
         templateItems() {
             let keys = [];
+
             this.template.split(' ').map((value) => {
                 keys.push(value.trim());
             });
+
             return keys;
         },
         page() {
@@ -492,11 +510,12 @@ var script = {
             const visiblePages = Math.min(this.pageLinkSize, numberOfPages);
 
             //calculate range, keep current in middle if necessary
-            let start = Math.max(0, Math.ceil(this.page - ((visiblePages) / 2)));
+            let start = Math.max(0, Math.ceil(this.page - visiblePages / 2));
             let end = Math.min(numberOfPages - 1, start + visiblePages - 1);
 
             //check when approaching to last page
             const delta = this.pageLinkSize - (end - start + 1);
+
             start = Math.max(0, start - delta);
 
             return [start, end];
@@ -507,7 +526,7 @@ var script = {
             let start = boundaries[0];
             let end = boundaries[1];
 
-            for(var i = start; i <= end; i++) {
+            for (var i = start; i <= end; i++) {
                 pageLinks.push(i + 1);
             }
 
@@ -518,7 +537,7 @@ var script = {
                 page: this.page,
                 first: this.d_first,
                 rows: this.d_rows
-            }
+            };
         },
         empty() {
             return this.pageCount === 0;
@@ -528,15 +547,15 @@ var script = {
         }
     },
     components: {
-        'CurrentPageReport': script$9,
-        'FirstPageLink': script$8,
-        'LastPageLink': script$7,
-        'NextPageLink': script$6,
-        'PageLinks': script$5,
-        'PrevPageLink': script$4,
-        'RowsPerPageDropdown': script$3,
-        'JumpToPageDropdown': script$2,
-        'JumpToPageInput': script$1
+        CurrentPageReport: script$9,
+        FirstPageLink: script$8,
+        LastPageLink: script$7,
+        NextPageLink: script$6,
+        PageLinks: script$5,
+        PrevPageLink: script$4,
+        RowsPerPageDropdown: script$3,
+        JumpToPageDropdown: script$2,
+        JumpToPageInput: script$1
     }
 };
 
@@ -564,7 +583,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_JumpToPageDropdown = vue.resolveComponent("JumpToPageDropdown");
   const _component_JumpToPageInput = vue.resolveComponent("JumpToPageInput");
 
-  return ($props.alwaysShow ? true : ($options.pageLinks && $options.pageLinks.length > 1))
+  return ($props.alwaysShow ? true : $options.pageLinks && $options.pageLinks.length > 1)
     ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         (_ctx.$slots.start)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
@@ -677,7 +696,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\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";
+var css_248z = "\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    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: -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";
 styleInject(css_248z);
 
 script.render = render;