primevue 3.35.0 → 3.37.0

package/datatable/style/datatablestyle.js

@@ -0,0 +1,258 @@
+this.primevue = this.primevue || {};
+this.primevue.datatable = this.primevue.datatable || {};
+this.primevue.datatable.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 css = "\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute !important;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none !important;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var instance = _ref.instance,
+          props = _ref.props;
+        return ['p-datatable p-component', {
+          'p-datatable-hoverable-rows': props.rowHover || props.selectionMode,
+          'p-datatable-resizable': props.resizableColumns,
+          'p-datatable-resizable-fit': props.resizableColumns && props.columnResizeMode === 'fit',
+          'p-datatable-scrollable': props.scrollable,
+          'p-datatable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',
+          'p-datatable-responsive-stack': props.responsiveLayout === 'stack',
+          'p-datatable-responsive-scroll': props.responsiveLayout === 'scroll',
+          'p-datatable-striped': props.stripedRows,
+          'p-datatable-gridlines': props.showGridlines,
+          'p-datatable-grouped-header': instance.headerColumnGroup != null,
+          'p-datatable-grouped-footer': instance.footerColumnGroup != null,
+          'p-datatable-sm': props.size === 'small',
+          'p-datatable-lg': props.size === 'large'
+        }];
+      },
+      loadingOverlay: 'p-datatable-loading-overlay p-component-overlay',
+      loadingIcon: 'p-datatable-loading-icon',
+      header: 'p-datatable-header',
+      paginator: function paginator(_ref2) {
+        var instance = _ref2.instance;
+        return instance.paginatorTop ? 'p-paginator-top' : instance.paginatorBottom ? 'p-paginator-bottom' : '';
+      },
+      wrapper: 'p-datatable-wrapper',
+      table: function table(_ref3) {
+        var props = _ref3.props;
+        return ['p-datatable-table', {
+          'p-datatable-scrollable-table': props.scrollable,
+          'p-datatable-resizable-table': props.resizableColumns,
+          'p-datatable-resizable-table-fit': props.resizableColumns && props.columnResizeMode === 'fit'
+        }];
+      },
+      //tablehead
+      thead: 'p-datatable-thead',
+      // headercell
+      headerCell: function headerCell(_ref4) {
+        var instance = _ref4.instance,
+          props = _ref4.props,
+          column = _ref4.column;
+        return column && !instance.columnProp(column, 'hidden') && (props.rowGroupMode !== 'subheader' || props.groupRowsBy !== instance.columnProp(column, 'field')) ? ['p-filter-column', {
+          'p-frozen-column': instance.columnProp(column, 'frozen')
+        }] : [{
+          'p-sortable-column': instance.columnProp('sortable'),
+          'p-resizable-column': instance.resizableColumns,
+          'p-highlight': instance.isColumnSorted(),
+          'p-filter-column': props.filterColumn,
+          'p-frozen-column': instance.columnProp('frozen'),
+          'p-reorderable-column': props.reorderableColumns
+        }];
+      },
+      columnResizer: 'p-column-resizer',
+      headerContent: 'p-column-header-content',
+      headerTitle: 'p-column-title',
+      sortIcon: 'p-sortable-column-icon',
+      sortBadge: 'p-sortable-column-badge',
+      //headercheckbox
+      headerCheckboxWrapper: function headerCheckboxWrapper(_ref5) {
+        var instance = _ref5.instance;
+        return ['p-checkbox p-component', {
+          'p-checkbox-focused': instance.focused,
+          'p-disabled': instance.disabled
+        }];
+      },
+      headerCheckbox: function headerCheckbox(_ref6) {
+        var instance = _ref6.instance;
+        return ['p-checkbox-box p-component', {
+          'p-highlight': instance.checked,
+          'p-disabled': instance.disabled,
+          'p-focus': instance.focused
+        }];
+      },
+      headerCheckboxIcon: 'p-checkbox-icon',
+      // columnfilter
+      columnFilter: function columnFilter(_ref7) {
+        var props = _ref7.props;
+        return ['p-column-filter p-fluid', {
+          'p-column-filter-row': props.display === 'row',
+          'p-column-filter-menu': props.display === 'menu'
+        }];
+      },
+      filterInput: 'p-fluid p-column-filter-element',
+      filterMenuButton: function filterMenuButton(_ref8) {
+        var instance = _ref8.instance;
+        return ['p-column-filter-menu-button p-link', {
+          'p-column-filter-menu-button-open': instance.overlayVisible,
+          'p-column-filter-menu-button-active': instance.hasFilter()
+        }];
+      },
+      headerFilterClearButton: function headerFilterClearButton(_ref9) {
+        var instance = _ref9.instance;
+        return ['p-column-filter-clear-button p-link', {
+          'p-hidden-space': !instance.hasRowFilter()
+        }];
+      },
+      filterOverlay: function filterOverlay(_ref10) {
+        var instance = _ref10.instance,
+          props = _ref10.props;
+        return [{
+          'p-column-filter-overlay p-component p-fluid': true,
+          'p-column-filter-overlay-menu': props.display === 'menu',
+          'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
+          'p-ripple-disabled': instance.$primevue.config.ripple === false
+        }];
+      },
+      filterRowItems: 'p-column-filter-row-items',
+      filterRowItem: function filterRowItem(_ref11) {
+        var instance = _ref11.instance,
+          matchMode = _ref11.matchMode;
+        return ['p-column-filter-row-item', {
+          'p-highlight': matchMode && instance.isRowMatchModeSelected(matchMode.value)
+        }];
+      },
+      filterSeparator: 'p-column-filter-separator',
+      filterOperator: 'p-column-filter-operator',
+      filterOperatorDropdown: 'p-column-filter-operator-dropdown',
+      filterConstraints: 'p-column-filter-constraints',
+      filterConstraint: 'p-column-filter-constraint',
+      filterMatchModeDropdown: 'p-column-filter-matchmode-dropdown',
+      filterRemoveButton: 'p-column-filter-remove-button p-button-text p-button-danger p-button-sm',
+      filterAddRule: 'p-column-filter-add-rule',
+      filterAddRuleButton: 'p-column-filter-add-button p-button-text p-button-sm',
+      filterButtonbar: 'p-column-filter-buttonbar',
+      filterClearButton: 'p-button-outlined p-button-sm',
+      filterApplyButton: 'p-button-sm',
+      //tablebody
+      tbody: function tbody(_ref12) {
+        var props = _ref12.props;
+        return props.frozenRow ? 'p-datatable-tbody p-datatable-frozen-tbody' : 'p-datatable-tbody';
+      },
+      rowgroupHeader: 'p-rowgroup-header',
+      rowGroupToggler: 'p-row-toggler p-link',
+      rowGroupTogglerIcon: 'p-row-toggler-icon',
+      row: function row(_ref13) {
+        var instance = _ref13.instance,
+          props = _ref13.props,
+          rowData = _ref13.rowData;
+        var rowStyleClass = [];
+        if (props.selectionMode) {
+          rowStyleClass.push('p-selectable-row');
+        }
+        if (props.selection) {
+          rowStyleClass.push({
+            'p-highlight': instance.isSelected(rowData)
+          });
+        }
+        if (props.contextMenuSelection) {
+          rowStyleClass.push({
+            'p-highlight-contextmenu': instance.isSelectedWithContextMenu(rowData)
+          });
+        }
+        return rowStyleClass;
+      },
+      rowExpansion: 'p-datatable-row-expansion',
+      rowgroupFooter: 'p-rowgroup-footer',
+      emptyMessage: 'p-datatable-emptymessage',
+      //bodycell
+      bodyCell: function bodyCell(_ref14) {
+        var instance = _ref14.instance;
+        return [{
+          'p-selection-column': instance.columnProp('selectionMode') != null,
+          'p-editable-column': instance.isEditable(),
+          'p-cell-editing': instance.d_editing,
+          'p-frozen-column': instance.columnProp('frozen')
+        }];
+      },
+      columnTitle: 'p-column-title',
+      rowReorderIcon: 'p-datatable-reorderablerow-handle',
+      rowToggler: 'p-row-toggler p-link',
+      rowTogglerIcon: 'p-row-toggler-icon',
+      rowEditorInitButton: 'p-row-editor-init p-link',
+      rowEditorInitIcon: 'p-row-editor-init-icon',
+      rowEditorSaveButton: 'p-row-editor-save p-link',
+      rowEditorSaveIcon: 'p-row-editor-save-icon',
+      rowEditorCancelButton: 'p-row-editor-cancel p-link',
+      rowEditorCancelIcon: 'p-row-editor-cancel-icon',
+      //rowcheckbox
+      checkboxWrapper: function checkboxWrapper(_ref15) {
+        var instance = _ref15.instance;
+        return ['p-checkbox p-component', {
+          'p-checkbox-focused': instance.focused
+        }];
+      },
+      checkbox: function checkbox(_ref16) {
+        var instance = _ref16.instance;
+        return ['p-checkbox-box p-component', {
+          'p-highlight': instance.checked,
+          'p-disabled': instance.$attrs.disabled,
+          'p-focus': instance.focused
+        }];
+      },
+      checkboxIcon: 'p-checkbox-icon',
+      //rowradiobutton
+      radiobuttonWrapper: function radiobuttonWrapper(_ref17) {
+        var instance = _ref17.instance;
+        return ['p-radiobutton p-component', {
+          'p-radiobutton-focused': instance.focused
+        }];
+      },
+      radiobutton: function radiobutton(_ref18) {
+        var instance = _ref18.instance;
+        return ['p-radiobutton-box p-component', {
+          'p-highlight': instance.checked,
+          'p-disabled': instance.$attrs.disabled,
+          'p-focus': instance.focused
+        }];
+      },
+      radiobuttonIcon: 'p-radiobutton-icon',
+      //tablefooter
+      tfoot: 'p-datatable-tfoot',
+      //footercell
+      footerCell: function footerCell(_ref19) {
+        var instance = _ref19.instance;
+        return [{
+          'p-frozen-column': instance.columnProp('frozen')
+        }];
+      },
+      //datatable
+      virtualScrollerSpacer: 'p-datatable-virtualscroller-spacer',
+      footer: 'p-datatable-footer',
+      resizeHelper: 'p-column-resizer-helper',
+      reorderIndicatorUp: 'p-datatable-reorder-indicator-up',
+      reorderIndicatorDown: 'p-datatable-reorder-indicator-down'
+    };
+    var inlineStyles = {
+      wrapper: {
+        overflow: 'auto'
+      },
+      thead: {
+        position: 'sticky'
+      },
+      tfoot: {
+        position: 'sticky'
+      }
+    };
+    var DataTableStyle = BaseStyle__default["default"].extend({
+      name: 'datatable',
+      css: css,
+      classes: classes,
+      inlineStyles: inlineStyles
+    });
+
+    return DataTableStyle;
+
+})(primevue.base.style);

package/datatable/style/datatablestyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.datatable=this.primevue.datatable||{},this.primevue.datatable.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"datatable",css:"\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute !important;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none !important;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n",classes:{root:function(e){var n=e.instance,t=e.props;return["p-datatable p-component",{"p-datatable-hoverable-rows":t.rowHover||t.selectionMode,"p-datatable-resizable":t.resizableColumns,"p-datatable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-datatable-scrollable":t.scrollable,"p-datatable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-datatable-responsive-stack":"stack"===t.responsiveLayout,"p-datatable-responsive-scroll":"scroll"===t.responsiveLayout,"p-datatable-striped":t.stripedRows,"p-datatable-gridlines":t.showGridlines,"p-datatable-grouped-header":null!=n.headerColumnGroup,"p-datatable-grouped-footer":null!=n.footerColumnGroup,"p-datatable-sm":"small"===t.size,"p-datatable-lg":"large"===t.size}]},loadingOverlay:"p-datatable-loading-overlay p-component-overlay",loadingIcon:"p-datatable-loading-icon",header:"p-datatable-header",paginator:function(e){var n=e.instance;return n.paginatorTop?"p-paginator-top":n.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-datatable-wrapper",table:function(e){var n=e.props;return["p-datatable-table",{"p-datatable-scrollable-table":n.scrollable,"p-datatable-resizable-table":n.resizableColumns,"p-datatable-resizable-table-fit":n.resizableColumns&&"fit"===n.columnResizeMode}]},thead:"p-datatable-thead",headerCell:function(e){var n=e.instance,t=e.props,o=e.column;return!o||n.columnProp(o,"hidden")||"subheader"===t.rowGroupMode&&t.groupRowsBy===n.columnProp(o,"field")?[{"p-sortable-column":n.columnProp("sortable"),"p-resizable-column":n.resizableColumns,"p-highlight":n.isColumnSorted(),"p-filter-column":t.filterColumn,"p-frozen-column":n.columnProp("frozen"),"p-reorderable-column":t.reorderableColumns}]:["p-filter-column",{"p-frozen-column":n.columnProp(o,"frozen")}]},columnResizer:"p-column-resizer",headerContent:"p-column-header-content",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",headerCheckboxWrapper:function(e){var n=e.instance;return["p-checkbox p-component",{"p-checkbox-focused":n.focused,"p-disabled":n.disabled}]},headerCheckbox:function(e){var n=e.instance;return["p-checkbox-box p-component",{"p-highlight":n.checked,"p-disabled":n.disabled,"p-focus":n.focused}]},headerCheckboxIcon:"p-checkbox-icon",columnFilter:function(e){var n=e.props;return["p-column-filter p-fluid",{"p-column-filter-row":"row"===n.display,"p-column-filter-menu":"menu"===n.display}]},filterInput:"p-fluid p-column-filter-element",filterMenuButton:function(e){var n=e.instance;return["p-column-filter-menu-button p-link",{"p-column-filter-menu-button-open":n.overlayVisible,"p-column-filter-menu-button-active":n.hasFilter()}]},headerFilterClearButton:function(e){return["p-column-filter-clear-button p-link",{"p-hidden-space":!e.instance.hasRowFilter()}]},filterOverlay:function(e){var n=e.instance;return[{"p-column-filter-overlay p-component p-fluid":!0,"p-column-filter-overlay-menu":"menu"===e.props.display,"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},filterRowItems:"p-column-filter-row-items",filterRowItem:function(e){var n=e.matchMode;return["p-column-filter-row-item",{"p-highlight":n&&e.instance.isRowMatchModeSelected(n.value)}]},filterSeparator:"p-column-filter-separator",filterOperator:"p-column-filter-operator",filterOperatorDropdown:"p-column-filter-operator-dropdown",filterConstraints:"p-column-filter-constraints",filterConstraint:"p-column-filter-constraint",filterMatchModeDropdown:"p-column-filter-matchmode-dropdown",filterRemoveButton:"p-column-filter-remove-button p-button-text p-button-danger p-button-sm",filterAddRule:"p-column-filter-add-rule",filterAddRuleButton:"p-column-filter-add-button p-button-text p-button-sm",filterButtonbar:"p-column-filter-buttonbar",filterClearButton:"p-button-outlined p-button-sm",filterApplyButton:"p-button-sm",tbody:function(e){return e.props.frozenRow?"p-datatable-tbody p-datatable-frozen-tbody":"p-datatable-tbody"},rowgroupHeader:"p-rowgroup-header",rowGroupToggler:"p-row-toggler p-link",rowGroupTogglerIcon:"p-row-toggler-icon",row:function(e){var n=e.instance,t=e.props,o=e.rowData,l=[];return t.selectionMode&&l.push("p-selectable-row"),t.selection&&l.push({"p-highlight":n.isSelected(o)}),t.contextMenuSelection&&l.push({"p-highlight-contextmenu":n.isSelectedWithContextMenu(o)}),l},rowExpansion:"p-datatable-row-expansion",rowgroupFooter:"p-rowgroup-footer",emptyMessage:"p-datatable-emptymessage",bodyCell:function(e){var n=e.instance;return[{"p-selection-column":null!=n.columnProp("selectionMode"),"p-editable-column":n.isEditable(),"p-cell-editing":n.d_editing,"p-frozen-column":n.columnProp("frozen")}]},columnTitle:"p-column-title",rowReorderIcon:"p-datatable-reorderablerow-handle",rowToggler:"p-row-toggler p-link",rowTogglerIcon:"p-row-toggler-icon",rowEditorInitButton:"p-row-editor-init p-link",rowEditorInitIcon:"p-row-editor-init-icon",rowEditorSaveButton:"p-row-editor-save p-link",rowEditorSaveIcon:"p-row-editor-save-icon",rowEditorCancelButton:"p-row-editor-cancel p-link",rowEditorCancelIcon:"p-row-editor-cancel-icon",checkboxWrapper:function(e){return["p-checkbox p-component",{"p-checkbox-focused":e.instance.focused}]},checkbox:function(e){var n=e.instance;return["p-checkbox-box p-component",{"p-highlight":n.checked,"p-disabled":n.$attrs.disabled,"p-focus":n.focused}]},checkboxIcon:"p-checkbox-icon",radiobuttonWrapper:function(e){return["p-radiobutton p-component",{"p-radiobutton-focused":e.instance.focused}]},radiobutton:function(e){var n=e.instance;return["p-radiobutton-box p-component",{"p-highlight":n.checked,"p-disabled":n.$attrs.disabled,"p-focus":n.focused}]},radiobuttonIcon:"p-radiobutton-icon",tfoot:"p-datatable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},virtualScrollerSpacer:"p-datatable-virtualscroller-spacer",footer:"p-datatable-footer",resizeHelper:"p-column-resizer-helper",reorderIndicatorUp:"p-datatable-reorder-indicator-up",reorderIndicatorDown:"p-datatable-reorder-indicator-down"},inlineStyles:{wrapper:{overflow:"auto"},thead:{position:"sticky"},tfoot:{position:"sticky"}}})}();

package/datatable/style/package.json

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

package/dataview/BaseDataView.vue

@@ -1,22 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: ({ props }) => [
-        'p-dataview p-component',
-        {
-            'p-dataview-list': props.layout === 'list',
-            'p-dataview-grid': props.layout === 'grid'
-        }
-    ],
-    header: 'p-dataview-header',
-    paginator: ({ instance }) => (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'
-};
+import DataViewStyle from 'primevue/dataview/style';
 
 export default {
     name: 'BaseDataView',
@@ -87,9 +71,7 @@ export default {
             default: null
         }
     },
-    css: {
-        classes
-    },
+    style: DataViewStyle,
     provide() {
         return {
             $parentInstance: this

package/dataview/DataView.vue

@@ -110,20 +110,13 @@ export default {
         sort() {
             if (this.value) {
                 const value = [...this.value];
-                const comparer = new Intl.Collator(undefined, { numeric: true }).compare;
+                const comparer = ObjectUtils.localeComparator();
 
                 value.sort((data1, data2) => {
                     let value1 = ObjectUtils.resolveFieldData(data1, this.sortField);
                     let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);
-                    let result = null;
 
-                    if (value1 == null && value2 != null) result = -1;
-                    else if (value1 != null && value2 == null) result = 1;
-                    else if (value1 == null && value2 == null) result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = comparer(value1, value2);
-                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                    return this.sortOrder * result;
+                    return ObjectUtils.sort(value1, value2, this.sortOrder, comparer);
                 });
 
                 return value;

package/dataview/dataview.cjs.js

@@ -3,32 +3,15 @@
 var Paginator = require('primevue/paginator');
 var utils = require('primevue/utils');
 var BaseComponent = require('primevue/basecomponent');
+var DataViewStyle = require('primevue/dataview/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var Paginator__default = /*#__PURE__*/_interopDefaultLegacy(Paginator);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var DataViewStyle__default = /*#__PURE__*/_interopDefaultLegacy(DataViewStyle);
 
-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 script$1 = {
   name: 'BaseDataView',
   "extends": BaseComponent__default["default"],
@@ -98,9 +81,7 @@ var script$1 = {
       "default": null
     }
   },
-  css: {
-    classes: classes
-  },
+  style: DataViewStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this
@@ -153,15 +134,11 @@ var script = {
       var _this = this;
       if (this.value) {
         var value = _toConsumableArray(this.value);
-        var comparer = new Intl.Collator(undefined, {
-          numeric: true
-        }).compare;
+        var comparer = utils.ObjectUtils.localeComparator();
         value.sort(function (data1, data2) {
           var value1 = utils.ObjectUtils.resolveFieldData(data1, _this.sortField);
           var value2 = utils.ObjectUtils.resolveFieldData(data2, _this.sortField);
-          var result = null;
-          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = comparer(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return _this.sortOrder * result;
+          return utils.ObjectUtils.sort(value1, value2, _this.sortOrder, comparer);
         });
         return value;
       } else {

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/paginator"),e=require("primevue/utils"),r=require("primevue/basecomponent"),o=require("vue");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(t);function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(t,e){if(t){if("string"==typeof t)return u(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(t,e):void 0}}function l(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function p(t){if(Array.isArray(t))return u(t)}function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=new Array(e);r<e;r++)o[r]=t[r];return o}var d={name:"DataView",extends:{name:"BaseDataView",extends:a(r).default,props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1},dataKey:{type:String,default:null}},css:{classes:{root:function(t){var e=t.props;return["p-dataview p-component",{"p-dataview-list":"list"===e.layout,"p-dataview-grid":"grid"===e.layout}]},header:"p-dataview-header",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}};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)},module.exports=d;
+"use strict";var t=require("primevue/paginator"),e=require("primevue/utils"),r=require("primevue/basecomponent"),o=require("primevue/dataview/style"),a=require("vue");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}};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)},module.exports=c;

package/dataview/dataview.esm.js

@@ -1,27 +1,9 @@
 import Paginator from 'primevue/paginator';
 import { ObjectUtils } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
+import DataViewStyle from 'primevue/dataview/style';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createBlock, normalizeClass, createSlots, withCtx, createElementVNode, Fragment, renderList } from 'vue';
 
-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 script$1 = {
   name: 'BaseDataView',
   "extends": BaseComponent,
@@ -91,9 +73,7 @@ var script$1 = {
       "default": null
     }
   },
-  css: {
-    classes: classes
-  },
+  style: DataViewStyle,
   provide: function provide() {
     return {
       $parentInstance: this
@@ -146,15 +126,11 @@ var script = {
       var _this = this;
       if (this.value) {
         var value = _toConsumableArray(this.value);
-        var comparer = new Intl.Collator(undefined, {
-          numeric: true
-        }).compare;
+        var comparer = ObjectUtils.localeComparator();
         value.sort(function (data1, data2) {
           var value1 = ObjectUtils.resolveFieldData(data1, _this.sortField);
           var value2 = ObjectUtils.resolveFieldData(data2, _this.sortField);
-          var result = null;
-          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = comparer(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return _this.sortOrder * result;
+          return ObjectUtils.sort(value1, value2, _this.sortOrder, comparer);
         });
         return value;
       } else {

package/dataview/dataview.esm.min.js

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

package/dataview/dataview.js

@@ -1,31 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.dataview = (function (Paginator, utils, BaseComponent, vue) {
+this.primevue.dataview = (function (Paginator, utils, BaseComponent, DataViewStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var Paginator__default = /*#__PURE__*/_interopDefaultLegacy(Paginator);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var DataViewStyle__default = /*#__PURE__*/_interopDefaultLegacy(DataViewStyle);
 
-    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 script$1 = {
       name: 'BaseDataView',
       "extends": BaseComponent__default["default"],
@@ -95,9 +77,7 @@ this.primevue.dataview = (function (Paginator, utils, BaseComponent, vue) {
           "default": null
         }
       },
-      css: {
-        classes: classes
-      },
+      style: DataViewStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -150,15 +130,11 @@ this.primevue.dataview = (function (Paginator, utils, BaseComponent, vue) {
           var _this = this;
           if (this.value) {
             var value = _toConsumableArray(this.value);
-            var comparer = new Intl.Collator(undefined, {
-              numeric: true
-            }).compare;
+            var comparer = utils.ObjectUtils.localeComparator();
             value.sort(function (data1, data2) {
               var value1 = utils.ObjectUtils.resolveFieldData(data1, _this.sortField);
               var value2 = utils.ObjectUtils.resolveFieldData(data2, _this.sortField);
-              var result = null;
-              if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = comparer(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-              return _this.sortOrder * result;
+              return utils.ObjectUtils.sort(value1, value2, _this.sortOrder, comparer);
             });
             return value;
           } else {
@@ -305,4 +281,4 @@ this.primevue.dataview = (function (Paginator, utils, BaseComponent, vue) {
 
     return script;
 
-})(primevue.paginator, primevue.utils, primevue.basecomponent, Vue);
+})(primevue.paginator, primevue.utils, primevue.basecomponent, primevue.dataview.style, Vue);