primevue 3.8.2 → 3.11.0

package/dataview/DataView.d.ts

@@ -1,42 +1,208 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface DataViewProps {
-    value?: any[];
-    layout?: string;
-    rows?: number;
-    first?: number;
-    totalRecords?: number;
-    paginator?: boolean;
-    paginatorPosition?: string;
-    alwaysShowPaginator?: boolean;
-    paginatorTemplate?: string;
-    pageLinkSize?: number;
-    rowsPerPageOptions?: number[];
-    currentPageReportTemplate?: string;
-    sortField?: string | ((item: any) => any);
-    sortOrder?: number;
-    lazy?: boolean;
+type DataViewLayoutType = 'list' | 'grid' | undefined;
+
+type DataTablePositionType = 'top' | 'bottom' | 'both' | undefined;
+
+type DataViewSortFieldType = string | ((item: any) => string) | undefined;
+
+export interface DataViewPageEvent {
+    /**
+     * New page number
+     */
+    page: number;
+    /**
+     * Index of first record
+     */
+    first: number;
+    /**
+     * Number of rows to display in new page
+     */
+    rows: number;
+    /**
+     * Total number of pages
+     */
+    pageCount: number;
+}
+
+export interface DataViewProps {
+    /**
+     * An array of objects to display.
+     */
+    value?: any[] | undefined;
+    /**
+     * Layout of the items, valid values are 'list' and 'grid'.
+     * @see DataViewLayoutType
+     * Default value is 'list'.
+     */
+    layout?: DataViewLayoutType;
+    /**
+     * Number of rows to display per page.
+     * Default value is 0.
+     */
+    rows?: number | undefined;
+    /**
+     * Index of the first record to render.
+     * Default value is 0.
+     */
+    first?: number | undefined;
+    /**
+     * Number of total records, defaults to length of value when not defined.
+     */
+    totalRecords?: number | undefined;
+    /**
+     * When specified as true, enables the pagination.
+     */
+    paginator?: boolean | undefined;
+    /**
+     * Position of the paginator, options are 'top','bottom' or 'both'.
+     * @see DataTablePositionType
+     * Default value is 'bottom'.
+     */
+    paginatorPosition?: DataTablePositionType;
+    /**
+     * Whether to show it even there is only one page.
+     * Default value is true.
+     */
+    alwaysShowPaginator?: boolean | undefined;
+    /**
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
+     *
+     * - FirstPageLink
+     * - PrevPageLink
+     * - PageLinks
+     * - NextPageLink
+     * - LastPageLink
+     * - RowsPerPageDropdown
+     * - JumpToPageDropdown
+     * - JumpToPageInput
+     * - CurrentPageReport
+     */
+    paginatorTemplate?: string | undefined;
+    /**
+     * Number of page links to display.
+     * Default value is 5.
+     */
+    pageLinkSize?: number | undefined;
+    /**
+     * Array of integer values to display inside rows per page dropdown.
+     */
+    rowsPerPageOptions?: number[] | undefined;
+    /**
+     * Template of the current page report element. It displays information about the pagination state. Default value is ({currentPage} of {totalPages}) whereas available placeholders are the following;
+     *
+     * - {currentPage}
+     * - {totalPages}
+     * - {rows}
+     * - {first}
+     * - {last}
+     * - {totalRecords}
+     */
+    currentPageReportTemplate?: string | undefined;
+    /**
+     * Property name or a getter function of data to use in sorting by default.
+     * @see DataViewSortFieldType
+     */
+    sortField?: DataViewSortFieldType;
+    /**
+     * Order to sort the data by default.
+     */
+    sortOrder?: number | undefined;
+    /**
+     * Defines if data is loaded and interacted with in lazy manner.
+     */
+    lazy?: boolean | undefined;
+}
+
+export interface DataViewSlots {
+    /**
+     * Custom header template.
+     */
+    header: () => VNode[];
+    /**
+     * Custom footer template.
+     */
+    footer: () => VNode[];
+     /**
+     * Custom empty template.
+     */
+    empty: () => VNode[];
+    /**
+     * Custom paginator start template.
+     */
+    paginatorstart: () => VNode[];
+     /**
+     * Custom paginator end template.
+     */
+    paginatorend: () => VNode[];
+    /**
+     * Custom list template.
+     * @param {Object} scope - list slot's params.
+     */
+    list: (scope: {
+        /**
+         * Value of the component
+         */
+        data: any;
+        /**
+         * Index of the grid
+         */
+        index: number;
+    }) => VNode[];
+    /**
+     * Custom list template.
+     * @param {Object} scope - list slot's params.
+     */
+    grid: (scope: {
+        /**
+         * Value of the component
+         */
+        data: any;
+        /**
+         * Index of the grid
+         */
+        index: number;
+    }) => VNode[];
 }
 
-interface DataViewSlotInterface {
-    data: any;
-    index: number;
+export declare type DataViewEmits = {
+    /**
+     * Emitted when the first changes.
+     * @param {number} value - New value.
+     */
+    'update:first': (value: number) => void;
+     /**
+     * Emitted when the rows changes.
+     * @param {number} value - New value.
+     */
+    'update:rows': (value: number) => void;
+    /**
+     * Callback to invoke when page changes, the event object contains information about the new state.
+     * @param {DataViewPageEvent} event - Custom page event.
+     */
+    'page': (event: DataViewPageEvent) => void;
 }
 
-declare class DataView {
-    $props: DataViewProps;
-    $emit(eventName: 'update:first', value: number): this;
-    $emit(eventName: 'update:rows', value: number): this;
-    $emit(eventName: 'page', event: Event): this;
-    $slots: {
-        header: VNode[];
-        paginatorLeft: VNode[];
-        paginatorRight: VNode[];
-        list: DataViewSlotInterface;
-        grid: DataViewSlotInterface;
-        empty: VNode[];
-        footer: VNode[];
+declare class DataView extends ClassComponent<DataViewProps, DataViewSlots, DataViewEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        DataView: GlobalComponentConstructor<DataView>
     }
 }
 
+/**
+ *
+ * DataView displays data in grid or list layout with pagination and sorting features.
+ *
+ * Helper API:
+ *
+ * - PrimeFlex
+ *
+ * Demos:
+ *
+ * - [DataView](https://www.primefaces.org/primevue/showcase/#/dataview)
+ *
+ */
 export default DataView;

package/dataview/DataView.vue

@@ -5,11 +5,11 @@
 		</div>
 		<DVPaginator v-if="paginatorTop" :rows="d_rows" :first="d_first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions"
 					:currentPageReportTemplate="currentPageReportTemplate" :class="{'p-paginator-top': paginatorTop}" :alwaysShow="alwaysShowPaginator" @page="onPage($event)">
-			<template #left v-if="$slots.paginatorLeft">
-				<slot name="paginatorLeft"></slot>
+			<template #start v-if="$slots.paginatorstart">
+				<slot name="paginatorstart"></slot>
 			</template>
-			<template #right v-if="$slots.paginatorRight">
-				<slot name="paginatorRight"></slot>
+			<template #end v-if="$slots.paginatorend">
+				<slot name="paginatorend"></slot>
 			</template>
 		</DVPaginator>
 		<div class="p-dataview-content">
@@ -27,11 +27,11 @@
 		</div>
 		<DVPaginator v-if="paginatorBottom" :rows="d_rows" :first="d_first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions"
 					:currentPageReportTemplate="currentPageReportTemplate" :class="{'p-paginator-bottom': paginatorBottom}" :alwaysShow="alwaysShowPaginator" @page="onPage($event)">
-			<template #left v-if="$slots.paginatorLeft">
-				<slot name="paginatorLeft"></slot>
+			<template #start v-if="$slots.paginatorstart">
+				<slot name="paginatorstart"></slot>
 			</template>
-			<template #right v-if="$slots.paginatorRight">
-				<slot name="paginatorRight"></slot>
+			<template #end v-if="$slots.paginatorend">
+				<slot name="paginatorend"></slot>
 			</template>
 		</DVPaginator>
 		<div class="p-dataview-footer" v-if="$slots.footer">

package/dataview/dataview.cjs.js

@@ -182,7 +182,7 @@ var script = {
         }
     },
     components: {
-        'DVPaginator': Paginator__default['default']
+        'DVPaginator': Paginator__default["default"]
     }
 };
 
@@ -225,19 +225,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
         }, vue.createSlots({ _: 2 }, [
-          (_ctx.$slots.paginatorLeft)
+          (_ctx.$slots.paginatorstart)
             ? {
-                name: "left",
+                name: "start",
                 fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "paginatorLeft")
+                  vue.renderSlot(_ctx.$slots, "paginatorstart")
                 ])
               }
             : undefined,
-          (_ctx.$slots.paginatorRight)
+          (_ctx.$slots.paginatorend)
             ? {
-                name: "right",
+                name: "end",
                 fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "paginatorRight")
+                  vue.renderSlot(_ctx.$slots, "paginatorend")
                 ])
               }
             : undefined
@@ -286,19 +286,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[2] || (_cache[2] = $event => ($options.onPage($event)))
         }, vue.createSlots({ _: 2 }, [
-          (_ctx.$slots.paginatorLeft)
+          (_ctx.$slots.paginatorstart)
             ? {
-                name: "left",
+                name: "start",
                 fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "paginatorLeft")
+                  vue.renderSlot(_ctx.$slots, "paginatorstart")
                 ])
               }
             : undefined,
-          (_ctx.$slots.paginatorRight)
+          (_ctx.$slots.paginatorend)
             ? {
-                name: "right",
+                name: "end",
                 fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "paginatorRight")
+                  vue.renderSlot(_ctx.$slots, "paginatorend")
                 ])
               }
             : undefined

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/utils"),e=require("primevue/paginator"),o=require("vue");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,o)=>{let a=t.ObjectUtils.resolveFieldData(e,this.sortField),r=t.ObjectUtils.resolveFieldData(o,this.sortField),s=null;return s=null==a&&null!=r?-1:null!=a&&null==r?1:null==a&&null==r?0:"string"==typeof a&&"string"==typeof r?a.localeCompare(r,void 0,{numeric:!0}):a<r?-1:a>r?1:0,this.sortOrder*s})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:a(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},l={class:"p-grid p-nogutter grid grid-nogutter"},n={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};r.render=function(t,e,a,r,g,u){const c=o.resolveComponent("DVPaginator");return o.openBlock(),o.createBlock("div",{class:u.containerClass},[t.$slots.header?(o.openBlock(),o.createBlock("div",s,[o.renderSlot(t.$slots,"header")])):o.createCommentVNode("",!0),u.paginatorTop?(o.openBlock(),o.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:a.pageLinkSize,template:a.paginatorTemplate,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,class:{"p-paginator-top":u.paginatorTop},alwaysShow:a.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},o.createSlots({_:2},[t.$slots.paginatorLeft?{name:"left",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorLeft")]))}:void 0,t.$slots.paginatorRight?{name:"right",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorRight")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):o.createCommentVNode("",!0),o.createVNode("div",i,[o.createVNode("div",l,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(u.items,((e,r)=>(o.openBlock(),o.createBlock(o.Fragment,null,[t.$slots.list&&"list"===a.layout?o.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):o.createCommentVNode("",!0),t.$slots.grid&&"grid"===a.layout?o.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):o.createCommentVNode("",!0)],64)))),256)),u.empty?(o.openBlock(),o.createBlock("div",n,[o.createVNode("div",p,[o.renderSlot(t.$slots,"empty")])])):o.createCommentVNode("",!0)])]),u.paginatorBottom?(o.openBlock(),o.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:a.pageLinkSize,template:a.paginatorTemplate,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,class:{"p-paginator-bottom":u.paginatorBottom},alwaysShow:a.alwaysShowPaginator,onPage:e[2]||(e[2]=t=>u.onPage(t))},o.createSlots({_:2},[t.$slots.paginatorLeft?{name:"left",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorLeft")]))}:void 0,t.$slots.paginatorRight?{name:"right",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorRight")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):o.createCommentVNode("",!0),t.$slots.footer?(o.openBlock(),o.createBlock("div",d,[o.renderSlot(t.$slots,"footer")])):o.createCommentVNode("",!0)],2)},module.exports=r;
+"use strict";var t=require("primevue/utils"),e=require("primevue/paginator"),a=require("vue");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,a)=>{let o=t.ObjectUtils.resolveFieldData(e,this.sortField),r=t.ObjectUtils.resolveFieldData(a,this.sortField),s=null;return s=null==o&&null!=r?-1:null!=o&&null==r?1:null==o&&null==r?0:"string"==typeof o&&"string"==typeof r?o.localeCompare(r,void 0,{numeric:!0}):o<r?-1:o>r?1:0,this.sortOrder*s})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:o(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},l={class:"p-grid p-nogutter grid grid-nogutter"},n={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};r.render=function(t,e,o,r,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createBlock("div",{class:u.containerClass},[t.$slots.header?(a.openBlock(),a.createBlock("div",s,[a.renderSlot(t.$slots,"header")])):a.createCommentVNode("",!0),u.paginatorTop?(a.openBlock(),a.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:o.pageLinkSize,template:o.paginatorTemplate,rowsPerPageOptions:o.rowsPerPageOptions,currentPageReportTemplate:o.currentPageReportTemplate,class:{"p-paginator-top":u.paginatorTop},alwaysShow:o.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),a.createVNode("div",i,[a.createVNode("div",l,[(a.openBlock(!0),a.createBlock(a.Fragment,null,a.renderList(u.items,((e,r)=>(a.openBlock(),a.createBlock(a.Fragment,null,[t.$slots.list&&"list"===o.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===o.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):a.createCommentVNode("",!0)],64)))),256)),u.empty?(a.openBlock(),a.createBlock("div",n,[a.createVNode("div",p,[a.renderSlot(t.$slots,"empty")])])):a.createCommentVNode("",!0)])]),u.paginatorBottom?(a.openBlock(),a.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:o.pageLinkSize,template:o.paginatorTemplate,rowsPerPageOptions:o.rowsPerPageOptions,currentPageReportTemplate:o.currentPageReportTemplate,class:{"p-paginator-bottom":u.paginatorBottom},alwaysShow:o.alwaysShowPaginator,onPage:e[2]||(e[2]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},module.exports=r;

package/dataview/dataview.esm.js

@@ -219,19 +219,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
         }, createSlots({ _: 2 }, [
-          (_ctx.$slots.paginatorLeft)
+          (_ctx.$slots.paginatorstart)
             ? {
-                name: "left",
+                name: "start",
                 fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorLeft")
+                  renderSlot(_ctx.$slots, "paginatorstart")
                 ])
               }
             : undefined,
-          (_ctx.$slots.paginatorRight)
+          (_ctx.$slots.paginatorend)
             ? {
-                name: "right",
+                name: "end",
                 fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorRight")
+                  renderSlot(_ctx.$slots, "paginatorend")
                 ])
               }
             : undefined
@@ -280,19 +280,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[2] || (_cache[2] = $event => ($options.onPage($event)))
         }, createSlots({ _: 2 }, [
-          (_ctx.$slots.paginatorLeft)
+          (_ctx.$slots.paginatorstart)
             ? {
-                name: "left",
+                name: "start",
                 fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorLeft")
+                  renderSlot(_ctx.$slots, "paginatorstart")
                 ])
               }
             : undefined,
-          (_ctx.$slots.paginatorRight)
+          (_ctx.$slots.paginatorend)
             ? {
-                name: "right",
+                name: "end",
                 fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorRight")
+                  renderSlot(_ctx.$slots, "paginatorend")
                 ])
               }
             : undefined
@@ -308,4 +308,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/dataview/dataview.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as t}from"primevue/utils";import e from"primevue/paginator";import{resolveComponent as a,openBlock as o,createBlock as r,renderSlot as s,createCommentVNode as i,createSlots as l,withCtx as n,createVNode as p,Fragment as g,renderList as d}from"vue";var u={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,a)=>{let o=t.resolveFieldData(e,this.sortField),r=t.resolveFieldData(a,this.sortField),s=null;return s=null==o&&null!=r?-1:null!=o&&null==r?1:null==o&&null==r?0:"string"==typeof o&&"string"==typeof r?o.localeCompare(r,void 0,{numeric:!0}):o<r?-1:o>r?1:0,this.sortOrder*s})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:e}};const h={key:0,class:"p-dataview-header"},f={class:"p-dataview-content"},m={class:"p-grid p-nogutter grid grid-nogutter"},w={key:0,class:"p-col col"},P={class:"p-dataview-emptymessage"},c={key:3,class:"p-dataview-footer"};u.render=function(t,e,u,y,v,R){const $=a("DVPaginator");return o(),r("div",{class:R.containerClass},[t.$slots.header?(o(),r("div",h,[s(t.$slots,"header")])):i("",!0),R.paginatorTop?(o(),r($,{key:1,rows:v.d_rows,first:v.d_first,totalRecords:R.getTotalRecords,pageLinkSize:u.pageLinkSize,template:u.paginatorTemplate,rowsPerPageOptions:u.rowsPerPageOptions,currentPageReportTemplate:u.currentPageReportTemplate,class:{"p-paginator-top":R.paginatorTop},alwaysShow:u.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>R.onPage(t))},l({_:2},[t.$slots.paginatorLeft?{name:"left",fn:n((()=>[s(t.$slots,"paginatorLeft")]))}:void 0,t.$slots.paginatorRight?{name:"right",fn:n((()=>[s(t.$slots,"paginatorRight")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):i("",!0),p("div",f,[p("div",m,[(o(!0),r(g,null,d(R.items,((e,a)=>(o(),r(g,null,[t.$slots.list&&"list"===u.layout?s(t.$slots,"list",{key:0,data:e,index:a}):i("",!0),t.$slots.grid&&"grid"===u.layout?s(t.$slots,"grid",{key:1,data:e,index:a}):i("",!0)],64)))),256)),R.empty?(o(),r("div",w,[p("div",P,[s(t.$slots,"empty")])])):i("",!0)])]),R.paginatorBottom?(o(),r($,{key:2,rows:v.d_rows,first:v.d_first,totalRecords:R.getTotalRecords,pageLinkSize:u.pageLinkSize,template:u.paginatorTemplate,rowsPerPageOptions:u.rowsPerPageOptions,currentPageReportTemplate:u.currentPageReportTemplate,class:{"p-paginator-bottom":R.paginatorBottom},alwaysShow:u.alwaysShowPaginator,onPage:e[2]||(e[2]=t=>R.onPage(t))},l({_:2},[t.$slots.paginatorLeft?{name:"left",fn:n((()=>[s(t.$slots,"paginatorLeft")]))}:void 0,t.$slots.paginatorRight?{name:"right",fn:n((()=>[s(t.$slots,"paginatorRight")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):i("",!0),t.$slots.footer?(o(),r("div",c,[s(t.$slots,"footer")])):i("",!0)],2)};export default u;
+import{ObjectUtils as t}from"primevue/utils";import e from"primevue/paginator";import{resolveComponent as a,openBlock as s,createBlock as r,renderSlot as o,createCommentVNode as i,createSlots as l,withCtx as n,createVNode as p,Fragment as d,renderList as g}from"vue";var u={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,a)=>{let s=t.resolveFieldData(e,this.sortField),r=t.resolveFieldData(a,this.sortField),o=null;return o=null==s&&null!=r?-1:null!=s&&null==r?1:null==s&&null==r?0:"string"==typeof s&&"string"==typeof r?s.localeCompare(r,void 0,{numeric:!0}):s<r?-1:s>r?1:0,this.sortOrder*o})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:e}};const h={key:0,class:"p-dataview-header"},m={class:"p-dataview-content"},f={class:"p-grid p-nogutter grid grid-nogutter"},w={key:0,class:"p-col col"},P={class:"p-dataview-emptymessage"},c={key:3,class:"p-dataview-footer"};u.render=function(t,e,u,y,v,$){const k=a("DVPaginator");return s(),r("div",{class:$.containerClass},[t.$slots.header?(s(),r("div",h,[o(t.$slots,"header")])):i("",!0),$.paginatorTop?(s(),r(k,{key:1,rows:v.d_rows,first:v.d_first,totalRecords:$.getTotalRecords,pageLinkSize:u.pageLinkSize,template:u.paginatorTemplate,rowsPerPageOptions:u.rowsPerPageOptions,currentPageReportTemplate:u.currentPageReportTemplate,class:{"p-paginator-top":$.paginatorTop},alwaysShow:u.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>$.onPage(t))},l({_:2},[t.$slots.paginatorstart?{name:"start",fn:n((()=>[o(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:n((()=>[o(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):i("",!0),p("div",m,[p("div",f,[(s(!0),r(d,null,g($.items,((e,a)=>(s(),r(d,null,[t.$slots.list&&"list"===u.layout?o(t.$slots,"list",{key:0,data:e,index:a}):i("",!0),t.$slots.grid&&"grid"===u.layout?o(t.$slots,"grid",{key:1,data:e,index:a}):i("",!0)],64)))),256)),$.empty?(s(),r("div",w,[p("div",P,[o(t.$slots,"empty")])])):i("",!0)])]),$.paginatorBottom?(s(),r(k,{key:2,rows:v.d_rows,first:v.d_first,totalRecords:$.getTotalRecords,pageLinkSize:u.pageLinkSize,template:u.paginatorTemplate,rowsPerPageOptions:u.rowsPerPageOptions,currentPageReportTemplate:u.currentPageReportTemplate,class:{"p-paginator-bottom":$.paginatorBottom},alwaysShow:u.alwaysShowPaginator,onPage:e[2]||(e[2]=t=>$.onPage(t))},l({_:2},[t.$slots.paginatorstart?{name:"start",fn:n((()=>[o(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:n((()=>[o(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):i("",!0),t.$slots.footer?(s(),r("div",c,[o(t.$slots,"footer")])):i("",!0)],2)};export{u as default};

package/dataview/dataview.js

@@ -180,7 +180,7 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
             }
         },
         components: {
-            'DVPaginator': Paginator__default['default']
+            'DVPaginator': Paginator__default["default"]
         }
     };
 
@@ -223,19 +223,19 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               alwaysShow: $props.alwaysShowPaginator,
               onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
             }, vue.createSlots({ _: 2 }, [
-              (_ctx.$slots.paginatorLeft)
+              (_ctx.$slots.paginatorstart)
                 ? {
-                    name: "left",
+                    name: "start",
                     fn: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "paginatorLeft")
+                      vue.renderSlot(_ctx.$slots, "paginatorstart")
                     ])
                   }
                 : undefined,
-              (_ctx.$slots.paginatorRight)
+              (_ctx.$slots.paginatorend)
                 ? {
-                    name: "right",
+                    name: "end",
                     fn: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "paginatorRight")
+                      vue.renderSlot(_ctx.$slots, "paginatorend")
                     ])
                   }
                 : undefined
@@ -284,19 +284,19 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               alwaysShow: $props.alwaysShowPaginator,
               onPage: _cache[2] || (_cache[2] = $event => ($options.onPage($event)))
             }, vue.createSlots({ _: 2 }, [
-              (_ctx.$slots.paginatorLeft)
+              (_ctx.$slots.paginatorstart)
                 ? {
-                    name: "left",
+                    name: "start",
                     fn: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "paginatorLeft")
+                      vue.renderSlot(_ctx.$slots, "paginatorstart")
                     ])
                   }
                 : undefined,
-              (_ctx.$slots.paginatorRight)
+              (_ctx.$slots.paginatorend)
                 ? {
-                    name: "right",
+                    name: "end",
                     fn: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "paginatorRight")
+                      vue.renderSlot(_ctx.$slots, "paginatorend")
                     ])
                   }
                 : undefined
@@ -314,4 +314,4 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
 
     return script;
 
-}(primevue.utils, primevue.paginator, Vue));
+})(primevue.utils, primevue.paginator, Vue);

package/dataview/dataview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.dataview=function(t,e,o){"use strict";function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,o)=>{let a=t.ObjectUtils.resolveFieldData(e,this.sortField),r=t.ObjectUtils.resolveFieldData(o,this.sortField),s=null;return s=null==a&&null!=r?-1:null!=a&&null==r?1:null==a&&null==r?0:"string"==typeof a&&"string"==typeof r?a.localeCompare(r,void 0,{numeric:!0}):a<r?-1:a>r?1:0,this.sortOrder*s})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:a(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},l={class:"p-grid p-nogutter grid grid-nogutter"},n={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};return r.render=function(t,e,a,r,g,u){const c=o.resolveComponent("DVPaginator");return o.openBlock(),o.createBlock("div",{class:u.containerClass},[t.$slots.header?(o.openBlock(),o.createBlock("div",s,[o.renderSlot(t.$slots,"header")])):o.createCommentVNode("",!0),u.paginatorTop?(o.openBlock(),o.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:a.pageLinkSize,template:a.paginatorTemplate,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,class:{"p-paginator-top":u.paginatorTop},alwaysShow:a.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},o.createSlots({_:2},[t.$slots.paginatorLeft?{name:"left",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorLeft")]))}:void 0,t.$slots.paginatorRight?{name:"right",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorRight")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):o.createCommentVNode("",!0),o.createVNode("div",i,[o.createVNode("div",l,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(u.items,((e,r)=>(o.openBlock(),o.createBlock(o.Fragment,null,[t.$slots.list&&"list"===a.layout?o.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):o.createCommentVNode("",!0),t.$slots.grid&&"grid"===a.layout?o.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):o.createCommentVNode("",!0)],64)))),256)),u.empty?(o.openBlock(),o.createBlock("div",n,[o.createVNode("div",p,[o.renderSlot(t.$slots,"empty")])])):o.createCommentVNode("",!0)])]),u.paginatorBottom?(o.openBlock(),o.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:a.pageLinkSize,template:a.paginatorTemplate,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,class:{"p-paginator-bottom":u.paginatorBottom},alwaysShow:a.alwaysShowPaginator,onPage:e[2]||(e[2]=t=>u.onPage(t))},o.createSlots({_:2},[t.$slots.paginatorLeft?{name:"left",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorLeft")]))}:void 0,t.$slots.paginatorRight?{name:"right",fn:o.withCtx((()=>[o.renderSlot(t.$slots,"paginatorRight")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):o.createCommentVNode("",!0),t.$slots.footer?(o.openBlock(),o.createBlock("div",d,[o.renderSlot(t.$slots,"footer")])):o.createCommentVNode("",!0)],2)},r}(primevue.utils,primevue.paginator,Vue);
+this.primevue=this.primevue||{},this.primevue.dataview=function(t,e,a){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,a)=>{let o=t.ObjectUtils.resolveFieldData(e,this.sortField),r=t.ObjectUtils.resolveFieldData(a,this.sortField),s=null;return s=null==o&&null!=r?-1:null!=o&&null==r?1:null==o&&null==r?0:"string"==typeof o&&"string"==typeof r?o.localeCompare(r,void 0,{numeric:!0}):o<r?-1:o>r?1:0,this.sortOrder*s})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:o(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},n={class:"p-grid p-nogutter grid grid-nogutter"},l={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};return r.render=function(t,e,o,r,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createBlock("div",{class:u.containerClass},[t.$slots.header?(a.openBlock(),a.createBlock("div",s,[a.renderSlot(t.$slots,"header")])):a.createCommentVNode("",!0),u.paginatorTop?(a.openBlock(),a.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:o.pageLinkSize,template:o.paginatorTemplate,rowsPerPageOptions:o.rowsPerPageOptions,currentPageReportTemplate:o.currentPageReportTemplate,class:{"p-paginator-top":u.paginatorTop},alwaysShow:o.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),a.createVNode("div",i,[a.createVNode("div",n,[(a.openBlock(!0),a.createBlock(a.Fragment,null,a.renderList(u.items,((e,r)=>(a.openBlock(),a.createBlock(a.Fragment,null,[t.$slots.list&&"list"===o.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===o.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):a.createCommentVNode("",!0)],64)))),256)),u.empty?(a.openBlock(),a.createBlock("div",l,[a.createVNode("div",p,[a.renderSlot(t.$slots,"empty")])])):a.createCommentVNode("",!0)])]),u.paginatorBottom?(a.openBlock(),a.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:o.pageLinkSize,template:o.paginatorTemplate,rowsPerPageOptions:o.rowsPerPageOptions,currentPageReportTemplate:o.currentPageReportTemplate,class:{"p-paginator-bottom":u.paginatorBottom},alwaysShow:o.alwaysShowPaginator,onPage:e[2]||(e[2]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},r}(primevue.utils,primevue.paginator,Vue);

package/dataviewlayoutoptions/DataViewLayoutOptions.d.ts

@@ -1,10 +1,39 @@
-interface DataViewLayoutOptionsProps {
-    modelValue?: string;
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+export interface DataViewLayoutOptionsProps {
+    /**
+     * Value of the component.
+     */
+    modelValue?: string | undefined;
+}
+
+export interface DataViewLayoutOptionsSlots {
 }
 
-declare class DataViewLayoutOptions {
-    $props: DataViewLayoutOptionsProps;
-    $emit(eventName: 'update:modelValue', value: string): this;
+export declare type DataViewLayoutOptionsEmits = {
+    /**
+     * Emitted when the value changes.
+     * @param {*} value - New value.
+     */
+    'update:modelValue': (value: string) => void;
+}
+
+declare class DataViewLayoutOptions extends ClassComponent<DataViewLayoutOptionsProps, DataViewLayoutOptionsSlots, DataViewLayoutOptionsEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        DataViewLayoutOptions: GlobalComponentConstructor<DataViewLayoutOptions>
+    }
 }
 
+/**
+ *
+ * When both layout modes are enabled in DataView, a UI element would be necessary to let the user toggle between the view.
+ * DataViewLayoutOptions is a helper component to display a buttonset to choose the layout mode in DataView.
+ *
+ * Demos:
+ *
+ * - [DataViewLayoutOptions](https://www.primefaces.org/primevue/showcase/#/dataview)
+ *
+ */
 export default DataViewLayoutOptions;

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js

@@ -52,4 +52,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js

@@ -1 +1 @@
-import{openBlock as t,createBlock as o,createVNode as e}from"vue";var n={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]}},methods:{changeLayout(t){this.$emit("update:modelValue",t)}}};const i={class:"p-dataview-layout-options p-selectbutton p-buttonset"},l=e("i",{class:"pi pi-bars"},null,-1),u=e("i",{class:"pi pi-th-large"},null,-1);n.render=function(n,s,a,p,r,d){return t(),o("div",i,[e("button",{class:d.buttonListClass,onClick:s[1]||(s[1]=t=>d.changeLayout("list")),type:"button"},[l],2),e("button",{class:d.buttonGridClass,onClick:s[2]||(s[2]=t=>d.changeLayout("grid")),type:"button"},[u],2)])};export default n;
+import{openBlock as t,createBlock as o,createVNode as e}from"vue";var n={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]}},methods:{changeLayout(t){this.$emit("update:modelValue",t)}}};const i={class:"p-dataview-layout-options p-selectbutton p-buttonset"},l=e("i",{class:"pi pi-bars"},null,-1),s=e("i",{class:"pi pi-th-large"},null,-1);n.render=function(n,u,a,p,r,d){return t(),o("div",i,[e("button",{class:d.buttonListClass,onClick:u[1]||(u[1]=t=>d.changeLayout("list")),type:"button"},[l],2),e("button",{class:d.buttonGridClass,onClick:u[2]||(u[2]=t=>d.changeLayout("grid")),type:"button"},[s],2)])};export{n as default};

package/dataviewlayoutoptions/dataviewlayoutoptions.js

@@ -56,4 +56,4 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
 
 	return script;
 
-}(Vue));
+})(Vue);