68 lines
2.2 KiB
JavaScript
68 lines
2.2 KiB
JavaScript
import { style } from '@primeuix/styles/carousel';
|
|
import BaseStyle from '@primevue/core/base/style';
|
|
|
|
var classes = {
|
|
root: function root(_ref) {
|
|
var instance = _ref.instance;
|
|
return ['p-carousel p-component', {
|
|
'p-carousel-vertical': instance.isVertical(),
|
|
'p-carousel-horizontal': !instance.isVertical()
|
|
}];
|
|
},
|
|
header: 'p-carousel-header',
|
|
contentContainer: 'p-carousel-content-container',
|
|
content: 'p-carousel-content',
|
|
pcPrevButton: function pcPrevButton(_ref2) {
|
|
var instance = _ref2.instance;
|
|
return ['p-carousel-prev-button', {
|
|
'p-disabled': instance.backwardIsDisabled
|
|
}];
|
|
},
|
|
viewport: 'p-carousel-viewport',
|
|
itemList: 'p-carousel-item-list',
|
|
itemClone: function itemClone(_ref3) {
|
|
var index = _ref3.index,
|
|
value = _ref3.value,
|
|
totalShiftedItems = _ref3.totalShiftedItems,
|
|
d_numVisible = _ref3.d_numVisible;
|
|
return ['p-carousel-item p-carousel-item-clone', {
|
|
'p-carousel-item-active': totalShiftedItems * -1 === value.length + d_numVisible,
|
|
'p-carousel-item-start': index === 0,
|
|
'p-carousel-item-end': value.slice(-1 * d_numVisible).length - 1 === index
|
|
}];
|
|
},
|
|
item: function item(_ref4) {
|
|
var instance = _ref4.instance,
|
|
index = _ref4.index;
|
|
return ['p-carousel-item', {
|
|
'p-carousel-item-active': instance.firstIndex() <= index && instance.lastIndex() >= index,
|
|
'p-carousel-item-start': instance.firstIndex() === index,
|
|
'p-carousel-item-end': instance.lastIndex() === index
|
|
}];
|
|
},
|
|
pcNextButton: function pcNextButton(_ref5) {
|
|
var instance = _ref5.instance;
|
|
return ['p-carousel-next-button', {
|
|
'p-disabled': instance.forwardIsDisabled
|
|
}];
|
|
},
|
|
indicatorList: 'p-carousel-indicator-list',
|
|
indicator: function indicator(_ref6) {
|
|
var instance = _ref6.instance,
|
|
index = _ref6.index;
|
|
return ['p-carousel-indicator', {
|
|
'p-carousel-indicator-active': instance.d_page === index
|
|
}];
|
|
},
|
|
indicatorButton: 'p-carousel-indicator-button',
|
|
footer: 'p-carousel-footer'
|
|
};
|
|
var CarouselStyle = BaseStyle.extend({
|
|
name: 'carousel',
|
|
style: style,
|
|
classes: classes
|
|
});
|
|
|
|
export { CarouselStyle as default };
|
|
//# sourceMappingURL=index.mjs.map
|