primevuelab 4.0.0-beta.4

package/dataview/dataview.mjs

@@ -0,0 +1,283 @@
+import { ObjectUtils } from '@primevuelab/core/utils';
+import Paginator from 'primevuelab/paginator';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import DataViewStyle from 'primevuelab/dataview/style';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createBlock, normalizeClass, createSlots, withCtx, createElementVNode, Fragment, createTextVNode, toDisplayString } from 'vue';
+
+var script$1 = {
+  name: 'BaseDataView',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: Array,
+      "default": null
+    },
+    layout: {
+      type: String,
+      "default": 'list'
+    },
+    rows: {
+      type: Number,
+      "default": 0
+    },
+    first: {
+      type: Number,
+      "default": 0
+    },
+    totalRecords: {
+      type: Number,
+      "default": 0
+    },
+    paginator: {
+      type: Boolean,
+      "default": false
+    },
+    paginatorPosition: {
+      type: String,
+      "default": 'bottom'
+    },
+    alwaysShowPaginator: {
+      type: Boolean,
+      "default": true
+    },
+    paginatorTemplate: {
+      type: String,
+      "default": 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'
+    },
+    pageLinkSize: {
+      type: Number,
+      "default": 5
+    },
+    rowsPerPageOptions: {
+      type: Array,
+      "default": null
+    },
+    currentPageReportTemplate: {
+      type: String,
+      "default": '({currentPage} of {totalPages})'
+    },
+    sortField: {
+      type: [String, Function],
+      "default": null
+    },
+    sortOrder: {
+      type: Number,
+      "default": null
+    },
+    lazy: {
+      type: Boolean,
+      "default": false
+    },
+    dataKey: {
+      type: String,
+      "default": null
+    }
+  },
+  style: DataViewStyle,
+  provide: function provide() {
+    return {
+      $pcDataView: this,
+      $parentInstance: this
+    };
+  }
+};
+
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var script = {
+  name: 'DataView',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['update:first', 'update:rows', 'page'],
+  data: function data() {
+    return {
+      d_first: this.first,
+      d_rows: this.rows
+    };
+  },
+  watch: {
+    first: function first(newValue) {
+      this.d_first = newValue;
+    },
+    rows: function rows(newValue) {
+      this.d_rows = newValue;
+    },
+    sortField: function sortField() {
+      this.resetPage();
+    },
+    sortOrder: function sortOrder() {
+      this.resetPage();
+    }
+  },
+  methods: {
+    getKey: function getKey(item, index) {
+      return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+    },
+    onPage: function onPage(event) {
+      this.d_first = event.first;
+      this.d_rows = event.rows;
+      this.$emit('update:first', this.d_first);
+      this.$emit('update:rows', this.d_rows);
+      this.$emit('page', event);
+    },
+    sort: function sort() {
+      var _this = this;
+      if (this.value) {
+        var value = _toConsumableArray(this.value);
+        var comparer = ObjectUtils.localeComparator();
+        value.sort(function (data1, data2) {
+          var value1 = ObjectUtils.resolveFieldData(data1, _this.sortField);
+          var value2 = ObjectUtils.resolveFieldData(data2, _this.sortField);
+          return ObjectUtils.sort(value1, value2, _this.sortOrder, comparer);
+        });
+        return value;
+      } else {
+        return null;
+      }
+    },
+    resetPage: function resetPage() {
+      this.d_first = 0;
+      this.$emit('update:first', this.d_first);
+    }
+  },
+  computed: {
+    getTotalRecords: function getTotalRecords() {
+      if (this.totalRecords) return this.totalRecords;else return this.value ? this.value.length : 0;
+    },
+    empty: function empty() {
+      return !this.value || this.value.length === 0;
+    },
+    emptyMessageText: function emptyMessageText() {
+      var _this$$primevue$confi;
+      return ((_this$$primevue$confi = this.$primevue.config) === null || _this$$primevue$confi === void 0 || (_this$$primevue$confi = _this$$primevue$confi.locale) === null || _this$$primevue$confi === void 0 ? void 0 : _this$$primevue$confi.emptyMessage) || '';
+    },
+    paginatorTop: function paginatorTop() {
+      return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
+    },
+    paginatorBottom: function paginatorBottom() {
+      return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');
+    },
+    items: function items() {
+      if (this.value && this.value.length) {
+        var data = this.value;
+        if (data && data.length && this.sortField) {
+          data = this.sort();
+        }
+        if (this.paginator) {
+          var first = this.lazy ? 0 : this.d_first;
+          return data.slice(first, first + this.d_rows);
+        } else {
+          return data;
+        }
+      } else {
+        return null;
+      }
+    }
+  },
+  components: {
+    DVPaginator: Paginator
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_DVPaginator = resolveComponent("DVPaginator");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [_ctx.$slots.header ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 0,
+    "class": _ctx.cx('header')
+  }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header")], 16)) : createCommentVNode("", true), $options.paginatorTop ? (openBlock(), createBlock(_component_DVPaginator, {
+    key: 1,
+    rows: $data.d_rows,
+    first: $data.d_first,
+    totalRecords: $options.getTotalRecords,
+    pageLinkSize: _ctx.pageLinkSize,
+    template: _ctx.paginatorTemplate,
+    rowsPerPageOptions: _ctx.rowsPerPageOptions,
+    currentPageReportTemplate: _ctx.currentPageReportTemplate,
+    "class": normalizeClass(_ctx.cx('pcPaginator', {
+      position: 'top'
+    })),
+    alwaysShow: _ctx.alwaysShowPaginator,
+    onPage: _cache[0] || (_cache[0] = function ($event) {
+      return $options.onPage($event);
+    }),
+    unstyled: _ctx.unstyled,
+    pt: _ctx.ptm('pcPaginator')
+  }, createSlots({
+    _: 2
+  }, [_ctx.$slots.paginatorstart ? {
+    name: "start",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorstart")];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.paginatorend ? {
+    name: "end",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorend")];
+    }),
+    key: "1"
+  } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('content')
+  }, _ctx.ptm('content')), [!$options.empty ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.$slots.list && _ctx.layout === 'list' ? renderSlot(_ctx.$slots, "list", {
+    key: 0,
+    items: $options.items
+  }) : createCommentVNode("", true), _ctx.$slots.grid && _ctx.layout === 'grid' ? renderSlot(_ctx.$slots, "grid", {
+    key: 1,
+    items: $options.items
+  }) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", mergeProps({
+    key: 1,
+    "class": _ctx.cx('emptyMessage')
+  }, _ctx.ptm('emptyMessage')), [renderSlot(_ctx.$slots, "empty", {
+    layout: _ctx.layout
+  }, function () {
+    return [createTextVNode(toDisplayString($options.emptyMessageText), 1)];
+  })], 16))], 16), $options.paginatorBottom ? (openBlock(), createBlock(_component_DVPaginator, {
+    key: 2,
+    rows: $data.d_rows,
+    first: $data.d_first,
+    totalRecords: $options.getTotalRecords,
+    pageLinkSize: _ctx.pageLinkSize,
+    template: _ctx.paginatorTemplate,
+    rowsPerPageOptions: _ctx.rowsPerPageOptions,
+    currentPageReportTemplate: _ctx.currentPageReportTemplate,
+    "class": normalizeClass(_ctx.cx('pcPaginator', {
+      position: 'bottom'
+    })),
+    alwaysShow: _ctx.alwaysShowPaginator,
+    onPage: _cache[1] || (_cache[1] = function ($event) {
+      return $options.onPage($event);
+    }),
+    unstyled: _ctx.unstyled,
+    pt: _ctx.ptm('pcPaginator')
+  }, createSlots({
+    _: 2
+  }, [_ctx.$slots.paginatorstart ? {
+    name: "start",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorstart")];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.paginatorend ? {
+    name: "end",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "paginatorend")];
+    }),
+    key: "1"
+  } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
+    key: 3,
+    "class": _ctx.cx('footer')
+  }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=dataview.mjs.map

package/dataview/dataview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataview.mjs","sources":["../../src/dataview/BaseDataView.vue","../../src/dataview/DataView.vue","../../src/dataview/DataView.vue?vue&type=template&id=e59e5a7a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport DataViewStyle from 'primevuelab/dataview/style';\n\nexport default {\n    name: 'BaseDataView',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        layout: {\n            type: String,\n            default: 'list'\n        },\n        rows: {\n            type: Number,\n            default: 0\n        },\n        first: {\n            type: Number,\n            default: 0\n        },\n        totalRecords: {\n            type: Number,\n            default: 0\n        },\n        paginator: {\n            type: Boolean,\n            default: false\n        },\n        paginatorPosition: {\n            type: String,\n            default: 'bottom'\n        },\n        alwaysShowPaginator: {\n            type: Boolean,\n            default: true\n        },\n        paginatorTemplate: {\n            type: String,\n            default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'\n        },\n        pageLinkSize: {\n            type: Number,\n            default: 5\n        },\n        rowsPerPageOptions: {\n            type: Array,\n            default: null\n        },\n        currentPageReportTemplate: {\n            type: String,\n            default: '({currentPage} of {totalPages})'\n        },\n        sortField: {\n            type: [String, Function],\n            default: null\n        },\n        sortOrder: {\n            type: Number,\n            default: null\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        dataKey: {\n            type: String,\n            default: null\n        }\n    },\n    style: DataViewStyle,\n    provide() {\n        return {\n            $pcDataView: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div v-if=\"$slots.header\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot name=\"header\"></slot>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorTop\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'top' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n            <template v-if=\"!empty\">\n                <slot v-if=\"$slots.list && layout === 'list'\" name=\"list\" :items=\"items\"></slot>\n                <slot v-if=\"$slots.grid && layout === 'grid'\" name=\"grid\" :items=\"items\"></slot>\n            </template>\n            <div v-else :class=\"cx('emptyMessage')\" v-bind=\"ptm('emptyMessage')\">\n                <slot name=\"empty\" :layout=\"layout\">\n                    {{ emptyMessageText }}\n                </slot>\n            </div>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorBottom\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'bottom' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n            <slot name=\"footer\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ObjectUtils } from '@primevuelab/core/utils';\nimport Paginator from 'primevuelab/paginator';\nimport BaseDataView from './BaseDataView.vue';\n\nexport default {\n    name: 'DataView',\n    extends: BaseDataView,\n    inheritAttrs: false,\n    emits: ['update:first', 'update:rows', 'page'],\n    data() {\n        return {\n            d_first: this.first,\n            d_rows: this.rows\n        };\n    },\n    watch: {\n        first(newValue) {\n            this.d_first = newValue;\n        },\n        rows(newValue) {\n            this.d_rows = newValue;\n        },\n        sortField() {\n            this.resetPage();\n        },\n        sortOrder() {\n            this.resetPage();\n        }\n    },\n    methods: {\n        getKey(item, index) {\n            return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;\n        },\n        onPage(event) {\n            this.d_first = event.first;\n            this.d_rows = event.rows;\n\n            this.$emit('update:first', this.d_first);\n            this.$emit('update:rows', this.d_rows);\n            this.$emit('page', event);\n        },\n        sort() {\n            if (this.value) {\n                const value = [...this.value];\n                const comparer = ObjectUtils.localeComparator();\n\n                value.sort((data1, data2) => {\n                    let value1 = ObjectUtils.resolveFieldData(data1, this.sortField);\n                    let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);\n\n                    return ObjectUtils.sort(value1, value2, this.sortOrder, comparer);\n                });\n\n                return value;\n            } else {\n                return null;\n            }\n        },\n        resetPage() {\n            this.d_first = 0;\n            this.$emit('update:first', this.d_first);\n        }\n    },\n    computed: {\n        getTotalRecords() {\n            if (this.totalRecords) return this.totalRecords;\n            else return this.value ? this.value.length : 0;\n        },\n        empty() {\n            return !this.value || this.value.length === 0;\n        },\n        emptyMessageText() {\n            return this.$primevue.config?.locale?.emptyMessage || '';\n        },\n        paginatorTop() {\n            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');\n        },\n        paginatorBottom() {\n            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');\n        },\n        items() {\n            if (this.value && this.value.length) {\n                let data = this.value;\n\n                if (data && data.length && this.sortField) {\n                    data = this.sort();\n                }\n\n                if (this.paginator) {\n                    const first = this.lazy ? 0 : this.d_first;\n\n                    return data.slice(first, first + this.d_rows);\n                } else {\n                    return data;\n                }\n            } else {\n                return null;\n            }\n        }\n    },\n    components: {\n        DVPaginator: Paginator\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div v-if=\"$slots.header\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot name=\"header\"></slot>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorTop\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'top' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n            <template v-if=\"!empty\">\n                <slot v-if=\"$slots.list && layout === 'list'\" name=\"list\" :items=\"items\"></slot>\n                <slot v-if=\"$slots.grid && layout === 'grid'\" name=\"grid\" :items=\"items\"></slot>\n            </template>\n            <div v-else :class=\"cx('emptyMessage')\" v-bind=\"ptm('emptyMessage')\">\n                <slot name=\"empty\" :layout=\"layout\">\n                    {{ emptyMessageText }}\n                </slot>\n            </div>\n        </div>\n        <DVPaginator\n            v-if=\"paginatorBottom\"\n            :rows=\"d_rows\"\n            :first=\"d_first\"\n            :totalRecords=\"getTotalRecords\"\n            :pageLinkSize=\"pageLinkSize\"\n            :template=\"paginatorTemplate\"\n            :rowsPerPageOptions=\"rowsPerPageOptions\"\n            :currentPageReportTemplate=\"currentPageReportTemplate\"\n            :class=\"cx('pcPaginator', { position: 'bottom' })\"\n            :alwaysShow=\"alwaysShowPaginator\"\n            @page=\"onPage($event)\"\n            :unstyled=\"unstyled\"\n            :pt=\"ptm('pcPaginator')\"\n        >\n            <template v-if=\"$slots.paginatorstart\" #start>\n                <slot name=\"paginatorstart\"></slot>\n            </template>\n            <template v-if=\"$slots.paginatorend\" #end>\n                <slot name=\"paginatorend\"></slot>\n            </template>\n        </DVPaginator>\n        <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n            <slot name=\"footer\"></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ObjectUtils } from '@primevuelab/core/utils';\nimport Paginator from 'primevuelab/paginator';\nimport BaseDataView from './BaseDataView.vue';\n\nexport default {\n    name: 'DataView',\n    extends: BaseDataView,\n    inheritAttrs: false,\n    emits: ['update:first', 'update:rows', 'page'],\n    data() {\n        return {\n            d_first: this.first,\n            d_rows: this.rows\n        };\n    },\n    watch: {\n        first(newValue) {\n            this.d_first = newValue;\n        },\n        rows(newValue) {\n            this.d_rows = newValue;\n        },\n        sortField() {\n            this.resetPage();\n        },\n        sortOrder() {\n            this.resetPage();\n        }\n    },\n    methods: {\n        getKey(item, index) {\n            return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;\n        },\n        onPage(event) {\n            this.d_first = event.first;\n            this.d_rows = event.rows;\n\n            this.$emit('update:first', this.d_first);\n            this.$emit('update:rows', this.d_rows);\n            this.$emit('page', event);\n        },\n        sort() {\n            if (this.value) {\n                const value = [...this.value];\n                const comparer = ObjectUtils.localeComparator();\n\n                value.sort((data1, data2) => {\n                    let value1 = ObjectUtils.resolveFieldData(data1, this.sortField);\n                    let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);\n\n                    return ObjectUtils.sort(value1, value2, this.sortOrder, comparer);\n                });\n\n                return value;\n            } else {\n                return null;\n            }\n        },\n        resetPage() {\n            this.d_first = 0;\n            this.$emit('update:first', this.d_first);\n        }\n    },\n    computed: {\n        getTotalRecords() {\n            if (this.totalRecords) return this.totalRecords;\n            else return this.value ? this.value.length : 0;\n        },\n        empty() {\n            return !this.value || this.value.length === 0;\n        },\n        emptyMessageText() {\n            return this.$primevue.config?.locale?.emptyMessage || '';\n        },\n        paginatorTop() {\n            return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');\n        },\n        paginatorBottom() {\n            return this.paginator && (this.paginatorPosition !== 'top' || this.paginatorPosition === 'both');\n        },\n        items() {\n            if (this.value && this.value.length) {\n                let data = this.value;\n\n                if (data && data.length && this.sortField) {\n                    data = this.sort();\n                }\n\n                if (this.paginator) {\n                    const first = this.lazy ? 0 : this.d_first;\n\n                    return data.slice(first, first + this.d_rows);\n                } else {\n                    return data;\n                }\n            } else {\n                return null;\n            }\n        }\n    },\n    components: {\n        DVPaginator: Paginator\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","layout","String","rows","Number","first","totalRecords","paginator","Boolean","paginatorPosition","alwaysShowPaginator","paginatorTemplate","pageLinkSize","rowsPerPageOptions","currentPageReportTemplate","sortField","Function","sortOrder","lazy","dataKey","style","DataViewStyle","provide","$pcDataView","$parentInstance","BaseDataView","inheritAttrs","emits","data","d_first","d_rows","watch","newValue","resetPage","methods","getKey","item","index","ObjectUtils","resolveFieldData","onPage","event","$emit","sort","_this","_toConsumableArray","comparer","localeComparator","data1","data2","value1","value2","computed","getTotalRecords","length","empty","emptyMessageText","_this$$primevue$confi","$primevue","config","locale","emptyMessage","paginatorTop","paginatorBottom","items","slice","components","DVPaginator","Paginator","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$slots","header","ptm","_renderSlot","$options","_createBlock","_component_DVPaginator","$data","template","position","alwaysShow","_cache","$event","unstyled","pt","paginatorstart","paginatorend","_createElementVNode","_Fragment","key","list","grid","footer"],"mappings":"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"}

package/dataview/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "dataview.mjs",
+    "module": "dataview.mjs",
+    "types": "./DataView.d.ts",
+    "browser": {
+        "./sfc": "./DataView.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/dataview/style/DataViewStyle.d.ts

@@ -0,0 +1,39 @@
+/**
+ *
+ * DataView displays data in grid or list layout with pagination and sorting features.
+ *
+ * [Live Demo](https://www.primevuelab.org/dataview/)
+ *
+ * @module dataviewstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum DataViewClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-dataview',
+    /**
+     * Class name of the header element
+     */
+    header = 'p-dataview-header',
+    /**
+     * Class name of the paginator element
+     */
+    pcPaginator = 'p-dataview-paginator-[position]',
+    /**
+     * Class name of the content element
+     */
+    content = 'p-dataview-content',
+    /**
+     * Class name of the empty message element
+     */
+    emptyMessage = 'p-dataview-empty-message', // TODO: remove?
+    /**
+     * Class name of the footer element
+     */
+    footer = 'p-dataview-footer'
+}
+
+export interface DataViewStyle extends BaseStyle {}

package/dataview/style/dataviewstyle.mjs

@@ -0,0 +1,32 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-dataview {\n    border-color: ".concat(dt('dataview.border.color'), ";\n    border-width: ").concat(dt('dataview.border.width'), ";\n    border-style: solid;\n    border-radius: ").concat(dt('dataview.border.radius'), ";\n    padding: ").concat(dt('dataview.padding'), ";\n}\n\n.p-dataview-header {\n    background: ").concat(dt('dataview.header.background'), ";\n    color: ").concat(dt('dataview.header.color'), ";\n    border-color: ").concat(dt('dataview.header.border.color'), ";\n    border-width: ").concat(dt('dataview.header.border.width'), ";\n    border-style: solid;\n    padding: ").concat(dt('dataview.header.padding'), ";\n    border-radius: ").concat(dt('dataview.header.border.radius'), ";\n}\n\n.p-dataview-content {\n    background: ").concat(dt('dataview.content.background'), ";\n    border-color: ").concat(dt('dataview.content.border.color'), ";\n    border-width: ").concat(dt('dataview.content.border.width'), ";\n    border-style: solid;\n    color: ").concat(dt('dataview.content.color'), ";\n    padding: ").concat(dt('dataview.content.padding'), ";\n    border-radius: ").concat(dt('dataview.content.border.radius'), ";\n}\n\n.p-dataview-footer {\n    background: ").concat(dt('dataview.footer.background'), ";\n    color: ").concat(dt('dataview.footer.color'), ";\n    border-color: ").concat(dt('dataview.footer.border.color'), ";\n    border-width: ").concat(dt('dataview.footer.border.width'), ";\n    border-style: solid;\n    padding: ").concat(dt('dataview.footer.padding'), ";\n    border-radius: ").concat(dt('dataview.footer.border.radius'), ";\n}\n\n.p-dataview-paginator-top {\n    border-width: ").concat(dt('dataview.paginator.top.border.width'), ";\n    border-color: ").concat(dt('dataview.paginator.top.border.color'), ";\n    border-style: solid;\n}\n\n.p-dataview-paginator-bottom {\n    border-width: ").concat(dt('dataview.paginator.bottom.border.width'), ";\n    border-color: ").concat(dt('dataview.paginator.bottom.border.color'), ";\n    border-style: solid;\n}\n");
+};
+var classes = {
+  root: function root(_ref2) {
+    var props = _ref2.props;
+    return ['p-dataview p-component', {
+      'p-dataview-list': props.layout === 'list',
+      'p-dataview-grid': props.layout === 'grid'
+    }];
+  },
+  header: 'p-dataview-header',
+  pcPaginator: function pcPaginator(_ref3) {
+    var position = _ref3.position;
+    return 'p-dataview-paginator-' + position;
+  },
+  content: 'p-dataview-content',
+  emptyMessage: 'p-dataview-empty-message',
+  // TODO: remove?
+  footer: 'p-dataview-footer'
+};
+var DataViewStyle = BaseStyle.extend({
+  name: 'dataview',
+  theme: theme,
+  classes: classes
+});
+
+export { DataViewStyle as default };
+//# sourceMappingURL=dataviewstyle.mjs.map

package/dataview/style/dataviewstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataviewstyle.mjs","sources":["../../../src/dataview/style/DataViewStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-dataview {\n    border-color: ${dt('dataview.border.color')};\n    border-width: ${dt('dataview.border.width')};\n    border-style: solid;\n    border-radius: ${dt('dataview.border.radius')};\n    padding: ${dt('dataview.padding')};\n}\n\n.p-dataview-header {\n    background: ${dt('dataview.header.background')};\n    color: ${dt('dataview.header.color')};\n    border-color: ${dt('dataview.header.border.color')};\n    border-width: ${dt('dataview.header.border.width')};\n    border-style: solid;\n    padding: ${dt('dataview.header.padding')};\n    border-radius: ${dt('dataview.header.border.radius')};\n}\n\n.p-dataview-content {\n    background: ${dt('dataview.content.background')};\n    border-color: ${dt('dataview.content.border.color')};\n    border-width: ${dt('dataview.content.border.width')};\n    border-style: solid;\n    color: ${dt('dataview.content.color')};\n    padding: ${dt('dataview.content.padding')};\n    border-radius: ${dt('dataview.content.border.radius')};\n}\n\n.p-dataview-footer {\n    background: ${dt('dataview.footer.background')};\n    color: ${dt('dataview.footer.color')};\n    border-color: ${dt('dataview.footer.border.color')};\n    border-width: ${dt('dataview.footer.border.width')};\n    border-style: solid;\n    padding: ${dt('dataview.footer.padding')};\n    border-radius: ${dt('dataview.footer.border.radius')};\n}\n\n.p-dataview-paginator-top {\n    border-width: ${dt('dataview.paginator.top.border.width')};\n    border-color: ${dt('dataview.paginator.top.border.color')};\n    border-style: solid;\n}\n\n.p-dataview-paginator-bottom {\n    border-width: ${dt('dataview.paginator.bottom.border.width')};\n    border-color: ${dt('dataview.paginator.bottom.border.color')};\n    border-style: solid;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-dataview p-component',\n        {\n            'p-dataview-list': props.layout === 'list',\n            'p-dataview-grid': props.layout === 'grid'\n        }\n    ],\n    header: 'p-dataview-header',\n    pcPaginator: ({ position }) => 'p-dataview-paginator-' + position,\n    content: 'p-dataview-content',\n    emptyMessage: 'p-dataview-empty-message', // TODO: remove?\n    footer: 'p-dataview-footer'\n};\n\nexport default BaseStyle.extend({\n    name: 'dataview',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","layout","header","pcPaginator","_ref3","position","content","emptyMessage","footer","BaseStyle","extend","name"],"mappings":"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"}

package/dataview/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "dataviewstyle.mjs",
+    "module": "dataviewstyle.mjs",
+    "types": "./DataViewStyle.d.ts",
+    "sideEffects": false
+}