primevue 3.35.0 → 3.36.0

package/dataview/dataview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.dataview=function(t,e,r,o){"use strict";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",paginator:function(t){var e=t.instance;return e.paginatorTop?"p-paginator-top":e.paginatorBottom?"p-paginator-bottom":""},content:"p-dataview-content",grid:"p-grid p-nogutter grid grid-nogutter",column:"p-col col",emptyMessage:"p-dataview-emptymessage",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(),a=new Intl.Collator(void 0,{numeric:!0}).compare;return o.sort((function(t,o){var n=e.ObjectUtils.resolveFieldData(t,r.sortField),i=e.ObjectUtils.resolveFieldData(o,r.sortField),s=null;return s=null==n&&null!=i?-1:null!=n&&null==i?1:null==n&&null==i?0:"string"==typeof n&&"string"==typeof i?a(n,i):n<i?-1:n>i?1:0,r.sortOrder*s})),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}};return 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("paginator")),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("paginator")),alwaysShow:t.alwaysShowPaginator,onPage:e[1]||(e[1]=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),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)},d}(primevue.paginator,primevue.utils,primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.dataview=function(t,e,r,o,a){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=n(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 l(t,e){if(t){if("string"==typeof t)return d(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)?d(t,e):void 0}}function p(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(t){if(Array.isArray(t))return d(t)}function d(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 c={name:"DataView",extends:{name:"BaseDataView",extends:n(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}},style:n(o).default,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=u(t=this.value)||p(t)||l(t)||i(),a=e.ObjectUtils.localeComparator();return o.sort((function(t,o){var n=e.ObjectUtils.resolveFieldData(t,r.sortField),s=e.ObjectUtils.resolveFieldData(o,r.sortField);return e.ObjectUtils.sort(n,s,r.sortOrder,a)})),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:s.default}};return c.render=function(t,e,r,o,n,s){var i=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"dataview"}),[t.$slots.header?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:t.cx("header")},t.ptm("header")),[a.renderSlot(t.$slots,"header")],16)):a.createCommentVNode("",!0),s.paginatorTop?(a.openBlock(),a.createBlock(i,{key:1,rows:n.d_rows,first:n.d_first,totalRecords:s.getTotalRecords,pageLinkSize:t.pageLinkSize,template:t.paginatorTemplate,rowsPerPageOptions:t.rowsPerPageOptions,currentPageReportTemplate:t.currentPageReportTemplate,class:a.normalizeClass(t.cx("paginator")),alwaysShow:t.alwaysShowPaginator,onPage:e[0]||(e[0]=function(t){return s.onPage(t)}),unstyled:t.unstyled,pt:t.ptm("paginator")},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((function(){return[a.renderSlot(t.$slots,"paginatorstart")]})),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((function(){return[a.renderSlot(t.$slots,"paginatorend")]})),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","unstyled","pt"])):a.createCommentVNode("",!0),a.createElementVNode("div",a.mergeProps({class:t.cx("content")},t.ptm("content")),[a.createElementVNode("div",a.mergeProps({class:t.cx("grid")},t.ptm("grid")),[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(s.items,(function(e,r){return a.openBlock(),a.createElementBlock(a.Fragment,{key:s.getKey(e,r)},[t.$slots.list&&"list"===t.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:r}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===t.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:r}):a.createCommentVNode("",!0)],64)})),128)),s.empty?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:t.cx("column")},t.ptm("column")),[a.createElementVNode("div",a.mergeProps({class:t.cx("emptyMessage")},t.ptm("emptyMessage")),[a.renderSlot(t.$slots,"empty")],16)],16)):a.createCommentVNode("",!0)],16)],16),s.paginatorBottom?(a.openBlock(),a.createBlock(i,{key:2,rows:n.d_rows,first:n.d_first,totalRecords:s.getTotalRecords,pageLinkSize:t.pageLinkSize,template:t.paginatorTemplate,rowsPerPageOptions:t.rowsPerPageOptions,currentPageReportTemplate:t.currentPageReportTemplate,class:a.normalizeClass(t.cx("paginator")),alwaysShow:t.alwaysShowPaginator,onPage:e[1]||(e[1]=function(t){return s.onPage(t)}),unstyled:t.unstyled,pt:t.ptm("paginator")},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((function(){return[a.renderSlot(t.$slots,"paginatorstart")]})),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((function(){return[a.renderSlot(t.$slots,"paginatorend")]})),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow","unstyled","pt"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:3,class:t.cx("footer")},t.ptm("footer")),[a.renderSlot(t.$slots,"footer")],16)):a.createCommentVNode("",!0)],16)},c}(primevue.paginator,primevue.utils,primevue.basecomponent,primevue.dataview.style,Vue);

package/dataview/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./dataview.cjs.js",
-  "module": "./dataview.esm.js",
-  "unpkg": "./dataview.min.js",
-  "types": "./DataView.d.ts",
-  "browser": {
-    "./sfc": "./DataView.vue"
-  }
-}
+    "main": "./dataview.cjs.js",
+    "module": "./dataview.esm.js",
+    "unpkg": "./dataview.min.js",
+    "types": "./DataView.d.ts",
+    "browser": {
+        "./sfc": "./DataView.vue"
+    }
+}

package/dataview/style/DataViewStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface DataViewStyle extends BaseStyle {}

package/dataview/style/dataviewstyle.cjs.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+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',
+  paginator: function paginator(_ref2) {
+    var instance = _ref2.instance;
+    return instance.paginatorTop ? 'p-paginator-top' : instance.paginatorBottom ? 'p-paginator-bottom' : '';
+  },
+  content: 'p-dataview-content',
+  grid: 'p-grid p-nogutter grid grid-nogutter',
+  column: 'p-col col',
+  emptyMessage: 'p-dataview-emptymessage',
+  footer: 'p-dataview-footer'
+};
+var DataViewStyle = BaseStyle__default["default"].extend({
+  name: 'dataview',
+  classes: classes
+});
+
+module.exports = DataViewStyle;

package/dataview/style/dataviewstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=t(require("primevue/base/style")).default.extend({name:"dataview",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",paginator:function(t){var e=t.instance;return e.paginatorTop?"p-paginator-top":e.paginatorBottom?"p-paginator-bottom":""},content:"p-dataview-content",grid:"p-grid p-nogutter grid grid-nogutter",column:"p-col col",emptyMessage:"p-dataview-emptymessage",footer:"p-dataview-footer"}});module.exports=e;

package/dataview/style/dataviewstyle.esm.js

@@ -0,0 +1,27 @@
+import BaseStyle from 'primevue/base/style';
+
+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',
+  paginator: function paginator(_ref2) {
+    var instance = _ref2.instance;
+    return instance.paginatorTop ? 'p-paginator-top' : instance.paginatorBottom ? 'p-paginator-bottom' : '';
+  },
+  content: 'p-dataview-content',
+  grid: 'p-grid p-nogutter grid grid-nogutter',
+  column: 'p-col col',
+  emptyMessage: 'p-dataview-emptymessage',
+  footer: 'p-dataview-footer'
+};
+var DataViewStyle = BaseStyle.extend({
+  name: 'dataview',
+  classes: classes
+});
+
+export { DataViewStyle as default };

package/dataview/style/dataviewstyle.esm.min.js

@@ -0,0 +1 @@
+import t from"primevue/base/style";var a=t.extend({name:"dataview",classes:{root:function(t){var a=t.props;return["p-dataview p-component",{"p-dataview-list":"list"===a.layout,"p-dataview-grid":"grid"===a.layout}]},header:"p-dataview-header",paginator:function(t){var a=t.instance;return a.paginatorTop?"p-paginator-top":a.paginatorBottom?"p-paginator-bottom":""},content:"p-dataview-content",grid:"p-grid p-nogutter grid grid-nogutter",column:"p-col col",emptyMessage:"p-dataview-emptymessage",footer:"p-dataview-footer"}});export{a as default};

package/dataview/style/dataviewstyle.js

@@ -0,0 +1,36 @@
+this.primevue = this.primevue || {};
+this.primevue.dataview = this.primevue.dataview || {};
+this.primevue.dataview.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    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',
+      paginator: function paginator(_ref2) {
+        var instance = _ref2.instance;
+        return instance.paginatorTop ? 'p-paginator-top' : instance.paginatorBottom ? 'p-paginator-bottom' : '';
+      },
+      content: 'p-dataview-content',
+      grid: 'p-grid p-nogutter grid grid-nogutter',
+      column: 'p-col col',
+      emptyMessage: 'p-dataview-emptymessage',
+      footer: 'p-dataview-footer'
+    };
+    var DataViewStyle = BaseStyle__default["default"].extend({
+      name: 'dataview',
+      classes: classes
+    });
+
+    return DataViewStyle;
+
+})(primevue.base.style);

package/dataview/style/dataviewstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.dataview=this.primevue.dataview||{},this.primevue.dataview.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return e(primevue.base.style).default.extend({name:"dataview",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",paginator:function(t){var e=t.instance;return e.paginatorTop?"p-paginator-top":e.paginatorBottom?"p-paginator-bottom":""},content:"p-dataview-content",grid:"p-grid p-nogutter grid grid-nogutter",column:"p-col col",emptyMessage:"p-dataview-emptymessage",footer:"p-dataview-footer"}})}();

package/dataview/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./dataviewstyle.cjs.js",
+    "module": "./dataviewstyle.esm.js",
+    "unpkg": "./dataviewstyle.min.js",
+    "types": "./DataViewStyle.d.ts"
+}

package/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue

@@ -1,21 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: 'p-dataview-layout-options p-selectbutton p-buttonset',
-    listButton: ({ props }) => [
-        'p-button p-button-icon-only',
-        {
-            'p-highlight': props.modelValue === 'list'
-        }
-    ],
-    gridButton: ({ props }) => [
-        'p-button p-button-icon-only',
-        {
-            'p-highlight': props.modelValue === 'grid'
-        }
-    ]
-};
+import DataViewLayoutOptionsStyle from 'primevue/dataviewlayoutoptions/style';
 
 export default {
     name: 'BaseDataViewLayoutOptions',
@@ -23,9 +8,7 @@ export default {
     props: {
         modelValue: String
     },
-    css: {
-        classes
-    },
+    style: DataViewLayoutOptionsStyle,
     provide() {
         return {
             $parentInstance: this

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.js

@@ -3,6 +3,7 @@
 var BarsIcon = require('primevue/icons/bars');
 var ThLargeIcon = require('primevue/icons/thlarge');
 var BaseComponent = require('primevue/basecomponent');
+var DataViewLayoutOptionsStyle = require('primevue/dataviewlayoutoptions/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,31 +11,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
 var ThLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(ThLargeIcon);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var DataViewLayoutOptionsStyle__default = /*#__PURE__*/_interopDefaultLegacy(DataViewLayoutOptionsStyle);
 
-var classes = {
-  root: 'p-dataview-layout-options p-selectbutton p-buttonset',
-  listButton: function listButton(_ref) {
-    var props = _ref.props;
-    return ['p-button p-button-icon-only', {
-      'p-highlight': props.modelValue === 'list'
-    }];
-  },
-  gridButton: function gridButton(_ref2) {
-    var props = _ref2.props;
-    return ['p-button p-button-icon-only', {
-      'p-highlight': props.modelValue === 'grid'
-    }];
-  }
-};
 var script$1 = {
   name: 'BaseDataViewLayoutOptions',
   "extends": BaseComponent__default["default"],
   props: {
     modelValue: String
   },
-  css: {
-    classes: classes
-  },
+  style: DataViewLayoutOptionsStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this

package/dataviewlayoutoptions/dataviewlayoutoptions.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/bars"),t=require("primevue/icons/thlarge"),r=require("primevue/basecomponent"),i=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),s=o(t),a={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:o(r).default,props:{modelValue:String},css:{classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(e){return["p-button p-button-icon-only",{"p-highlight":"list"===e.props.modelValue}]},gridButton:function(e){return["p-button p-button-icon-only",{"p-highlight":"grid"===e.props.modelValue}]}}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:n.default,ThLargeIcon:s.default}},u=["aria-label","aria-pressed"],l=["aria-label","aria-pressed"];a.render=function(e,t,r,o,n,s){var a=i.resolveComponent("BarsIcon"),c=i.resolveComponent("ThLargeIcon");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"group"},e.ptm("root")),[i.createElementVNode("button",i.mergeProps({"aria-label":s.listViewAriaLabel,class:e.cx("listButton"),onClick:t[0]||(t[0]=function(e){return s.changeLayout("list")}),type:"button","aria-pressed":n.isListButtonPressed},e.ptm("listButton")),[i.renderSlot(e.$slots,"listicon",{},(function(){return[i.createVNode(a,i.normalizeProps(i.guardReactiveProps(e.ptm("listIcon"))),null,16)]}))],16,u),i.createElementVNode("button",i.mergeProps({"aria-label":s.gridViewAriaLabel,class:e.cx("gridButton"),onClick:t[1]||(t[1]=function(e){return s.changeLayout("grid")}),type:"button","aria-pressed":n.isGridButtonPressed},e.ptm("gridButton")),[i.renderSlot(e.$slots,"gridicon",{},(function(){return[i.createVNode(c,i.normalizeProps(i.guardReactiveProps(e.ptm("gridIcon"))),null,16)]}))],16,l)],16)},module.exports=a;
+"use strict";var e=require("primevue/icons/bars"),t=require("primevue/icons/thlarge"),r=require("primevue/basecomponent"),i=require("primevue/dataviewlayoutoptions/style"),o=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),s=n(t),u={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:n(r).default,props:{modelValue:String},style:n(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:a.default,ThLargeIcon:s.default}},l=["aria-label","aria-pressed"],d=["aria-label","aria-pressed"];u.render=function(e,t,r,i,n,a){var s=o.resolveComponent("BarsIcon"),u=o.resolveComponent("ThLargeIcon");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),role:"group"},e.ptm("root")),[o.createElementVNode("button",o.mergeProps({"aria-label":a.listViewAriaLabel,class:e.cx("listButton"),onClick:t[0]||(t[0]=function(e){return a.changeLayout("list")}),type:"button","aria-pressed":n.isListButtonPressed},e.ptm("listButton")),[o.renderSlot(e.$slots,"listicon",{},(function(){return[o.createVNode(s,o.normalizeProps(o.guardReactiveProps(e.ptm("listIcon"))),null,16)]}))],16,l),o.createElementVNode("button",o.mergeProps({"aria-label":a.gridViewAriaLabel,class:e.cx("gridButton"),onClick:t[1]||(t[1]=function(e){return a.changeLayout("grid")}),type:"button","aria-pressed":n.isGridButtonPressed},e.ptm("gridButton")),[o.renderSlot(e.$slots,"gridicon",{},(function(){return[o.createVNode(u,o.normalizeProps(o.guardReactiveProps(e.ptm("gridIcon"))),null,16)]}))],16,d)],16)},module.exports=u;

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.js

@@ -1,32 +1,16 @@
 import BarsIcon from 'primevue/icons/bars';
 import ThLargeIcon from 'primevue/icons/thlarge';
 import BaseComponent from 'primevue/basecomponent';
+import DataViewLayoutOptionsStyle from 'primevue/dataviewlayoutoptions/style';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, createVNode, normalizeProps, guardReactiveProps } from 'vue';
 
-var classes = {
-  root: 'p-dataview-layout-options p-selectbutton p-buttonset',
-  listButton: function listButton(_ref) {
-    var props = _ref.props;
-    return ['p-button p-button-icon-only', {
-      'p-highlight': props.modelValue === 'list'
-    }];
-  },
-  gridButton: function gridButton(_ref2) {
-    var props = _ref2.props;
-    return ['p-button p-button-icon-only', {
-      'p-highlight': props.modelValue === 'grid'
-    }];
-  }
-};
 var script$1 = {
   name: 'BaseDataViewLayoutOptions',
   "extends": BaseComponent,
   props: {
     modelValue: String
   },
-  css: {
-    classes: classes
-  },
+  style: DataViewLayoutOptionsStyle,
   provide: function provide() {
     return {
       $parentInstance: this

package/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js

@@ -1 +1 @@
-import t from"primevue/icons/bars";import i from"primevue/icons/thlarge";import e from"primevue/basecomponent";import{resolveComponent as o,openBlock as r,createElementBlock as n,mergeProps as s,createElementVNode as a,renderSlot as u,createVNode as l,normalizeProps as c,guardReactiveProps as p}from"vue";var d={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:e,props:{modelValue:String},css:{classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"list"===t.props.modelValue}]},gridButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"grid"===t.props.modelValue}]}}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(t){this.$emit("update:modelValue",t),"list"===t?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===t&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:t,ThLargeIcon:i}},m=["aria-label","aria-pressed"],g=["aria-label","aria-pressed"];d.render=function(t,i,e,d,h,f){var b=o("BarsIcon"),B=o("ThLargeIcon");return r(),n("div",s({class:t.cx("root"),role:"group"},t.ptm("root")),[a("button",s({"aria-label":f.listViewAriaLabel,class:t.cx("listButton"),onClick:i[0]||(i[0]=function(t){return f.changeLayout("list")}),type:"button","aria-pressed":h.isListButtonPressed},t.ptm("listButton")),[u(t.$slots,"listicon",{},(function(){return[l(b,c(p(t.ptm("listIcon"))),null,16)]}))],16,m),a("button",s({"aria-label":f.gridViewAriaLabel,class:t.cx("gridButton"),onClick:i[1]||(i[1]=function(t){return f.changeLayout("grid")}),type:"button","aria-pressed":h.isGridButtonPressed},t.ptm("gridButton")),[u(t.$slots,"gridicon",{},(function(){return[l(B,c(p(t.ptm("gridIcon"))),null,16)]}))],16,g)],16)};export{d as default};
+import t from"primevue/icons/bars";import i from"primevue/icons/thlarge";import e from"primevue/basecomponent";import r from"primevue/dataviewlayoutoptions/style";import{resolveComponent as o,openBlock as s,createElementBlock as n,mergeProps as a,createElementVNode as u,renderSlot as l,createVNode as c,normalizeProps as d,guardReactiveProps as p}from"vue";var m={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:e,props:{modelValue:String},style:r,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(t){this.$emit("update:modelValue",t),"list"===t?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===t&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:t,ThLargeIcon:i}},g=["aria-label","aria-pressed"],f=["aria-label","aria-pressed"];m.render=function(t,i,e,r,m,h){var v=o("BarsIcon"),B=o("ThLargeIcon");return s(),n("div",a({class:t.cx("root"),role:"group"},t.ptm("root")),[u("button",a({"aria-label":h.listViewAriaLabel,class:t.cx("listButton"),onClick:i[0]||(i[0]=function(t){return h.changeLayout("list")}),type:"button","aria-pressed":m.isListButtonPressed},t.ptm("listButton")),[l(t.$slots,"listicon",{},(function(){return[c(v,d(p(t.ptm("listIcon"))),null,16)]}))],16,g),u("button",a({"aria-label":h.gridViewAriaLabel,class:t.cx("gridButton"),onClick:i[1]||(i[1]=function(t){return h.changeLayout("grid")}),type:"button","aria-pressed":m.isGridButtonPressed},t.ptm("gridButton")),[l(t.$slots,"gridicon",{},(function(){return[c(B,d(p(t.ptm("gridIcon"))),null,16)]}))],16,f)],16)};export{m as default};

package/dataviewlayoutoptions/dataviewlayoutoptions.js

@@ -1,5 +1,5 @@
 this.primevue = this.primevue || {};
-this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, BaseComponent, vue) {
+this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, BaseComponent, DataViewLayoutOptionsStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7,31 +7,15 @@ this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, BaseComp
     var BarsIcon__default = /*#__PURE__*/_interopDefaultLegacy(BarsIcon);
     var ThLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(ThLargeIcon);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var DataViewLayoutOptionsStyle__default = /*#__PURE__*/_interopDefaultLegacy(DataViewLayoutOptionsStyle);
 
-    var classes = {
-      root: 'p-dataview-layout-options p-selectbutton p-buttonset',
-      listButton: function listButton(_ref) {
-        var props = _ref.props;
-        return ['p-button p-button-icon-only', {
-          'p-highlight': props.modelValue === 'list'
-        }];
-      },
-      gridButton: function gridButton(_ref2) {
-        var props = _ref2.props;
-        return ['p-button p-button-icon-only', {
-          'p-highlight': props.modelValue === 'grid'
-        }];
-      }
-    };
     var script$1 = {
       name: 'BaseDataViewLayoutOptions',
       "extends": BaseComponent__default["default"],
       props: {
         modelValue: String
       },
-      css: {
-        classes: classes
-      },
+      style: DataViewLayoutOptionsStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -110,4 +94,4 @@ this.primevue.dataviewlayoutoptions = (function (BarsIcon, ThLargeIcon, BaseComp
 
     return script;
 
-})(primevue.icons.bars, primevue.icons.thlarge, primevue.basecomponent, Vue);
+})(primevue.icons.bars, primevue.icons.thlarge, primevue.basecomponent, primevue.dataviewlayoutoptions.style, Vue);

package/dataviewlayoutoptions/dataviewlayoutoptions.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(e,t,i,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e),s=r(t),a={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:r(i).default,props:{modelValue:String},css:{classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(e){return["p-button p-button-icon-only",{"p-highlight":"list"===e.props.modelValue}]},gridButton:function(e){return["p-button p-button-icon-only",{"p-highlight":"grid"===e.props.modelValue}]}}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:n.default,ThLargeIcon:s.default}},u=["aria-label","aria-pressed"],l=["aria-label","aria-pressed"];return a.render=function(e,t,i,r,n,s){var a=o.resolveComponent("BarsIcon"),c=o.resolveComponent("ThLargeIcon");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),role:"group"},e.ptm("root")),[o.createElementVNode("button",o.mergeProps({"aria-label":s.listViewAriaLabel,class:e.cx("listButton"),onClick:t[0]||(t[0]=function(e){return s.changeLayout("list")}),type:"button","aria-pressed":n.isListButtonPressed},e.ptm("listButton")),[o.renderSlot(e.$slots,"listicon",{},(function(){return[o.createVNode(a,o.normalizeProps(o.guardReactiveProps(e.ptm("listIcon"))),null,16)]}))],16,u),o.createElementVNode("button",o.mergeProps({"aria-label":s.gridViewAriaLabel,class:e.cx("gridButton"),onClick:t[1]||(t[1]=function(e){return s.changeLayout("grid")}),type:"button","aria-pressed":n.isGridButtonPressed},e.ptm("gridButton")),[o.renderSlot(e.$slots,"gridicon",{},(function(){return[o.createVNode(c,o.normalizeProps(o.guardReactiveProps(e.ptm("gridIcon"))),null,16)]}))],16,l)],16)},a}(primevue.icons.bars,primevue.icons.thlarge,primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=function(e,t,i,r,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),s=n(t),u={name:"DataViewLayoutOptions",extends:{name:"BaseDataViewLayoutOptions",extends:n(i).default,props:{modelValue:String},style:n(r).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],data:function(){return{isListButtonPressed:!1,isGridButtonPressed:!1}},methods:{changeLayout:function(e){this.$emit("update:modelValue",e),"list"===e?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===e&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{listViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}},components:{BarsIcon:a.default,ThLargeIcon:s.default}},l=["aria-label","aria-pressed"],c=["aria-label","aria-pressed"];return u.render=function(e,t,i,r,n,a){var s=o.resolveComponent("BarsIcon"),u=o.resolveComponent("ThLargeIcon");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),role:"group"},e.ptm("root")),[o.createElementVNode("button",o.mergeProps({"aria-label":a.listViewAriaLabel,class:e.cx("listButton"),onClick:t[0]||(t[0]=function(e){return a.changeLayout("list")}),type:"button","aria-pressed":n.isListButtonPressed},e.ptm("listButton")),[o.renderSlot(e.$slots,"listicon",{},(function(){return[o.createVNode(s,o.normalizeProps(o.guardReactiveProps(e.ptm("listIcon"))),null,16)]}))],16,l),o.createElementVNode("button",o.mergeProps({"aria-label":a.gridViewAriaLabel,class:e.cx("gridButton"),onClick:t[1]||(t[1]=function(e){return a.changeLayout("grid")}),type:"button","aria-pressed":n.isGridButtonPressed},e.ptm("gridButton")),[o.renderSlot(e.$slots,"gridicon",{},(function(){return[o.createVNode(u,o.normalizeProps(o.guardReactiveProps(e.ptm("gridIcon"))),null,16)]}))],16,c)],16)},u}(primevue.icons.bars,primevue.icons.thlarge,primevue.basecomponent,primevue.dataviewlayoutoptions.style,Vue);

package/dataviewlayoutoptions/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./dataviewlayoutoptions.cjs.js",
-  "module": "./dataviewlayoutoptions.esm.js",
-  "unpkg": "./dataviewlayoutoptions.min.js",
-  "types": "./DataViewLayoutOptions.d.ts",
-  "browser": {
-    "./sfc": "./DataViewLayoutOptions.vue"
-  }
-}
+    "main": "./dataviewlayoutoptions.cjs.js",
+    "module": "./dataviewlayoutoptions.esm.js",
+    "unpkg": "./dataviewlayoutoptions.min.js",
+    "types": "./DataViewLayoutOptions.d.ts",
+    "browser": {
+        "./sfc": "./DataViewLayoutOptions.vue"
+    }
+}

package/dataviewlayoutoptions/style/DataViewLayoutOptionsStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface DataViewLayoutOptionsStyle extends BaseStyle {}

package/dataviewlayoutoptions/style/dataviewlayoutoptionsstyle.cjs.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var classes = {
+  root: 'p-dataview-layout-options p-selectbutton p-buttonset',
+  listButton: function listButton(_ref) {
+    var props = _ref.props;
+    return ['p-button p-button-icon-only', {
+      'p-highlight': props.modelValue === 'list'
+    }];
+  },
+  gridButton: function gridButton(_ref2) {
+    var props = _ref2.props;
+    return ['p-button p-button-icon-only', {
+      'p-highlight': props.modelValue === 'grid'
+    }];
+  }
+};
+var DataViewLayoutOptionsStyle = BaseStyle__default["default"].extend({
+  name: 'dataviewlayoutoptions',
+  classes: classes
+});
+
+module.exports = DataViewLayoutOptionsStyle;

package/dataviewlayoutoptions/style/dataviewlayoutoptionsstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=t(require("primevue/base/style")).default.extend({name:"dataviewlayoutoptions",classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"list"===t.props.modelValue}]},gridButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"grid"===t.props.modelValue}]}}});module.exports=o;

package/dataviewlayoutoptions/style/dataviewlayoutoptionsstyle.esm.js

@@ -0,0 +1,23 @@
+import BaseStyle from 'primevue/base/style';
+
+var classes = {
+  root: 'p-dataview-layout-options p-selectbutton p-buttonset',
+  listButton: function listButton(_ref) {
+    var props = _ref.props;
+    return ['p-button p-button-icon-only', {
+      'p-highlight': props.modelValue === 'list'
+    }];
+  },
+  gridButton: function gridButton(_ref2) {
+    var props = _ref2.props;
+    return ['p-button p-button-icon-only', {
+      'p-highlight': props.modelValue === 'grid'
+    }];
+  }
+};
+var DataViewLayoutOptionsStyle = BaseStyle.extend({
+  name: 'dataviewlayoutoptions',
+  classes: classes
+});
+
+export { DataViewLayoutOptionsStyle as default };

package/dataviewlayoutoptions/style/dataviewlayoutoptionsstyle.esm.min.js

@@ -0,0 +1 @@
+import t from"primevue/base/style";var o=t.extend({name:"dataviewlayoutoptions",classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"list"===t.props.modelValue}]},gridButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"grid"===t.props.modelValue}]}}});export{o as default};

package/dataviewlayoutoptions/style/dataviewlayoutoptionsstyle.js

@@ -0,0 +1,32 @@
+this.primevue = this.primevue || {};
+this.primevue.dataviewlayoutoptions = this.primevue.dataviewlayoutoptions || {};
+this.primevue.dataviewlayoutoptions.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var classes = {
+      root: 'p-dataview-layout-options p-selectbutton p-buttonset',
+      listButton: function listButton(_ref) {
+        var props = _ref.props;
+        return ['p-button p-button-icon-only', {
+          'p-highlight': props.modelValue === 'list'
+        }];
+      },
+      gridButton: function gridButton(_ref2) {
+        var props = _ref2.props;
+        return ['p-button p-button-icon-only', {
+          'p-highlight': props.modelValue === 'grid'
+        }];
+      }
+    };
+    var DataViewLayoutOptionsStyle = BaseStyle__default["default"].extend({
+      name: 'dataviewlayoutoptions',
+      classes: classes
+    });
+
+    return DataViewLayoutOptionsStyle;
+
+})(primevue.base.style);

package/dataviewlayoutoptions/style/dataviewlayoutoptionsstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.dataviewlayoutoptions=this.primevue.dataviewlayoutoptions||{},this.primevue.dataviewlayoutoptions.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return e(primevue.base.style).default.extend({name:"dataviewlayoutoptions",classes:{root:"p-dataview-layout-options p-selectbutton p-buttonset",listButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"list"===t.props.modelValue}]},gridButton:function(t){return["p-button p-button-icon-only",{"p-highlight":"grid"===t.props.modelValue}]}}})}();

package/dataviewlayoutoptions/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./dataviewlayoutoptionsstyle.cjs.js",
+    "module": "./dataviewlayoutoptionsstyle.esm.js",
+    "unpkg": "./dataviewlayoutoptionsstyle.min.js",
+    "types": "./DataViewLayoutOptionsStyle.d.ts"
+}

package/deferredcontent/DeferredContent.vue

@@ -6,11 +6,13 @@
 
 <script>
 import BaseComponent from 'primevue/basecomponent';
+import DeferredContentStyle from 'primevue/deferredcontent/style';
 
 export default {
     name: 'DeferredContent',
     extends: BaseComponent,
     emits: ['load'],
+    style: DeferredContentStyle,
     data() {
         return {
             loaded: false

package/deferredcontent/deferredcontent.cjs.js

@@ -1,16 +1,19 @@
 'use strict';
 
 var BaseComponent = require('primevue/basecomponent');
+var DeferredContentStyle = require('primevue/deferredcontent/style');
 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 DeferredContentStyle__default = /*#__PURE__*/_interopDefaultLegacy(DeferredContentStyle);
 
 var script = {
   name: 'DeferredContent',
   "extends": BaseComponent__default["default"],
   emits: ['load'],
+  style: DeferredContentStyle__default["default"],
   data: function data() {
     return {
       loaded: false

package/deferredcontent/deferredcontent.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"DeferredContent",extends:n(e).default,emits:["load"],data:function(){return{loaded:!1}},mounted:function(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount:function(){this.unbindScrollListener()},methods:{bindScrollListener:function(){var e=this;this.documentScrollListener=function(){e.shouldLoad()&&(e.load(),e.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener:function(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad:function(){if(this.loaded)return!1;var e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},load:function(e){this.loaded=!0,this.$emit("load",e)}}};o.render=function(e,n,o,r,i,d){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container"},e.ptm("root")),[i.loaded?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)],16)},module.exports=o;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/deferredcontent/style"),n=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"DeferredContent",extends:o(e).default,emits:["load"],style:o(t).default,data:function(){return{loaded:!1}},mounted:function(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount:function(){this.unbindScrollListener()},methods:{bindScrollListener:function(){var e=this;this.documentScrollListener=function(){e.shouldLoad()&&(e.load(),e.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener:function(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad:function(){if(this.loaded)return!1;var e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},load:function(e){this.loaded=!0,this.$emit("load",e)}}};r.render=function(e,t,o,r,i,d){return n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container"},e.ptm("root")),[i.loaded?n.renderSlot(e.$slots,"default",{key:0}):n.createCommentVNode("",!0)],16)},module.exports=r;

package/deferredcontent/deferredcontent.esm.js

@@ -1,10 +1,12 @@
 import BaseComponent from 'primevue/basecomponent';
+import DeferredContentStyle from 'primevue/deferredcontent/style';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode } from 'vue';
 
 var script = {
   name: 'DeferredContent',
   "extends": BaseComponent,
   emits: ['load'],
+  style: DeferredContentStyle,
   data: function data() {
     return {
       loaded: false

package/deferredcontent/deferredcontent.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{openBlock as t,createElementBlock as n,mergeProps as o,renderSlot as i,createCommentVNode as r}from"vue";var d={name:"DeferredContent",extends:e,emits:["load"],data:function(){return{loaded:!1}},mounted:function(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount:function(){this.unbindScrollListener()},methods:{bindScrollListener:function(){var e=this;this.documentScrollListener=function(){e.shouldLoad()&&(e.load(),e.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener:function(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad:function(){if(this.loaded)return!1;var e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},load:function(e){this.loaded=!0,this.$emit("load",e)}}};d.render=function(e,d,l,s,u,c){return t(),n("div",o({ref:"container"},e.ptm("root")),[u.loaded?i(e.$slots,"default",{key:0}):r("",!0)],16)};export{d as default};
+import e from"primevue/basecomponent";import t from"primevue/deferredcontent/style";import{openBlock as n,createElementBlock as o,mergeProps as i,renderSlot as r,createCommentVNode as d}from"vue";var l={name:"DeferredContent",extends:e,emits:["load"],style:t,data:function(){return{loaded:!1}},mounted:function(){this.loaded||(this.shouldLoad()?this.load():this.bindScrollListener())},beforeUnmount:function(){this.unbindScrollListener()},methods:{bindScrollListener:function(){var e=this;this.documentScrollListener=function(){e.shouldLoad()&&(e.load(),e.unbindScrollListener())},window.addEventListener("scroll",this.documentScrollListener)},unbindScrollListener:function(){this.documentScrollListener&&(window.removeEventListener("scroll",this.documentScrollListener),this.documentScrollListener=null)},shouldLoad:function(){if(this.loaded)return!1;var e=this.$refs.container.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},load:function(e){this.loaded=!0,this.$emit("load",e)}}};l.render=function(e,t,l,s,u,c){return n(),o("div",i({ref:"container"},e.ptm("root")),[u.loaded?r(e.$slots,"default",{key:0}):d("",!0)],16)};export{l as default};

package/deferredcontent/deferredcontent.js

@@ -1,15 +1,17 @@
 this.primevue = this.primevue || {};
-this.primevue.deferredcontent = (function (BaseComponent, vue) {
+this.primevue.deferredcontent = (function (BaseComponent, DeferredContentStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var DeferredContentStyle__default = /*#__PURE__*/_interopDefaultLegacy(DeferredContentStyle);
 
     var script = {
       name: 'DeferredContent',
       "extends": BaseComponent__default["default"],
       emits: ['load'],
+      style: DeferredContentStyle__default["default"],
       data: function data() {
         return {
           loaded: false
@@ -69,4 +71,4 @@ this.primevue.deferredcontent = (function (BaseComponent, vue) {
 
     return script;
 
-})(primevue.basecomponent, Vue);
+})(primevue.basecomponent, primevue.deferredcontent.style, Vue);