primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
68 lines (65 loc) • 2.82 kB
JavaScript
import { style } from '@primeuix/styles/paginator';
import BaseStyle from '@primevue/core/base/style';
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var classes = {
paginator: function paginator(_ref) {
var instance = _ref.instance,
key = _ref.key;
return ['p-paginator p-component', _defineProperty({
'p-paginator-default': !instance.hasBreakpoints()
}, "p-paginator-".concat(key), instance.hasBreakpoints())];
},
content: 'p-paginator-content',
contentStart: 'p-paginator-content-start',
contentEnd: 'p-paginator-content-end',
first: function first(_ref3) {
var instance = _ref3.instance;
return ['p-paginator-first', {
'p-disabled': instance.$attrs.disabled
}];
},
firstIcon: 'p-paginator-first-icon',
prev: function prev(_ref4) {
var instance = _ref4.instance;
return ['p-paginator-prev', {
'p-disabled': instance.$attrs.disabled
}];
},
prevIcon: 'p-paginator-prev-icon',
next: function next(_ref5) {
var instance = _ref5.instance;
return ['p-paginator-next', {
'p-disabled': instance.$attrs.disabled
}];
},
nextIcon: 'p-paginator-next-icon',
last: function last(_ref6) {
var instance = _ref6.instance;
return ['p-paginator-last', {
'p-disabled': instance.$attrs.disabled
}];
},
lastIcon: 'p-paginator-last-icon',
pages: 'p-paginator-pages',
page: function page(_ref7) {
var props = _ref7.props,
pageLink = _ref7.pageLink;
return ['p-paginator-page', {
'p-paginator-page-selected': pageLink - 1 === props.page
}];
},
current: 'p-paginator-current',
pcRowPerPageDropdown: 'p-paginator-rpp-dropdown',
pcJumpToPageDropdown: 'p-paginator-jtp-dropdown',
pcJumpToPageInputText: 'p-paginator-jtp-input'
};
var PaginatorStyle = BaseStyle.extend({
name: 'paginator',
style: style,
classes: classes
});
export { PaginatorStyle as default };
//# sourceMappingURL=index.mjs.map