primevue/galleria/style/galleriastyle.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

this.primevue=this.primevue||{},this.primevue.galleria=this.primevue.galleria||{},this.primevue.galleria.style=function(n){"use strict";function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return a(primevue.base.style).default.extend({name:"galleria",theme:function(n){var a=n.dt;return"\n.p-galleria {\n    overflow: hidden;\n    border-style: solid;\n    border-width: ".concat(a("galleria.border.width"),";\n    border-color: ").concat(a("galleria.border.color"),";\n    border-radius: ").concat(a("galleria.border.radius"),";\n}\n\n.p-galleria-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-galleria-items-container {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n}\n\n.p-galleria-items {\n    position: relative;\n    display: flex;\n    height: 100%;\n}\n\n.p-galleria-nav-button {\n    position: absolute;\n    top: 50%;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    background: ").concat(a("galleria.nav.button.background"),";\n    color: ").concat(a("galleria.nav.button.color"),";\n    width: ").concat(a("galleria.nav.button.size"),";\n    height: ").concat(a("galleria.nav.button.size"),";\n    transition: background ").concat(a("transition.duration"),", color ").concat(a("transition.duration"),", outline-color ").concat(a("transition.duration"),", box-shadow ").concat(a("transition.duration"),";\n    margin: calc(-1 * calc(").concat(a("galleria.nav.button.size"),") / 2) ").concat(a("galleria.nav.button.gutter")," 0 ").concat(a("galleria.nav.button.gutter"),";\n    padding: 0;\n    user-select: none;\n    border: 0 none;\n    cursor: pointer;\n    outline-color: transparent;\n}\n\n.p-galleria-nav-button:not(.p-disabled):hover {\n    background: ").concat(a("galleria.nav.button.hover.background"),";\n    color: ").concat(a("galleria.nav.button.hover.color"),";\n}\n\n.p-galleria-nav-button:not(.p-disabled):focus-visible {\n    box-shadow: ").concat(a("galleria.nav.button.focus.ring.shadow"),";\n    outline: ").concat(a("galleria.nav.button.focus.ring.width")," ").concat(a("galleria.nav.button.focus.ring.style")," ").concat(a("galleria.nav.button.focus.ring.color"),";\n    outline-offset: ").concat(a("galleria.nav.button.focus.ring.offset"),";\n}\n\n.p-galleria-next-icon,\n.p-galleria-prev-icon {\n    font-size: ").concat(a("galleria.nav.icon.size"),";\n    width: ").concat(a("galleria.nav.icon.size"),";\n    height: ").concat(a("galleria.nav.icon.size"),";\n}\n\n.p-galleria-prev-button {\n    border-radius: ").concat(a("galleria.nav.button.prev.border.radius"),";\n    left: 0;\n}\n\n.p-galleria-next-button {\n    border-radius: ").concat(a("galleria.nav.button.next.border.radius"),";\n    right: 0;\n}\n\n.p-galleria-item {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n}\n\n.p-galleria-hover-navigators .p-galleria-nav-button {\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity ").concat(a("transition.duration")," ease-in-out;\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button {\n    pointer-events: all;\n    opacity: 1;\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button.p-disabled {\n    pointer-events: none;\n}\n\n.p-galleria-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background: ").concat(a("galleria.caption.background"),";\n    color: ").concat(a("galleria.caption.color"),";\n    padding: ").concat(a("galleria.caption.padding"),";\n}\n\n.p-galleria-thumbnails {\n    display: flex;\n    flex-direction: column;\n    overflow: auto;\n    flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-nav-button {\n    align-self: center;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n    margin: 0 ").concat(a("galleria.thumbnail.nav.button.gutter"),";\n    padding: 0;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    background: transparent;\n    color: ").concat(a("galleria.thumbnail.nav.button.color"),";\n    width: ").concat(a("galleria.thumbnail.nav.button.size"),";\n    height: ").concat(a("galleria.thumbnail.nav.button.size"),";\n    transition: background-color ").concat(a("transition.duration"),", color ").concat(a("transition.duration"),", outline-color ").concat(a("transition.duration"),";\n    outline-color: transparent;\n    border-radius: ").concat(a("galleria.thumbnail.nav.button.border.radius"),";\n}\n\n.p-galleria-thumbnail-nav-button:hover {\n    background: ").concat(a("galleria.thumbnail.nav.button.hover.background"),";\n    color: ").concat(a("galleria.thumbnail.nav.button.hover.color"),";\n}\n\n.p-galleria-thumbnail-nav-button:focus-visible {\n    box-shadow: ").concat(a("galleria.thumbnail.nav.button.focus.ring.shadow"),";\n    outline: ").concat(a("galleria.thumbnail.nav.button.focus.ring.width")," ").concat(a("galleria.thumbnail.nav.button.focus.ring.style")," ").concat(a("galleria.thumbnail.nav.button.focus.ring.color"),";\n    outline-offset: ").concat(a("galleria.thumbnail.nav.button.focus.ring.offset"),";\n}\n\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-next-icon,\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-prev-icon {\n    font-size: ").concat(a("galleria.thumbnail.nav.button.icon.size"),";\n    width: ").concat(a("galleria.thumbnail.nav.button.icon.size"),";\n    height: ").concat(a("galleria.thumbnail.nav.button.icon.size"),";\n}\n\n.p-galleria-thumbnails-content {\n    display: flex;\n    flex-direction: row;\n    background: ").concat(a("galleria.thumbnails.content.background"),";\n    padding: ").concat(a("galleria.thumbnails.content.padding"),";\n}\n\n.p-galleria-thumbnails-viewport {\n    overflow: hidden;\n    width: 100%;\n}\n\n.p-galleria-thumbnail-items {\n    display: flex;\n}\n\n.p-galleria-thumbnail-item {\n    overflow: auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    opacity: 0.5;\n}\n\n.p-galleria-thumbnail {\n    outline-color: transparent;\n}\n\n.p-galleria-thumbnail-item:hover {\n    opacity: 1;\n    transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n    opacity: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n    flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-right .p-galleria-items-container {\n    flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-top .p-galleria-items-container {\n    order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails,\n.p-galleria-thumbnails-top .p-galleria-thumbnails {\n    order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails-content,\n.p-galleria-thumbnails-right .p-galleria-thumbnails-content {\n    flex-direction: column;\n    flex-grow: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n    flex-direction: column;\n    height: 100%;\n}\n\n.p-galleria-indicator-list {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: ").concat(a("galleria.indicator.list.padding"),";\n    gap: ").concat(a("galleria.indicator.list.gap"),";\n    margin: 0;\n    list-style: none;\n}\n\n.p-galleria-indicator-button {\n    display: inline-flex;\n    align-items: center;\n    background: ").concat(a("galleria.indicator.button.background"),";\n    width: ").concat(a("galleria.indicator.button.width"),";\n    height: ").concat(a("galleria.indicator.button.height"),";\n    transition: background ").concat(a("transition.duration"),", color ").concat(a("transition.duration"),", outline-color ").concat(a("transition.duration"),", box-shadow ").concat(a("transition.duration"),";\n    outline-color: transparent;\n    border-radius: ").concat(a("galleria.indicator.button.border.radius"),";\n    margin: 0;\n    padding: 0;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n}\n\n.p-galleria-indicator-button:hover {\n    background: ").concat(a("galleria.indicator.button.hover.background"),";\n}\n\n.p-galleria-indicator-button:focus-visible {\n    box-shadow: ").concat(a("galleria.indicator.button.focus.ring.shadow"),";\n    outline: ").concat(a("galleria.indicator.button.focus.ring.width")," ").concat(a("galleria.indicator.button.focus.ring.style")," ").concat(a("galleria.indicator.button.focus.ring.color"),";\n    outline-offset: ").concat(a("galleria.indicator.button.focus.ring.offset"),";\n}\n\n.p-galleria-indicator-active .p-galleria-indicator-button {\n    background-color: ").concat(a("galleria.indicator.button.active.background"),";\n}\n\n.p-galleria-indicators-left .p-galleria-items-container,\n.p-galleria-indicators-right .p-galleria-items-container {\n    flex-direction: row;\n    align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-items,\n.p-galleria-indicators-top .p-galleria-items {\n    order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-top .p-galleria-indicator-list {\n    order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-right .p-galleria-indicator-list {\n    flex-direction: column;\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-list {\n    position: absolute;\n    display: flex;\n    z-index: 1;\n    background: ").concat(a("galleria.inset.indicator.list.background"),";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button {\n    background: ").concat(a("galleria.inset.indicator.button.background"),";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button:hover {\n    background: ").concat(a("galleria.inset.indicator.button.hover.background"),";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {\n    background: ").concat(a("galleria.inset.indicator.button.active.background"),";\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-top .p-galleria-indicator-list {\n    top: 0;\n    left: 0;\n    width: 100%;\n    align-items: flex-start;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-right .p-galleria-indicator-list {\n    right: 0;\n    top: 0;\n    height: 100%;\n    align-items: flex-end;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-bottom .p-galleria-indicator-list {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    align-items: flex-end;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-left .p-galleria-indicator-list {\n    left: 0;\n    top: 0;\n    height: 100%;\n    align-items: flex-start;\n}\n\n.p-galleria-mask {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-galleria-close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    margin: ").concat(a("galleria.close.button.gutter"),";\n    background: ").concat(a("galleria.close.button.background"),";\n    color: ").concat(a("galleria.close.button.color"),";\n    width: ").concat(a("galleria.close.button.size"),";\n    height: ").concat(a("galleria.close.button.size"),";\n    padding: 0;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    border-radius: ").concat(a("galleria.close.button.border.radius"),";\n    outline-color: transparent;\n    transition: background ").concat(a("transition.duration"),", color ").concat(a("transition.duration"),", outline-color ").concat(a("transition.duration"),";\n}\n\n.p-galleria-close-icon {\n    font-size: ").concat(a("galleria.close.button.icon.size"),";\n    width: ").concat(a("galleria.close.button.icon.size"),";\n    height: ").concat(a("galleria.close.button.icon.size"),";\n}\n\n.p-galleria-close-button:hover {\n    background: ").concat(a("galleria.close.button.hover.background"),";\n    color: ").concat(a("galleria.close.button.hover.color"),";\n}\n\n.p-galleria-close-button:focus-visible {\n    box-shadow: ").concat(a("galleria.close.button.focus.ring.shadow"),";\n    outline: ").concat(a("galleria.close.button.focus.ring.width")," ").concat(a("galleria.close.button.focus.ring.style")," ").concat(a("galleria.close.button.focus.ring.color"),";\n    outline-offset: ").concat(a("galleria.close.button.focus.ring.offset"),";\n}\n\n.p-galleria-mask .p-galleria-nav-button {\n    position: fixed;\n    top: 50%;\n}\n\n.p-galleria-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-galleria-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-galleria-enter-from,\n.p-galleria-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n\n.p-galleria-enter-active .p-galleria-nav-button {\n    opacity: 0;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item {\n    visibility: hidden;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n    visibility: visible;\n}\n")},classes:{mask:"p-galleria-mask p-overlay-mask p-overlay-mask-enter",root:function(n){var a=n.instance,t=a.$attrs.showThumbnails&&a.getPositionClass("p-galleria-thumbnails",a.$attrs.thumbnailsPosition),i=a.$attrs.showIndicators&&a.getPositionClass("p-galleria-indicators",a.$attrs.indicatorsPosition);return["p-galleria p-component",{"p-galleria-fullscreen":a.$attrs.fullScreen,"p-galleria-inset-indicators":a.$attrs.showIndicatorsOnItem,"p-galleria-hover-navigators":a.$attrs.showItemNavigatorsOnHover&&!a.$attrs.fullScreen},t,i]},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",previousItemButton:function(n){return["p-galleria-prev-button p-galleria-nav-button",{"p-disabled":n.instance.isNavBackwardDisabled()}]},previousItemIcon:"p-galleria-prev-icon",item:"p-galleria-item",nextItemButton:function(n){return["p-galleria-next-button p-galleria-nav-button",{"p-disabled":n.instance.isNavForwardDisabled()}]},nextItemIcon:"p-galleria-next-icon",caption:"p-galleria-caption",indicatorList:"p-galleria-indicator-list",indicator:function(n){return["p-galleria-indicator",{"p-galleria-indicator-active":n.instance.isIndicatorItemActive(n.index)}]},indicatorButton:"p-galleria-indicator-button",thumbnails:"p-galleria-thumbnails",thumbnailContent:"p-galleria-thumbnails-content",previousThumbnailButton:function(n){return["p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button",{"p-disabled":n.instance.isNavBackwardDisabled()}]},previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",thumbnailsViewport:"p-galleria-thumbnails-viewport",thumbnailItems:"p-galleria-thumbnail-items",thumbnailItem:function(n){var a=n.instance,t=n.index;return["p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.activeIndex===t,"p-galleria-thumbnail-item-active":a.isItemActive(t),"p-galleria-thumbnail-item-start":a.firstItemAciveIndex()===t,"p-galleria-thumbnail-item-end":a.lastItemActiveIndex()===t}]},thumbnail:"p-galleria-thumbnail",nextThumbnailButton:function(n){return["p-galleria-thumbnail-next-button  p-galleria-thumbnail-nav-button",{"p-disabled":n.instance.isNavForwardDisabled()}]},nextThumbnailIcon:"p-galleria-thumbnail-next-icon"}})}();