primevue 3.28.0 → 3.29.0

package/dataview/DataView.d.ts

@@ -8,8 +8,18 @@
  *
  */
 import { VNode } from 'vue';
+import { PaginatorPassThroughOptionType } from '../paginator';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type DataViewPassThroughOptionType = DataViewPassThroughAttributes | ((options: DataViewPassThroughMethodOptions) => DataViewPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DataViewPassThroughMethodOptions {
+    props: DataViewProps;
+    state: DataViewState;
+}
 /**
  * Custom page event.
  * @see {@link DataViewEmits.page}
@@ -33,6 +43,63 @@ export interface DataViewPageEvent {
     pageCount: number;
 }
 
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DataViewProps.pt}
+ */
+export interface DataViewPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DataViewPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: DataViewPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the Paginator component.
+     * @see {@link PaginatorPassThroughOptionType}
+     */
+    paginator?: PaginatorPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: DataViewPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the column's DOM element.
+     */
+    column?: DataViewPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the empty message's DOM element.
+     */
+    emptyMessage?: DataViewPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: DataViewPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface DataViewPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in DataView component.
+ */
+export interface DataViewState {
+    /**
+     * Current index of first record as a number.
+     */
+    d_first: number;
+    /**
+     * Current number of rows to display in new page as a number.
+     */
+    d_rows: number;
+}
+
 /**
  * Defines valid properties in DataView component. In addition to these, all properties of HTMLDivElement can be used in this component.
  */
@@ -130,6 +197,11 @@ export interface DataViewProps {
      * Name of the data that uniquely identifies the a record in the data.
      */
     dataKey: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DataViewPassThroughOptions}
+     */
+    pt?: DataViewPassThroughOptions;
 }
 
 /**

package/dataview/DataView.vue

@@ -1,6 +1,6 @@
 <template>
-    <div :class="containerClass">
-        <div v-if="$slots.header" class="p-dataview-header">
+    <div :class="containerClass" v-bind="ptm('root')">
+        <div v-if="$slots.header" class="p-dataview-header" v-bind="ptm('header')">
             <slot name="header"></slot>
         </div>
         <DVPaginator
@@ -15,6 +15,7 @@
             :class="{ 'p-paginator-top': paginatorTop }"
             :alwaysShow="alwaysShowPaginator"
             @page="onPage($event)"
+            :pt="ptm('paginator')"
         >
             <template v-if="$slots.paginatorstart" #start>
                 <slot name="paginatorstart"></slot>
@@ -23,14 +24,14 @@
                 <slot name="paginatorend"></slot>
             </template>
         </DVPaginator>
-        <div class="p-dataview-content">
-            <div class="p-grid p-nogutter grid grid-nogutter">
+        <div class="p-dataview-content" v-bind="ptm('content')">
+            <div class="p-grid p-nogutter grid grid-nogutter" v-bind="ptm('grid')">
                 <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>
-                <div v-if="empty" class="p-col col">
-                    <div class="p-dataview-emptymessage">
+                <div v-if="empty" class="p-col col" v-bind="ptm('column')">
+                    <div class="p-dataview-emptymessage" v-bind="ptm('emptyMessage')">
                         <slot name="empty"></slot>
                     </div>
                 </div>
@@ -48,6 +49,7 @@
             :class="{ 'p-paginator-bottom': paginatorBottom }"
             :alwaysShow="alwaysShowPaginator"
             @page="onPage($event)"
+            :pt="ptm('root')"
         >
             <template v-if="$slots.paginatorstart" #start>
                 <slot name="paginatorstart"></slot>
@@ -56,17 +58,20 @@
                 <slot name="paginatorend"></slot>
             </template>
         </DVPaginator>
-        <div v-if="$slots.footer" class="p-dataview-footer">
+        <div v-if="$slots.footer" class="p-dataview-footer" v-bind="ptm('footer')">
             <slot name="footer"></slot>
         </div>
     </div>
 </template>
+
 <script>
-import { ObjectUtils } from 'primevue/utils';
+import BaseComponent from 'primevue/basecomponent';
 import Paginator from 'primevue/paginator';
+import { ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'DataView',
+    extends: BaseComponent,
     emits: ['update:first', 'update:rows', 'page'],
     props: {
         value: {

package/dataview/dataview.cjs.js

@@ -1,15 +1,18 @@
 'use strict';
 
-var utils = require('primevue/utils');
+var BaseComponent = require('primevue/basecomponent');
 var Paginator = require('primevue/paginator');
+var utils = require('primevue/utils');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var Paginator__default = /*#__PURE__*/_interopDefaultLegacy(Paginator);
 
 var script = {
     name: 'DataView',
+    extends: BaseComponent__default["default"],
     emits: ['update:first', 'update:rows', 'page'],
     props: {
         value: {
@@ -185,32 +188,17 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  key: 0,
-  class: "p-dataview-header"
-};
-const _hoisted_2 = { class: "p-dataview-content" };
-const _hoisted_3 = { class: "p-grid p-nogutter grid grid-nogutter" };
-const _hoisted_4 = {
-  key: 0,
-  class: "p-col col"
-};
-const _hoisted_5 = { class: "p-dataview-emptymessage" };
-const _hoisted_6 = {
-  key: 3,
-  class: "p-dataview-footer"
-};
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DVPaginator = vue.resolveComponent("DVPaginator");
 
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass($options.containerClass)
-  }, [
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
     (_ctx.$slots.header)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          key: 0,
+          class: "p-dataview-header"
+        }, _ctx.ptm('header')), [
           vue.renderSlot(_ctx.$slots, "header")
-        ]))
+        ], 16))
       : vue.createCommentVNode("", true),
     ($options.paginatorTop)
       ? (vue.openBlock(), vue.createBlock(_component_DVPaginator, {
@@ -224,7 +212,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           currentPageReportTemplate: $props.currentPageReportTemplate,
           class: vue.normalizeClass({ 'p-paginator-top': $options.paginatorTop }),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
+          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event))),
+          pt: _ctx.ptm('paginator')
         }, vue.createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -244,10 +233,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: "1"
               }
             : undefined
-        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
+        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
       : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", _hoisted_2, [
-      vue.createElementVNode("div", _hoisted_3, [
+    vue.createElementVNode("div", vue.mergeProps({ class: "p-dataview-content" }, _ctx.ptm('content')), [
+      vue.createElementVNode("div", vue.mergeProps({ class: "p-grid p-nogutter grid grid-nogutter" }, _ctx.ptm('grid')), [
         (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)
@@ -269,14 +258,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 64))
         }), 128)),
         ($options.empty)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-              vue.createElementVNode("div", _hoisted_5, [
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              key: 0,
+              class: "p-col col"
+            }, _ctx.ptm('column')), [
+              vue.createElementVNode("div", vue.mergeProps({ class: "p-dataview-emptymessage" }, _ctx.ptm('emptyMessage')), [
                 vue.renderSlot(_ctx.$slots, "empty")
-              ])
-            ]))
+              ], 16)
+            ], 16))
           : vue.createCommentVNode("", true)
-      ])
-    ]),
+      ], 16)
+    ], 16),
     ($options.paginatorBottom)
       ? (vue.openBlock(), vue.createBlock(_component_DVPaginator, {
           key: 2,
@@ -289,7 +281,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           currentPageReportTemplate: $props.currentPageReportTemplate,
           class: vue.normalizeClass({ 'p-paginator-bottom': $options.paginatorBottom }),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
+          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event))),
+          pt: _ctx.ptm('root')
         }, vue.createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -309,14 +302,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: "1"
               }
             : undefined
-        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
+        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
       : vue.createCommentVNode("", true),
     (_ctx.$slots.footer)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+      ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          key: 3,
+          class: "p-dataview-footer"
+        }, _ctx.ptm('footer')), [
           vue.renderSlot(_ctx.$slots, "footer")
-        ]))
+        ], 16))
       : vue.createCommentVNode("", true)
-  ], 2))
+  ], 16))
 }
 
 script.render = render;

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"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")])),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"])):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")])),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"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},module.exports=o;
+"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;

package/dataview/dataview.esm.js

@@ -1,9 +1,11 @@
-import { ObjectUtils } from 'primevue/utils';
+import BaseComponent from 'primevue/basecomponent';
 import Paginator from 'primevue/paginator';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createBlock, createSlots, withCtx, createElementVNode, Fragment, renderList } from 'vue';
+import { ObjectUtils } from 'primevue/utils';
+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: {
@@ -179,32 +181,17 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  key: 0,
-  class: "p-dataview-header"
-};
-const _hoisted_2 = { class: "p-dataview-content" };
-const _hoisted_3 = { class: "p-grid p-nogutter grid grid-nogutter" };
-const _hoisted_4 = {
-  key: 0,
-  class: "p-col col"
-};
-const _hoisted_5 = { class: "p-dataview-emptymessage" };
-const _hoisted_6 = {
-  key: 3,
-  class: "p-dataview-footer"
-};
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DVPaginator = resolveComponent("DVPaginator");
 
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass($options.containerClass)
-  }, [
+  return (openBlock(), createElementBlock("div", mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
     (_ctx.$slots.header)
-      ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      ? (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, {
@@ -218,7 +205,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           currentPageReportTemplate: $props.currentPageReportTemplate,
           class: normalizeClass({ 'p-paginator-top': $options.paginatorTop }),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
+          onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event))),
+          pt: _ctx.ptm('paginator')
         }, createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -238,10 +226,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: "1"
               }
             : undefined
-        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
+        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
       : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("div", _hoisted_3, [
+    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)
@@ -263,14 +251,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 64))
         }), 128)),
         ($options.empty)
-          ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, [
+          ? (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,
@@ -283,7 +274,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           currentPageReportTemplate: $props.currentPageReportTemplate,
           class: normalizeClass({ 'p-paginator-bottom': $options.paginatorBottom }),
           alwaysShow: $props.alwaysShowPaginator,
-          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
+          onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event))),
+          pt: _ctx.ptm('root')
         }, createSlots({ _: 2 }, [
           (_ctx.$slots.paginatorstart)
             ? {
@@ -303,14 +295,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: "1"
               }
             : undefined
-        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
+        ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
       : createCommentVNode("", true),
     (_ctx.$slots.footer)
-      ? (openBlock(), createElementBlock("div", _hoisted_6, [
+      ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 3,
+          class: "p-dataview-footer"
+        }, _ctx.ptm('footer')), [
           renderSlot(_ctx.$slots, "footer")
-        ]))
+        ], 16))
       : createCommentVNode("", true)
-  ], 2))
+  ], 16))
 }
 
 script.render = render;

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,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 y={key:0,class:"p-dataview-header"},f={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",y,[i(t.$slots,"header")])):l("",!0),S.paginatorTop?(s(),n(R,{key:1,rows:$.d_rows,first:$.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")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):l("",!0),g("div",f,[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:$.d_rows,first:$.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")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")])),key:"1"}: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};
+import t from"primevue/basecomponent";import e from"primevue/paginator";import{ObjectUtils as a}from"primevue/utils";import{resolveComponent as r,openBlock as o,createElementBlock as s,mergeProps as i,renderSlot as n,createCommentVNode as l,createBlock as p,normalizeClass as d,createSlots as g,withCtx as u,createElementVNode as m,Fragment as h,renderList as f}from"vue";var y={name:"DataView",extends:t,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?a.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 r=a.resolveFieldData(t,this.sortField),o=a.resolveFieldData(e,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})),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:e}};y.render=function(t,e,a,y,c,w){const P=r("DVPaginator");return o(),s("div",i({class:w.containerClass},t.ptm("root")),[t.$slots.header?(o(),s("div",i({key:0,class:"p-dataview-header"},t.ptm("header")),[n(t.$slots,"header")],16)):l("",!0),w.paginatorTop?(o(),p(P,{key:1,rows:c.d_rows,first:c.d_first,totalRecords:w.getTotalRecords,pageLinkSize:a.pageLinkSize,template:a.paginatorTemplate,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,class:d({"p-paginator-top":w.paginatorTop}),alwaysShow:a.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>w.onPage(t)),pt:t.ptm("paginator")},g({_:2},[t.$slots.paginatorstart?{name:"start",fn:u((()=>[n(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:u((()=>[n(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","pt"])):l("",!0),m("div",i({class:"p-dataview-content"},t.ptm("content")),[m("div",i({class:"p-grid p-nogutter grid grid-nogutter"},t.ptm("grid")),[(o(!0),s(h,null,f(w.items,((e,r)=>(o(),s(h,{key:w.getKey(e,r)},[t.$slots.list&&"list"===a.layout?n(t.$slots,"list",{key:0,data:e,index:r}):l("",!0),t.$slots.grid&&"grid"===a.layout?n(t.$slots,"grid",{key:1,data:e,index:r}):l("",!0)],64)))),128)),w.empty?(o(),s("div",i({key:0,class:"p-col col"},t.ptm("column")),[m("div",i({class:"p-dataview-emptymessage"},t.ptm("emptyMessage")),[n(t.$slots,"empty")],16)],16)):l("",!0)],16)],16),w.paginatorBottom?(o(),p(P,{key:2,rows:c.d_rows,first:c.d_first,totalRecords:w.getTotalRecords,pageLinkSize:a.pageLinkSize,template:a.paginatorTemplate,rowsPerPageOptions:a.rowsPerPageOptions,currentPageReportTemplate:a.currentPageReportTemplate,class:d({"p-paginator-bottom":w.paginatorBottom}),alwaysShow:a.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>w.onPage(t)),pt:t.ptm("root")},g({_:2},[t.$slots.paginatorstart?{name:"start",fn:u((()=>[n(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:u((()=>[n(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","pt"])):l("",!0),t.$slots.footer?(o(),s("div",i({key:3,class:"p-dataview-footer"},t.ptm("footer")),[n(t.$slots,"footer")],16)):l("",!0)],16)};export{y as default};

package/dataview/dataview.js

@@ -1,13 +1,15 @@
 this.primevue = this.primevue || {};
-this.primevue.dataview = (function (utils, Paginator, vue) {
+this.primevue.dataview = (function (BaseComponent, Paginator, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Paginator__default = /*#__PURE__*/_interopDefaultLegacy(Paginator);
 
     var script = {
         name: 'DataView',
+        extends: BaseComponent__default["default"],
         emits: ['update:first', 'update:rows', 'page'],
         props: {
             value: {
@@ -183,32 +185,17 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
         }
     };
 
-    const _hoisted_1 = {
-      key: 0,
-      class: "p-dataview-header"
-    };
-    const _hoisted_2 = { class: "p-dataview-content" };
-    const _hoisted_3 = { class: "p-grid p-nogutter grid grid-nogutter" };
-    const _hoisted_4 = {
-      key: 0,
-      class: "p-col col"
-    };
-    const _hoisted_5 = { class: "p-dataview-emptymessage" };
-    const _hoisted_6 = {
-      key: 3,
-      class: "p-dataview-footer"
-    };
-
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_DVPaginator = vue.resolveComponent("DVPaginator");
 
-      return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass($options.containerClass)
-      }, [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
         (_ctx.$slots.header)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              key: 0,
+              class: "p-dataview-header"
+            }, _ctx.ptm('header')), [
               vue.renderSlot(_ctx.$slots, "header")
-            ]))
+            ], 16))
           : vue.createCommentVNode("", true),
         ($options.paginatorTop)
           ? (vue.openBlock(), vue.createBlock(_component_DVPaginator, {
@@ -222,7 +209,8 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               currentPageReportTemplate: $props.currentPageReportTemplate,
               class: vue.normalizeClass({ 'p-paginator-top': $options.paginatorTop }),
               alwaysShow: $props.alwaysShowPaginator,
-              onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
+              onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event))),
+              pt: _ctx.ptm('paginator')
             }, vue.createSlots({ _: 2 }, [
               (_ctx.$slots.paginatorstart)
                 ? {
@@ -242,10 +230,10 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
                     key: "1"
                   }
                 : undefined
-            ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
+            ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
           : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
+        vue.createElementVNode("div", vue.mergeProps({ class: "p-dataview-content" }, _ctx.ptm('content')), [
+          vue.createElementVNode("div", vue.mergeProps({ class: "p-grid p-nogutter grid grid-nogutter" }, _ctx.ptm('grid')), [
             (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)
@@ -267,14 +255,17 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               ], 64))
             }), 128)),
             ($options.empty)
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                  vue.createElementVNode("div", _hoisted_5, [
+              ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                  key: 0,
+                  class: "p-col col"
+                }, _ctx.ptm('column')), [
+                  vue.createElementVNode("div", vue.mergeProps({ class: "p-dataview-emptymessage" }, _ctx.ptm('emptyMessage')), [
                     vue.renderSlot(_ctx.$slots, "empty")
-                  ])
-                ]))
+                  ], 16)
+                ], 16))
               : vue.createCommentVNode("", true)
-          ])
-        ]),
+          ], 16)
+        ], 16),
         ($options.paginatorBottom)
           ? (vue.openBlock(), vue.createBlock(_component_DVPaginator, {
               key: 2,
@@ -287,7 +278,8 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
               currentPageReportTemplate: $props.currentPageReportTemplate,
               class: vue.normalizeClass({ 'p-paginator-bottom': $options.paginatorBottom }),
               alwaysShow: $props.alwaysShowPaginator,
-              onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
+              onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event))),
+              pt: _ctx.ptm('root')
             }, vue.createSlots({ _: 2 }, [
               (_ctx.$slots.paginatorstart)
                 ? {
@@ -307,18 +299,21 @@ this.primevue.dataview = (function (utils, Paginator, vue) {
                     key: "1"
                   }
                 : undefined
-            ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
+            ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "pt"]))
           : vue.createCommentVNode("", true),
         (_ctx.$slots.footer)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              key: 3,
+              class: "p-dataview-footer"
+            }, _ctx.ptm('footer')), [
               vue.renderSlot(_ctx.$slots, "footer")
-            ]))
+            ], 16))
           : vue.createCommentVNode("", true)
-      ], 2))
+      ], 16))
     }
 
     script.render = render;
 
     return script;
 
-})(primevue.utils, primevue.paginator, Vue);
+})(primevue.basecomponent, primevue.paginator, primevue.utils, Vue);