primevue 3.12.2 → 3.12.5

package/dataview/DataView.d.ts

@@ -113,6 +113,10 @@ export interface DataViewProps {
      * Defines if data is loaded and interacted with in lazy manner.
      */
     lazy?: boolean | undefined;
+    /**
+     * Name of the data that uniquely identifies the a record in the data.
+     */
+    dataKey: string | undefined;
 }
 
 export interface DataViewSlots {

package/dataview/DataView.vue

@@ -14,7 +14,7 @@
 		</DVPaginator>
 		<div class="p-dataview-content">
 			<div class="p-grid p-nogutter grid grid-nogutter">
-				<template v-for="(item,index) of items">
+                <template v-for="(item,index) of items" :key="getKey(item, index)">
 					<slot v-if="$slots.list && layout === 'list'" name="list" :data="item" :index="index"></slot>
 					<slot v-if="$slots.grid && layout === 'grid'" name="grid" :data="item" :index="index"></slot>
 				</template>
@@ -106,6 +106,10 @@ export default {
         lazy: {
             type: Boolean,
             default: false
+        },
+        dataKey: {
+            type: String,
+            default: null
         }
     },
     data() {
@@ -129,6 +133,9 @@ export default {
         }
     },
     methods: {
+        getKey(item, index) {
+            return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+        },
         onPage(event) {
             this.d_first = event.first;
             this.d_rows = event.rows;

package/dataview/dataview.cjs.js

@@ -71,6 +71,10 @@ var script = {
         lazy: {
             type: Boolean,
             default: false
+        },
+        dataKey: {
+            type: String,
+            default: null
         }
     },
     data() {
@@ -94,6 +98,9 @@ var script = {
         }
     },
     methods: {
+        getKey(item, index) {
+            return this.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+        },
         onPage(event) {
             this.d_first = event.first;
             this.d_rows = event.rows;
@@ -182,7 +189,7 @@ var script = {
         }
     },
     components: {
-        'DVPaginator': Paginator__default['default']
+        'DVPaginator': Paginator__default["default"]
     }
 };
 
@@ -205,9 +212,11 @@ const _hoisted_6 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DVPaginator = vue.resolveComponent("DVPaginator");
 
-  return (vue.openBlock(), vue.createBlock("div", { class: $options.containerClass }, [
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass($options.containerClass)
+  }, [
     (_ctx.$slots.header)
-      ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
           vue.renderSlot(_ctx.$slots, "header")
         ]))
       : vue.createCommentVNode("", true),
@@ -221,9 +230,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: {'p-paginator-top': $options.paginatorTop},
+          class: vue.normalizeClass({'p-paginator-top': $options.paginatorTop}),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
+          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
         }, vue.createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -243,10 +252,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
       : vue.createCommentVNode("", true),
-    vue.createVNode("div", _hoisted_2, [
-      vue.createVNode("div", _hoisted_3, [
-        (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.items, (item, index) => {
-          return (vue.openBlock(), vue.createBlock(vue.Fragment, null, [
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.createElementVNode("div", _hoisted_3, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.items, (item, index) => {
+          return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: $options.getKey(item, index)
+          }, [
             (_ctx.$slots.list && $props.layout === 'list')
               ? vue.renderSlot(_ctx.$slots, "list", {
                   key: 0,
@@ -262,10 +273,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 })
               : vue.createCommentVNode("", true)
           ], 64))
-        }), 256)),
+        }), 128)),
         ($options.empty)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_4, [
-              vue.createVNode("div", _hoisted_5, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_5, [
                 vue.renderSlot(_ctx.$slots, "empty")
               ])
             ]))
@@ -282,9 +293,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: {'p-paginator-bottom': $options.paginatorBottom},
+          class: vue.normalizeClass({'p-paginator-bottom': $options.paginatorBottom}),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[2] || (_cache[2] = $event => ($options.onPage($event)))
+          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
         }, vue.createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -305,7 +316,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
       : vue.createCommentVNode("", true),
     (_ctx.$slots.footer)
-      ? (vue.openBlock(), vue.createBlock("div", _hoisted_6, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
           vue.renderSlot(_ctx.$slots, "footer")
         ]))
       : vue.createCommentVNode("", true)

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"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;
+"use strict";var t=require("primevue/utils"),e=require("primevue/paginator"),a=require("vue");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o={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},dataKey:{type:String,default:null}},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:{getKey(e,a){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):a},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 r=t.ObjectUtils.resolveFieldData(e,this.sortField),o=t.ObjectUtils.resolveFieldData(a,this.sortField),s=null;return s=null==r&&null!=o?-1:null!=r&&null==o?1:null==r&&null==o?0:"string"==typeof r&&"string"==typeof o?r.localeCompare(o,void 0,{numeric:!0}):r<o?-1:r>o?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:r(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"};o.render=function(t,e,r,o,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(u.containerClass)},[t.$slots.header?(a.openBlock(),a.createElementBlock("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:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-top":u.paginatorTop}),alwaysShow:r.alwaysShowPaginator,onPage:e[0]||(e[0]=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.createElementVNode("div",i,[a.createElementVNode("div",l,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(u.items,((e,o)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u.getKey(e,o)},[t.$slots.list&&"list"===r.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:o}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===r.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:o}):a.createCommentVNode("",!0)],64)))),128)),u.empty?(a.openBlock(),a.createElementBlock("div",n,[a.createElementVNode("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:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-bottom":u.paginatorBottom}),alwaysShow:r.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),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},module.exports=o;

package/dataview/dataview.esm.js

@@ -1,6 +1,6 @@
 import { ObjectUtils } from 'primevue/utils';
 import Paginator from 'primevue/paginator';
-import { resolveComponent, openBlock, createBlock, renderSlot, createCommentVNode, createSlots, withCtx, createVNode, Fragment, renderList } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createBlock, createSlots, withCtx, createElementVNode, Fragment, renderList } from 'vue';
 
 var script = {
     name: 'DataView',
@@ -65,6 +65,10 @@ var script = {
         lazy: {
             type: Boolean,
             default: false
+        },
+        dataKey: {
+            type: String,
+            default: null
         }
     },
     data() {
@@ -88,6 +92,9 @@ var script = {
         }
     },
     methods: {
+        getKey(item, index) {
+            return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+        },
         onPage(event) {
             this.d_first = event.first;
             this.d_rows = event.rows;
@@ -199,9 +206,11 @@ const _hoisted_6 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DVPaginator = resolveComponent("DVPaginator");
 
-  return (openBlock(), createBlock("div", { class: $options.containerClass }, [
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass($options.containerClass)
+  }, [
     (_ctx.$slots.header)
-      ? (openBlock(), createBlock("div", _hoisted_1, [
+      ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "header")
         ]))
       : createCommentVNode("", true),
@@ -215,9 +224,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: {'p-paginator-top': $options.paginatorTop},
+          class: normalizeClass({'p-paginator-top': $options.paginatorTop}),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
+          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
         }, createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -237,10 +246,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
       : createCommentVNode("", true),
-    createVNode("div", _hoisted_2, [
-      createVNode("div", _hoisted_3, [
-        (openBlock(true), createBlock(Fragment, null, renderList($options.items, (item, index) => {
-          return (openBlock(), createBlock(Fragment, null, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.items, (item, index) => {
+          return (openBlock(), createElementBlock(Fragment, {
+            key: $options.getKey(item, index)
+          }, [
             (_ctx.$slots.list && $props.layout === 'list')
               ? renderSlot(_ctx.$slots, "list", {
                   key: 0,
@@ -256,10 +267,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 })
               : createCommentVNode("", true)
           ], 64))
-        }), 256)),
+        }), 128)),
         ($options.empty)
-          ? (openBlock(), createBlock("div", _hoisted_4, [
-              createVNode("div", _hoisted_5, [
+          ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
                 renderSlot(_ctx.$slots, "empty")
               ])
             ]))
@@ -276,9 +287,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: {'p-paginator-bottom': $options.paginatorBottom},
+          class: normalizeClass({'p-paginator-bottom': $options.paginatorBottom}),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[2] || (_cache[2] = $event => ($options.onPage($event)))
+          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
         }, createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -299,7 +310,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
       : createCommentVNode("", true),
     (_ctx.$slots.footer)
-      ? (openBlock(), createBlock("div", _hoisted_6, [
+      ? (openBlock(), createElementBlock("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "footer")
         ]))
       : createCommentVNode("", true)
@@ -308,4 +319,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 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 default u;
+import{ObjectUtils as t}from"primevue/utils";import e from"primevue/paginator";import{resolveComponent as a,openBlock as s,createElementBlock as r,normalizeClass as o,renderSlot as i,createCommentVNode as l,createBlock as n,createSlots as p,withCtx as d,createElementVNode as g,Fragment as u,renderList as h}from"vue";var m={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},dataKey:{type:String,default:null}},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:{getKey(e,a){return this.dataKey?t.resolveFieldData(e,this.dataKey):a},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 f={key:0,class:"p-dataview-header"},y={class:"p-dataview-content"},w={class:"p-grid p-nogutter grid grid-nogutter"},P={key:0,class:"p-col col"},c={class:"p-dataview-emptymessage"},v={key:3,class:"p-dataview-footer"};m.render=function(t,e,m,$,k,S){const R=a("DVPaginator");return s(),r("div",{class:o(S.containerClass)},[t.$slots.header?(s(),r("div",f,[i(t.$slots,"header")])):l("",!0),S.paginatorTop?(s(),n(R,{key:1,rows:k.d_rows,first:k.d_first,totalRecords:S.getTotalRecords,pageLinkSize:m.pageLinkSize,template:m.paginatorTemplate,rowsPerPageOptions:m.rowsPerPageOptions,currentPageReportTemplate:m.currentPageReportTemplate,class:o({"p-paginator-top":S.paginatorTop}),alwaysShow:m.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>S.onPage(t))},p({_:2},[t.$slots.paginatorstart?{name:"start",fn:d((()=>[i(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):l("",!0),g("div",y,[g("div",w,[(s(!0),r(u,null,h(S.items,((e,a)=>(s(),r(u,{key:S.getKey(e,a)},[t.$slots.list&&"list"===m.layout?i(t.$slots,"list",{key:0,data:e,index:a}):l("",!0),t.$slots.grid&&"grid"===m.layout?i(t.$slots,"grid",{key:1,data:e,index:a}):l("",!0)],64)))),128)),S.empty?(s(),r("div",P,[g("div",c,[i(t.$slots,"empty")])])):l("",!0)])]),S.paginatorBottom?(s(),n(R,{key:2,rows:k.d_rows,first:k.d_first,totalRecords:S.getTotalRecords,pageLinkSize:m.pageLinkSize,template:m.paginatorTemplate,rowsPerPageOptions:m.rowsPerPageOptions,currentPageReportTemplate:m.currentPageReportTemplate,class:o({"p-paginator-bottom":S.paginatorBottom}),alwaysShow:m.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>S.onPage(t))},p({_:2},[t.$slots.paginatorstart?{name:"start",fn:d((()=>[i(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):l("",!0),t.$slots.footer?(s(),r("div",v,[i(t.$slots,"footer")])):l("",!0)],2)};export{m as default};

package/dataview/dataview.js

@@ -69,6 +69,10 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
             lazy: {
                 type: Boolean,
                 default: false
+            },
+            dataKey: {
+                type: String,
+                default: null
             }
         },
         data() {
@@ -92,6 +96,9 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
             }
         },
         methods: {
+            getKey(item, index) {
+                return this.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+            },
             onPage(event) {
                 this.d_first = event.first;
                 this.d_rows = event.rows;
@@ -180,7 +187,7 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
             }
         },
         components: {
-            'DVPaginator': Paginator__default['default']
+            'DVPaginator': Paginator__default["default"]
         }
     };
 
@@ -203,9 +210,11 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_DVPaginator = vue.resolveComponent("DVPaginator");
 
-      return (vue.openBlock(), vue.createBlock("div", { class: $options.containerClass }, [
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass)
+      }, [
         (_ctx.$slots.header)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
               vue.renderSlot(_ctx.$slots, "header")
             ]))
           : vue.createCommentVNode("", true),
@@ -219,9 +228,9 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               template: $props.paginatorTemplate,
               rowsPerPageOptions: $props.rowsPerPageOptions,
               currentPageReportTemplate: $props.currentPageReportTemplate,
-              class: {'p-paginator-top': $options.paginatorTop},
+              class: vue.normalizeClass({'p-paginator-top': $options.paginatorTop}),
               alwaysShow: $props.alwaysShowPaginator,
-              onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
+              onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
             }, vue.createSlots({ _: 2 }, [
               (_ctx.$slots.paginatorstart)
                 ? {
@@ -241,10 +250,12 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
           : vue.createCommentVNode("", true),
-        vue.createVNode("div", _hoisted_2, [
-          vue.createVNode("div", _hoisted_3, [
-            (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.items, (item, index) => {
-              return (vue.openBlock(), vue.createBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.items, (item, index) => {
+              return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                key: $options.getKey(item, index)
+              }, [
                 (_ctx.$slots.list && $props.layout === 'list')
                   ? vue.renderSlot(_ctx.$slots, "list", {
                       key: 0,
@@ -260,10 +271,10 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
                     })
                   : vue.createCommentVNode("", true)
               ], 64))
-            }), 256)),
+            }), 128)),
             ($options.empty)
-              ? (vue.openBlock(), vue.createBlock("div", _hoisted_4, [
-                  vue.createVNode("div", _hoisted_5, [
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                  vue.createElementVNode("div", _hoisted_5, [
                     vue.renderSlot(_ctx.$slots, "empty")
                   ])
                 ]))
@@ -280,9 +291,9 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               template: $props.paginatorTemplate,
               rowsPerPageOptions: $props.rowsPerPageOptions,
               currentPageReportTemplate: $props.currentPageReportTemplate,
-              class: {'p-paginator-bottom': $options.paginatorBottom},
+              class: vue.normalizeClass({'p-paginator-bottom': $options.paginatorBottom}),
               alwaysShow: $props.alwaysShowPaginator,
-              onPage: _cache[2] || (_cache[2] = $event => ($options.onPage($event)))
+              onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
             }, vue.createSlots({ _: 2 }, [
               (_ctx.$slots.paginatorstart)
                 ? {
@@ -303,7 +314,7 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
           : vue.createCommentVNode("", true),
         (_ctx.$slots.footer)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_6, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
               vue.renderSlot(_ctx.$slots, "footer")
             ]))
           : vue.createCommentVNode("", true)
@@ -314,4 +325,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,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);
+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},dataKey:{type:String,default:null}},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:{getKey(e,a){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):a},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"};return r.render=function(t,e,o,r,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(u.containerClass)},[t.$slots.header?(a.openBlock(),a.createElementBlock("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:a.normalizeClass({"p-paginator-top":u.paginatorTop}),alwaysShow:o.alwaysShowPaginator,onPage:e[0]||(e[0]=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.createElementVNode("div",i,[a.createElementVNode("div",l,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(u.items,((e,r)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u.getKey(e,r)},[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)))),128)),u.empty?(a.openBlock(),a.createElementBlock("div",n,[a.createElementVNode("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:a.normalizeClass({"p-paginator-bottom":u.paginatorBottom}),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),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},r}(primevue.utils,primevue.paginator,Vue);

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.js

@@ -30,25 +30,27 @@ var script = {
 	};
 
 const _hoisted_1 = { class: "p-dataview-layout-options p-selectbutton p-buttonset" };
-const _hoisted_2 = /*#__PURE__*/vue.createVNode("i", { class: "pi pi-bars" }, null, -1);
-const _hoisted_3 = /*#__PURE__*/vue.createVNode("i", { class: "pi pi-th-large" }, null, -1);
+const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-bars" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-th-large" }, null, -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-    vue.createVNode("button", {
-      class: $options.buttonListClass,
-      onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('list'))),
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("button", {
+      class: vue.normalizeClass($options.buttonListClass),
+      onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
       type: "button"
-    }, [
-      _hoisted_2
-    ], 2),
-    vue.createVNode("button", {
-      class: $options.buttonGridClass,
-      onClick: _cache[2] || (_cache[2] = $event => ($options.changeLayout('grid'))),
+    }, _hoisted_3, 2),
+    vue.createElementVNode("button", {
+      class: vue.normalizeClass($options.buttonGridClass),
+      onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
       type: "button"
-    }, [
-      _hoisted_3
-    ], 2)
+    }, _hoisted_5, 2)
   ]))
 }
 

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("vue"),e={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 o={class:"p-dataview-layout-options p-selectbutton p-buttonset"},a=t.createVNode("i",{class:"pi pi-bars"},null,-1),l=t.createVNode("i",{class:"pi pi-th-large"},null,-1);e.render=function(e,n,s,u,i,r){return t.openBlock(),t.createBlock("div",o,[t.createVNode("button",{class:r.buttonListClass,onClick:n[1]||(n[1]=t=>r.changeLayout("list")),type:"button"},[a],2),t.createVNode("button",{class:r.buttonGridClass,onClick:n[2]||(n[2]=t=>r.changeLayout("grid")),type:"button"},[l],2)])},module.exports=e;
+"use strict";var t=require("vue"),e={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 o={class:"p-dataview-layout-options p-selectbutton p-buttonset"},l=[t.createElementVNode("i",{class:"pi pi-bars"},null,-1)],n=[t.createElementVNode("i",{class:"pi pi-th-large"},null,-1)];e.render=function(e,a,s,i,u,r){return t.openBlock(),t.createElementBlock("div",o,[t.createElementVNode("button",{class:t.normalizeClass(r.buttonListClass),onClick:a[0]||(a[0]=t=>r.changeLayout("list")),type:"button"},l,2),t.createElementVNode("button",{class:t.normalizeClass(r.buttonGridClass),onClick:a[1]||(a[1]=t=>r.changeLayout("grid")),type:"button"},n,2)])},module.exports=e;

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js

@@ -1,4 +1,4 @@
-import { openBlock, createBlock, createVNode } from 'vue';
+import { openBlock, createElementBlock, createElementVNode, normalizeClass } from 'vue';
 
 var script = {
         name: 'DataViewLayoutOptions',
@@ -28,28 +28,30 @@ var script = {
 	};
 
 const _hoisted_1 = { class: "p-dataview-layout-options p-selectbutton p-buttonset" };
-const _hoisted_2 = /*#__PURE__*/createVNode("i", { class: "pi pi-bars" }, null, -1);
-const _hoisted_3 = /*#__PURE__*/createVNode("i", { class: "pi pi-th-large" }, null, -1);
+const _hoisted_2 = /*#__PURE__*/createElementVNode("i", { class: "pi pi-bars" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = /*#__PURE__*/createElementVNode("i", { class: "pi pi-th-large" }, null, -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("div", _hoisted_1, [
-    createVNode("button", {
-      class: $options.buttonListClass,
-      onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('list'))),
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("button", {
+      class: normalizeClass($options.buttonListClass),
+      onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
       type: "button"
-    }, [
-      _hoisted_2
-    ], 2),
-    createVNode("button", {
-      class: $options.buttonGridClass,
-      onClick: _cache[2] || (_cache[2] = $event => ($options.changeLayout('grid'))),
+    }, _hoisted_3, 2),
+    createElementVNode("button", {
+      class: normalizeClass($options.buttonGridClass),
+      onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
       type: "button"
-    }, [
-      _hoisted_3
-    ], 2)
+    }, _hoisted_5, 2)
   ]))
 }
 
 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,createElementBlock as o,createElementVNode as e,normalizeClass as n}from"vue";var i={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 l={class:"p-dataview-layout-options p-selectbutton p-buttonset"},s=[e("i",{class:"pi pi-bars"},null,-1)],u=[e("i",{class:"pi pi-th-large"},null,-1)];i.render=function(i,a,p,r,d,c){return t(),o("div",l,[e("button",{class:n(c.buttonListClass),onClick:a[0]||(a[0]=t=>c.changeLayout("list")),type:"button"},s,2),e("button",{class:n(c.buttonGridClass),onClick:a[1]||(a[1]=t=>c.changeLayout("grid")),type:"button"},u,2)])};export{i as default};

package/dataviewlayoutoptions/dataviewlayoutoptions.js

@@ -30,25 +30,27 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
 		};
 
 	const _hoisted_1 = { class: "p-dataview-layout-options p-selectbutton p-buttonset" };
-	const _hoisted_2 = /*#__PURE__*/vue.createVNode("i", { class: "pi pi-bars" }, null, -1);
-	const _hoisted_3 = /*#__PURE__*/vue.createVNode("i", { class: "pi pi-th-large" }, null, -1);
+	const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-bars" }, null, -1);
+	const _hoisted_3 = [
+	  _hoisted_2
+	];
+	const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("i", { class: "pi pi-th-large" }, null, -1);
+	const _hoisted_5 = [
+	  _hoisted_4
+	];
 
 	function render(_ctx, _cache, $props, $setup, $data, $options) {
-	  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-	    vue.createVNode("button", {
-	      class: $options.buttonListClass,
-	      onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('list'))),
+	  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+	    vue.createElementVNode("button", {
+	      class: vue.normalizeClass($options.buttonListClass),
+	      onClick: _cache[0] || (_cache[0] = $event => ($options.changeLayout('list'))),
 	      type: "button"
-	    }, [
-	      _hoisted_2
-	    ], 2),
-	    vue.createVNode("button", {
-	      class: $options.buttonGridClass,
-	      onClick: _cache[2] || (_cache[2] = $event => ($options.changeLayout('grid'))),
+	    }, _hoisted_3, 2),
+	    vue.createElementVNode("button", {
+	      class: vue.normalizeClass($options.buttonGridClass),
+	      onClick: _cache[1] || (_cache[1] = $event => ($options.changeLayout('grid'))),
 	      type: "button"
-	    }, [
-	      _hoisted_3
-	    ], 2)
+	    }, _hoisted_5, 2)
 	  ]))
 	}
 
@@ -56,4 +58,4 @@ this.primevue.dataviewlayoutoptions = (function (vue) {
 
 	return script;
 
-}(Vue));
+})(Vue);