primevue/carousel/style/carouselstyle.esm.min.js

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

import e from"primevue/base/style";var n=e.extend({name:"carousel",css:"\n@layer primevue {\n    .p-carousel {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .p-carousel-content {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n    }\n\n    .p-carousel-prev,\n    .p-carousel-next {\n        align-self: center;\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-carousel-container {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .p-carousel-items-content {\n        overflow: hidden;\n        width: 100%;\n    }\n\n    .p-carousel-items-container {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .p-carousel-indicators {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    .p-carousel-indicator > button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    /* Vertical */\n    .p-carousel-vertical .p-carousel-container {\n        flex-direction: column;\n    }\n\n    .p-carousel-vertical .p-carousel-items-container {\n        flex-direction: column;\n        height: 100%;\n    }\n\n    /* Keyboard Support */\n    .p-items-hidden .p-carousel-item {\n        visibility: hidden;\n    }\n\n    .p-items-hidden .p-carousel-item.p-carousel-item-active {\n        visibility: visible;\n    }\n}\n",classes:{root:function(e){var n=e.instance;return["p-carousel p-component",{"p-carousel-vertical":n.isVertical(),"p-carousel-horizontal":!n.isVertical()}]},header:"p-carousel-header",content:"p-carousel-content",container:"p-carousel-container",previousButton:function(e){return["p-carousel-prev p-link",{"p-disabled":e.instance.backwardIsDisabled}]},previousButtonIcon:"p-carousel-next-icon",itemsContent:"p-carousel-items-content",itemsContainer:"p-carousel-items-container",itemCloned:function(e){var n=e.index,t=e.value,i=e.d_numVisible;return["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*e.totalShiftedItems===t.length+i,"p-carousel-item-start":0===n,"p-carousel-item-end":t.slice(-1*i).length-1===n}]},item:function(e){var n=e.instance,t=e.index;return["p-carousel-item",{"p-carousel-item-active":n.firstIndex()<=t&&n.lastIndex()>=t,"p-carousel-item-start":n.firstIndex()===t,"p-carousel-item-end":n.lastIndex()===t}]},nextButton:function(e){return["p-carousel-next p-link",{"p-disabled":e.instance.forwardIsDisabled}]},nextButtonIcon:"p-carousel-prev-icon",indicators:"p-carousel-indicators p-reset",indicator:function(e){return["p-carousel-indicator",{"p-highlight":e.instance.d_page===e.index}]},indicatorButton:"p-link",footer:"p-carousel-footer"}});export{n as default};