87 lines
3.4 KiB
JavaScript
87 lines
3.4 KiB
JavaScript
import { style } from '@primeuix/styles/galleria';
|
|
import BaseStyle from '@primevue/core/base/style';
|
|
|
|
var classes = {
|
|
mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter-active',
|
|
root: function root(_ref) {
|
|
var instance = _ref.instance;
|
|
var thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);
|
|
var indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);
|
|
return ['p-galleria p-component', {
|
|
'p-galleria-fullscreen': instance.$attrs.fullScreen,
|
|
'p-galleria-inset-indicators': instance.$attrs.showIndicatorsOnItem,
|
|
'p-galleria-hover-navigators': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen
|
|
}, thumbnailsPosClass, indicatorPosClass];
|
|
},
|
|
closeButton: 'p-galleria-close-button',
|
|
closeIcon: 'p-galleria-close-icon',
|
|
header: 'p-galleria-header',
|
|
content: 'p-galleria-content',
|
|
footer: 'p-galleria-footer',
|
|
itemsContainer: 'p-galleria-items-container',
|
|
items: 'p-galleria-items',
|
|
prevButton: function prevButton(_ref2) {
|
|
var instance = _ref2.instance;
|
|
return ['p-galleria-prev-button p-galleria-nav-button', {
|
|
'p-disabled': instance.isNavBackwardDisabled
|
|
}];
|
|
},
|
|
prevIcon: 'p-galleria-prev-icon',
|
|
item: 'p-galleria-item',
|
|
nextButton: function nextButton(_ref3) {
|
|
var instance = _ref3.instance;
|
|
return ['p-galleria-next-button p-galleria-nav-button', {
|
|
'p-disabled': instance.isNavForwardDisabled
|
|
}];
|
|
},
|
|
nextIcon: 'p-galleria-next-icon',
|
|
caption: 'p-galleria-caption',
|
|
indicatorList: 'p-galleria-indicator-list',
|
|
indicator: function indicator(_ref4) {
|
|
var instance = _ref4.instance,
|
|
index = _ref4.index;
|
|
return ['p-galleria-indicator', {
|
|
'p-galleria-indicator-active': instance.isIndicatorItemActive(index)
|
|
}];
|
|
},
|
|
indicatorButton: 'p-galleria-indicator-button',
|
|
thumbnails: 'p-galleria-thumbnails',
|
|
thumbnailContent: 'p-galleria-thumbnails-content',
|
|
thumbnailPrevButton: function thumbnailPrevButton(_ref5) {
|
|
var instance = _ref5.instance;
|
|
return ['p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button', {
|
|
'p-disabled': instance.isNavBackwardDisabled
|
|
}];
|
|
},
|
|
thumbnailPrevIcon: 'p-galleria-thumbnail-prev-icon',
|
|
thumbnailsViewport: 'p-galleria-thumbnails-viewport',
|
|
thumbnailItems: 'p-galleria-thumbnail-items',
|
|
thumbnailItem: function thumbnailItem(_ref6) {
|
|
var instance = _ref6.instance,
|
|
index = _ref6.index,
|
|
activeIndex = _ref6.activeIndex;
|
|
return ['p-galleria-thumbnail-item', {
|
|
'p-galleria-thumbnail-item-current': activeIndex === index,
|
|
'p-galleria-thumbnail-item-active': instance.isItemActive(index),
|
|
'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,
|
|
'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index
|
|
}];
|
|
},
|
|
thumbnail: 'p-galleria-thumbnail',
|
|
thumbnailNextButton: function thumbnailNextButton(_ref7) {
|
|
var instance = _ref7.instance;
|
|
return ['p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button', {
|
|
'p-disabled': instance.isNavForwardDisabled
|
|
}];
|
|
},
|
|
thumbnailNextIcon: 'p-galleria-thumbnail-next-icon'
|
|
};
|
|
var GalleriaStyle = BaseStyle.extend({
|
|
name: 'galleria',
|
|
style: style,
|
|
classes: classes
|
|
});
|
|
|
|
export { GalleriaStyle as default };
|
|
//# sourceMappingURL=index.mjs.map
|