primevue 3.29.2 → 3.30.0

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/basecomponent"),e=require("primevue/paginator"),r=require("primevue/utils"),a=require("vue");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(t),i=o(e),l={name:"DataView",extends:s.default,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(t,e){return this.dataKey?r.ObjectUtils.resolveFieldData(t,this.dataKey):e},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 t=[...this.value];return t.sort(((t,e)=>{let a=r.ObjectUtils.resolveFieldData(t,this.sortField),o=r.ObjectUtils.resolveFieldData(e,this.sortField),s=null;return s=null==a&&null!=o?-1:null!=a&&null==o?1:null==a&&null==o?0:"string"==typeof a&&"string"==typeof o?a.localeCompare(o,void 0,{numeric:!0}):a<o?-1:a>o?1:0,this.sortOrder*s})),t}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:i.default}};l.render=function(t,e,r,o,s,i){const l=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:i.containerClass},t.ptm("root")),[t.$slots.header?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:"p-dataview-header"},t.ptm("header")),[a.renderSlot(t.$slots,"header")],16)):a.createCommentVNode("",!0),i.paginatorTop?(a.openBlock(),a.createBlock(l,{key:1,rows:s.d_rows,first:s.d_first,totalRecords:i.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-top":i.paginatorTop}),alwaysShow:r.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>i.onPage(t)),pt:t.ptm("paginator")},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","pt"])):a.createCommentVNode("",!0),a.createElementVNode("div",a.mergeProps({class:"p-dataview-content"},t.ptm("content")),[a.createElementVNode("div",a.mergeProps({class:"p-grid p-nogutter grid grid-nogutter"},t.ptm("grid")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(i.items,((e,o)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:i.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)),i.empty?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:"p-col col"},t.ptm("column")),[a.createElementVNode("div",a.mergeProps({class:"p-dataview-emptymessage"},t.ptm("emptyMessage")),[a.renderSlot(t.$slots,"empty")],16)],16)):a.createCommentVNode("",!0)],16)],16),i.paginatorBottom?(a.openBlock(),a.createBlock(l,{key:2,rows:s.d_rows,first:s.d_first,totalRecords:i.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-bottom":i.paginatorBottom}),alwaysShow:r.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>i.onPage(t)),pt:t.ptm("root")},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","pt"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:3,class:"p-dataview-footer"},t.ptm("footer")),[a.renderSlot(t.$slots,"footer")],16)):a.createCommentVNode("",!0)],16)},module.exports=l;
+"use strict";var t=require("primevue/paginator"),e=require("primevue/utils"),r=require("primevue/basecomponent"),o=require("vue");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(t);function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(t,e){if(t){if("string"==typeof t)return u(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(t,e):void 0}}function l(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function p(t){if(Array.isArray(t))return u(t)}function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}var d={name:"DataView",extends:{name:"BaseDataView",extends:a(r).default,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}},css:{classes:{root:function(t){var e=t.props;return["p-dataview p-component",{"p-dataview-list":"list"===e.layout,"p-dataview-grid":"grid"===e.layout}]},header:"p-dataview-header",paginatorTop:function(t){return[{"p-paginator-top":t.instance.paginatorTop}]},content:"p-dataview-content",grid:"p-grid p-nogutter grid grid-nogutter",column:"p-col col",emptyMessage:"p-dataview-emptymessage",paginatorBottom:function(t){return[{"p-paginator-bottom":t.instance.paginatorBottom}]},footer:"p-dataview-footer"}},provide:function(){return{$parentInstance:this}}},emits:["update:first","update:rows","page"],data:function(){return{d_first:this.first,d_rows:this.rows}},watch:{first:function(t){this.d_first=t},rows:function(t){this.d_rows=t},sortField:function(){this.resetPage()},sortOrder:function(){this.resetPage()}},methods:{getKey:function(t,r){return this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):r},onPage:function(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:function(){var t,r=this;if(this.value){var o=p(t=this.value)||l(t)||s(t)||i();return o.sort((function(t,o){var a=e.ObjectUtils.resolveFieldData(t,r.sortField),n=e.ObjectUtils.resolveFieldData(o,r.sortField),i=null;return i=null==a&&null!=n?-1:null!=a&&null==n?1:null==a&&null==n?0:"string"==typeof a&&"string"==typeof n?a.localeCompare(n,void 0,{numeric:!0}):a<n?-1:a>n?1:0,r.sortOrder*i})),o}return null},resetPage:function(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{getTotalRecords:function(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty:function(){return!this.value||0===this.value.length},paginatorTop:function(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom:function(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items:function(){if(this.value&&this.value.length){var t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){var e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:n.default}};d.render=function(t,e,r,a,n,i){var s=o.resolveComponent("DVPaginator");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"dataview"}),[t.$slots.header?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:t.cx("header")},t.ptm("header")),[o.renderSlot(t.$slots,"header")],16)):o.createCommentVNode("",!0),i.paginatorTop?(o.openBlock(),o.createBlock(s,{key:1,rows:n.d_rows,first:n.d_first,totalRecords:i.getTotalRecords,pageLinkSize:t.pageLinkSize,template:t.paginatorTemplate,rowsPerPageOptions:t.rowsPerPageOptions,currentPageReportTemplate:t.currentPageReportTemplate,class:o.normalizeClass(t.cx("paginatorTop")),alwaysShow:t.alwaysShowPaginator,onPage:e[0]||(e[0]=function(t){return i.onPage(t)}),unstyled:t.unstyled,pt:t.ptm("paginator")},o.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:o.withCtx((function(){return[o.renderSlot(t.$slots,"paginatorstart")]})),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:o.withCtx((function(){return[o.renderSlot(t.$slots,"paginatorend")]})),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","unstyled","pt"])):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:t.cx("content")},t.ptm("content")),[o.createElementVNode("div",o.mergeProps({class:t.cx("grid")},t.ptm("grid")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.items,(function(e,r){return o.openBlock(),o.createElementBlock(o.Fragment,{key:i.getKey(e,r)},[t.$slots.list&&"list"===t.layout?o.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):o.createCommentVNode("",!0),t.$slots.grid&&"grid"===t.layout?o.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):o.createCommentVNode("",!0)],64)})),128)),i.empty?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:t.cx("column")},t.ptm("column")),[o.createElementVNode("div",o.mergeProps({class:t.cx("emptyMessage")},t.ptm("emptyMessage")),[o.renderSlot(t.$slots,"empty")],16)],16)):o.createCommentVNode("",!0)],16)],16),i.paginatorBottom?(o.openBlock(),o.createBlock(s,{key:2,rows:n.d_rows,first:n.d_first,totalRecords:i.getTotalRecords,pageLinkSize:t.pageLinkSize,template:t.paginatorTemplate,rowsPerPageOptions:t.rowsPerPageOptions,currentPageReportTemplate:t.currentPageReportTemplate,class:o.normalizeClass(t.cx("paginatorBottom")),alwaysShow:t.alwaysShowPaginator,onPage:e[1]||(e[1]=function(t){return i.onPage(t)}),unstyled:t.unstyled,pt:t.ptm("root")},o.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:o.withCtx((function(){return[o.renderSlot(t.$slots,"paginatorstart")]})),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:o.withCtx((function(){return[o.renderSlot(t.$slots,"paginatorend")]})),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","unstyled","pt"])):o.createCommentVNode("",!0),t.$slots.footer?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:3,class:t.cx("footer")},t.ptm("footer")),[o.renderSlot(t.$slots,"footer")],16)):o.createCommentVNode("",!0)],16)},module.exports=d;

package/dataview/dataview.esm.js

@@ -1,311 +1,307 @@
-import BaseComponent from 'primevue/basecomponent';
 import Paginator from 'primevue/paginator';
 import { ObjectUtils } from 'primevue/utils';
+import BaseComponent from 'primevue/basecomponent';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createBlock, normalizeClass, createSlots, withCtx, createElementVNode, Fragment, renderList } from 'vue';
 
-var script = {
-    name: 'DataView',
-    extends: BaseComponent,
-    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: false
-        },
-        paginatorPosition: {
-            type: String,
-            default: 'bottom'
-        },
-        alwaysShowPaginator: {
-            type: Boolean,
-            default: true
-        },
-        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: false
-        },
-        dataKey: {
-            type: String,
-            default: null
-        }
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-dataview p-component', {
+      'p-dataview-list': props.layout === 'list',
+      'p-dataview-grid': props.layout === 'grid'
+    }];
+  },
+  header: 'p-dataview-header',
+  paginatorTop: function paginatorTop(_ref2) {
+    var instance = _ref2.instance;
+    return [{
+      'p-paginator-top': instance.paginatorTop
+    }];
+  },
+  content: 'p-dataview-content',
+  grid: 'p-grid p-nogutter grid grid-nogutter',
+  column: 'p-col col',
+  emptyMessage: 'p-dataview-emptymessage',
+  paginatorBottom: function paginatorBottom(_ref3) {
+    var instance = _ref3.instance;
+    return [{
+      'p-paginator-bottom': instance.paginatorBottom
+    }];
+  },
+  footer: 'p-dataview-footer'
+};
+var script$1 = {
+  name: 'BaseDataView',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: Array,
+      "default": null
     },
-    data() {
-        return {
-            d_first: this.first,
-            d_rows: this.rows
-        };
+    layout: {
+      type: String,
+      "default": 'list'
     },
-    watch: {
-        first(newValue) {
-            this.d_first = newValue;
-        },
-        rows(newValue) {
-            this.d_rows = newValue;
-        },
-        sortField() {
-            this.resetPage();
-        },
-        sortOrder() {
-            this.resetPage();
-        }
+    rows: {
+      type: Number,
+      "default": 0
     },
-    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;
-
-            this.$emit('update:first', this.d_first);
-            this.$emit('update:rows', this.d_rows);
-            this.$emit('page', event);
-        },
-        sort() {
-            if (this.value) {
-                const value = [...this.value];
-
-                value.sort((data1, data2) => {
-                    let value1 = ObjectUtils.resolveFieldData(data1, this.sortField);
-                    let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);
-                    let result = null;
-
-                    if (value1 == null && value2 != null) result = -1;
-                    else if (value1 != null && value2 == null) result = 1;
-                    else if (value1 == null && value2 == null) result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
-                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                    return this.sortOrder * result;
-                });
-
-                return value;
-            } else {
-                return null;
-            }
-        },
-        resetPage() {
-            this.d_first = 0;
-            this.$emit('update:first', this.d_first);
-        }
+    first: {
+      type: Number,
+      "default": 0
     },
-    computed: {
-        containerClass() {
-            return [
-                'p-dataview p-component',
-                {
-                    'p-dataview-list': this.layout === 'list',
-                    'p-dataview-grid': this.layout === 'grid'
-                }
-            ];
-        },
-        getTotalRecords() {
-            if (this.totalRecords) return this.totalRecords;
-            else return this.value ? this.value.length : 0;
-        },
-        empty() {
-            return !this.value || this.value.length === 0;
-        },
-        paginatorTop() {
-            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
-        },
-        paginatorBottom() {
-            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');
-        },
-        items() {
-            if (this.value && this.value.length) {
-                let data = this.value;
-
-                if (data && data.length && this.sortField) {
-                    data = this.sort();
-                }
-
-                if (this.paginator) {
-                    const first = this.lazy ? 0 : this.d_first;
+    totalRecords: {
+      type: Number,
+      "default": 0
+    },
+    paginator: {
+      type: Boolean,
+      "default": false
+    },
+    paginatorPosition: {
+      type: String,
+      "default": 'bottom'
+    },
+    alwaysShowPaginator: {
+      type: Boolean,
+      "default": true
+    },
+    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": false
+    },
+    dataKey: {
+      type: String,
+      "default": null
+    }
+  },
+  css: {
+    classes: classes
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
 
-                    return data.slice(first, first + this.d_rows);
-                } else {
-                    return data;
-                }
-            } else {
-                return null;
-            }
-        }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var script = {
+  name: 'DataView',
+  "extends": script$1,
+  emits: ['update:first', 'update:rows', 'page'],
+  data: function data() {
+    return {
+      d_first: this.first,
+      d_rows: this.rows
+    };
+  },
+  watch: {
+    first: function first(newValue) {
+      this.d_first = newValue;
+    },
+    rows: function rows(newValue) {
+      this.d_rows = newValue;
+    },
+    sortField: function sortField() {
+      this.resetPage();
     },
-    components: {
-        DVPaginator: Paginator
+    sortOrder: function sortOrder() {
+      this.resetPage();
     }
+  },
+  methods: {
+    getKey: function getKey(item, index) {
+      return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+    },
+    onPage: function onPage(event) {
+      this.d_first = event.first;
+      this.d_rows = event.rows;
+      this.$emit('update:first', this.d_first);
+      this.$emit('update:rows', this.d_rows);
+      this.$emit('page', event);
+    },
+    sort: function sort() {
+      var _this = this;
+      if (this.value) {
+        var value = _toConsumableArray(this.value);
+        value.sort(function (data1, data2) {
+          var value1 = ObjectUtils.resolveFieldData(data1, _this.sortField);
+          var value2 = ObjectUtils.resolveFieldData(data2, _this.sortField);
+          var result = null;
+          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
+            numeric: true
+          });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+          return _this.sortOrder * result;
+        });
+        return value;
+      } else {
+        return null;
+      }
+    },
+    resetPage: function resetPage() {
+      this.d_first = 0;
+      this.$emit('update:first', this.d_first);
+    }
+  },
+  computed: {
+    getTotalRecords: function getTotalRecords() {
+      if (this.totalRecords) return this.totalRecords;else return this.value ? this.value.length : 0;
+    },
+    empty: function empty() {
+      return !this.value || this.value.length === 0;
+    },
+    paginatorTop: function paginatorTop() {
+      return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
+    },
+    paginatorBottom: function paginatorBottom() {
+      return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');
+    },
+    items: function items() {
+      if (this.value && this.value.length) {
+        var data = this.value;
+        if (data && data.length && this.sortField) {
+          data = this.sort();
+        }
+        if (this.paginator) {
+          var first = this.lazy ? 0 : this.d_first;
+          return data.slice(first, first + this.d_rows);
+        } else {
+          return data;
+        }
+      } else {
+        return null;
+      }
+    }
+  },
+  components: {
+    DVPaginator: Paginator
+  }
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DVPaginator = resolveComponent("DVPaginator");
-
-  return (openBlock(), createElementBlock("div", mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
-    (_ctx.$slots.header)
-      ? (openBlock(), createElementBlock("div", mergeProps({
-          key: 0,
-          class: "p-dataview-header"
-        }, _ctx.ptm('header')), [
-          renderSlot(_ctx.$slots, "header")
-        ], 16))
-      : createCommentVNode("", true),
-    ($options.paginatorTop)
-      ? (openBlock(), createBlock(_component_DVPaginator, {
-          key: 1,
-          rows: $data.d_rows,
-          first: $data.d_first,
-          totalRecords: $options.getTotalRecords,
-          pageLinkSize: $props.pageLinkSize,
-          template: $props.paginatorTemplate,
-          rowsPerPageOptions: $props.rowsPerPageOptions,
-          currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: normalizeClass({ 'p-paginator-top': $options.paginatorTop }),
-          alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event))),
-          pt: _ctx.ptm('paginator')
-        }, createSlots({ _: 2 }, [
-          (_ctx.$slots.paginatorstart)
-            ? {
-                name: "start",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorstart")
-                ]),
-                key: "0"
-              }
-            : undefined,
-          (_ctx.$slots.paginatorend)
-            ? {
-                name: "end",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorend")
-                ]),
-                key: "1"
-              }
-            : undefined
-        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
-      : createCommentVNode("", true),
-    createElementVNode("div", mergeProps({ class: "p-dataview-content" }, _ctx.ptm('content')), [
-      createElementVNode("div", mergeProps({ class: "p-grid p-nogutter grid grid-nogutter" }, _ctx.ptm('grid')), [
-        (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,
-                  data: item,
-                  index: index
-                })
-              : createCommentVNode("", true),
-            (_ctx.$slots.grid && $props.layout === 'grid')
-              ? renderSlot(_ctx.$slots, "grid", {
-                  key: 1,
-                  data: item,
-                  index: index
-                })
-              : createCommentVNode("", true)
-          ], 64))
-        }), 128)),
-        ($options.empty)
-          ? (openBlock(), createElementBlock("div", mergeProps({
-              key: 0,
-              class: "p-col col"
-            }, _ctx.ptm('column')), [
-              createElementVNode("div", mergeProps({ class: "p-dataview-emptymessage" }, _ctx.ptm('emptyMessage')), [
-                renderSlot(_ctx.$slots, "empty")
-              ], 16)
-            ], 16))
-          : createCommentVNode("", true)
-      ], 16)
-    ], 16),
-    ($options.paginatorBottom)
-      ? (openBlock(), createBlock(_component_DVPaginator, {
-          key: 2,
-          rows: $data.d_rows,
-          first: $data.d_first,
-          totalRecords: $options.getTotalRecords,
-          pageLinkSize: $props.pageLinkSize,
-          template: $props.paginatorTemplate,
-          rowsPerPageOptions: $props.rowsPerPageOptions,
-          currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: normalizeClass({ 'p-paginator-bottom': $options.paginatorBottom }),
-          alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event))),
-          pt: _ctx.ptm('root')
-        }, createSlots({ _: 2 }, [
-          (_ctx.$slots.paginatorstart)
-            ? {
-                name: "start",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorstart")
-                ]),
-                key: "0"
-              }
-            : undefined,
-          (_ctx.$slots.paginatorend)
-            ? {
-                name: "end",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "paginatorend")
-                ]),
-                key: "1"
-              }
-            : undefined
-        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
-      : createCommentVNode("", true),
-    (_ctx.$slots.footer)
-      ? (openBlock(), createElementBlock("div", mergeProps({
-          key: 3,
-          class: "p-dataview-footer"
-        }, _ctx.ptm('footer')), [
-          renderSlot(_ctx.$slots, "footer")
-        ], 16))
-      : createCommentVNode("", true)
-  ], 16))
+  var _component_DVPaginator = resolveComponent("DVPaginator");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "dataview"
+  }), [_ctx.$slots.header ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 0,
+    "class": _ctx.cx('header')
+  }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header")], 16)) : createCommentVNode("", true), $options.paginatorTop ? (openBlock(), createBlock(_component_DVPaginator, {
+    key: 1,
+    rows: $data.d_rows,
+    first: $data.d_first,
+    totalRecords: $options.getTotalRecords,
+    pageLinkSize: _ctx.pageLinkSize,
+    template: _ctx.paginatorTemplate,
+    rowsPerPageOptions: _ctx.rowsPerPageOptions,
+    currentPageReportTemplate: _ctx.currentPageReportTemplate,
+    "class": normalizeClass(_ctx.cx('paginatorTop')),
+    alwaysShow: _ctx.alwaysShowPaginator,
+    onPage: _cache[0] || (_cache[0] = function ($event) {
+      return $options.onPage($event);
+    }),
+    unstyled: _ctx.unstyled,
+    pt: _ctx.ptm('paginator')
+  }, createSlots({
+    _: 2
+  }, [_ctx.$slots.paginatorstart ? {
+    name: "start",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorstart")];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.paginatorend ? {
+    name: "end",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorend")];
+    }),
+    key: "1"
+  } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('content')
+  }, _ctx.ptm('content')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('grid')
+  }, _ctx.ptm('grid')), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.items, function (item, index) {
+    return openBlock(), createElementBlock(Fragment, {
+      key: $options.getKey(item, index)
+    }, [_ctx.$slots.list && _ctx.layout === 'list' ? renderSlot(_ctx.$slots, "list", {
+      key: 0,
+      data: item,
+      index: index
+    }) : createCommentVNode("", true), _ctx.$slots.grid && _ctx.layout === 'grid' ? renderSlot(_ctx.$slots, "grid", {
+      key: 1,
+      data: item,
+      index: index
+    }) : createCommentVNode("", true)], 64);
+  }), 128)), $options.empty ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 0,
+    "class": _ctx.cx('column')
+  }, _ctx.ptm('column')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('emptyMessage')
+  }, _ctx.ptm('emptyMessage')), [renderSlot(_ctx.$slots, "empty")], 16)], 16)) : createCommentVNode("", true)], 16)], 16), $options.paginatorBottom ? (openBlock(), createBlock(_component_DVPaginator, {
+    key: 2,
+    rows: $data.d_rows,
+    first: $data.d_first,
+    totalRecords: $options.getTotalRecords,
+    pageLinkSize: _ctx.pageLinkSize,
+    template: _ctx.paginatorTemplate,
+    rowsPerPageOptions: _ctx.rowsPerPageOptions,
+    currentPageReportTemplate: _ctx.currentPageReportTemplate,
+    "class": normalizeClass(_ctx.cx('paginatorBottom')),
+    alwaysShow: _ctx.alwaysShowPaginator,
+    onPage: _cache[1] || (_cache[1] = function ($event) {
+      return $options.onPage($event);
+    }),
+    unstyled: _ctx.unstyled,
+    pt: _ctx.ptm('root')
+  }, createSlots({
+    _: 2
+  }, [_ctx.$slots.paginatorstart ? {
+    name: "start",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorstart")];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.paginatorend ? {
+    name: "end",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorend")];
+    }),
+    key: "1"
+  } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 3,
+    "class": _ctx.cx('footer')
+  }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 16);
 }
 
 script.render = render;