primereact 10.3.0 → 10.3.1

package/galleria/galleria.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/icons/times"),l=require("primereact/portal"),o=require("primereact/ripple"),c=require("primereact/utils"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var h=f(e),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function S(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return c.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return c.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return c.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return c.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return c.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return c.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return c.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return c.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\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    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\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: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\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-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\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        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\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}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function D(e){if(Array.isArray(e))return P(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return D(e)||j(e)||S(e)||T()}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=h.useRef(null),r=e.ptm,l=e.cx,m=function(n,t){return r(n,H({hostName:e.hostName},t))},p=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},d=function(n){p(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},f=function(n){p(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},g=function(n){p(),e.onActiveItemChange({index:n})},v=function(n){e.changeItemOnIndicatorHover&&(p(),e.onActiveItemChange({index:n}))},I=function(n,t){switch(n.code){case"Enter":case"Space":p(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),n.preventDefault();break;case"End":O(),n.preventDefault();break;case"Tab":P();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},x=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=S();N(e,e-1<=0?0:e-1)},w=function(){var e=S();N(e,0)},O=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,e.length-1)},P=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-highlight")})),t=c.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},S=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=c.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},N=function(e,n){var t=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var E,C=function(t){var a,i="p-galleria-indicator-"+t,r=e.activeItemIndex===t,s=e.indicator&&e.indicator(t),u=c.mergeProps({className:l("indicator",{isActive:r}),key:i,tabIndex:0,"aria-label":(a=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":r,onClick:function(){return g(t)},onMouseEnter:function(){return v(t)},onKeyDown:function(e){return I(e,t)}},m("indicator"));return s||(s=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(o.Ripple,null))),h.createElement("li",u,s)},D=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),j=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=c.mergeProps({className:l("previousItemIcon")},m("previousItemIcon")),a=c.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),i=c.mergeProps({type:"button",className:l("previousItemButton",{isDisabled:n}),onClick:d,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},m("previousItemButton"));return h.createElement("button",i,a,h.createElement(o.Ripple,null))}return null}(),T=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=c.mergeProps({className:l("nextItemIcon")},m("nextItemIcon")),a=c.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),i=c.mergeProps({type:"button",className:l("nextItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},m("nextItemButton"));return h.createElement("button",i,a,h.createElement(o.Ripple,null))}return null}(),A=function(){var n=c.mergeProps({className:l("caption")},m("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),R=function(){if(e.showIndicators){for(var n=[],t=c.mergeProps({className:c.classNames(e.indicatorsContentClassName,l("indicators"))},m("indicators")),i=0;i<e.value.length;i++)n.push(C(i));return h.createElement("ul",b({ref:a},t),n)}return null}(),U=c.mergeProps({ref:t,className:l("itemWrapper")},m("itemWrapper")),V=c.mergeProps({className:l("itemContainer")},m("itemContainer")),B=c.mergeProps({className:l("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(E=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,E):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},m("item"));return h.createElement("div",U,h.createElement("div",V,j,h.createElement("div",B,D),T,A),R)})));function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,r=function(n,t){return a(n,V({hostName:e.hostName},t))},l=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},o=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-active")})),a=c.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=c.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),g=c.mergeProps({className:c.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":l();break;case"ArrowLeft":o();break;case"Home":s(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},r("thumbnailItem")),b=c.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},r("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),r=a[0],l=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(r),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+n;n<0&&-1*t+r>e.value.length-1?t=r-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=r-e.value.length)),v.current&&(c.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/r),"%, 0)"):"translate3d(".concat(t*(100/r),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(r/2);return r%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;r-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},_=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,i=0;t<e.activeItemIndex?(i=r-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},M=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>r?e.value.length-r+1:0},Z=function(){y.current||(y.current=c.DomHandler.createInlineStyle(S&&S.nonce||g.default.nonce));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/r,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=c.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return c.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}r!==t.numVisible&&l(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=c.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===r&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-r+R()<e.activeItemIndex?r-e.value.length:e.value.length-r<e.activeItemIndex&&r%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=r,a=c.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=c.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),l=c.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",l,i,h.createElement(o.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=r,a=c.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=c.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),l=c.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",l,i,h.createElement(o.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+r-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:_,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=c.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=c.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=c.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:M,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=c.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||c.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,_=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){c.DomHandler.blockBodyScroll()},Z=function(){c.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&c.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){c.DomHandler.unblockBodyScroll(),!L()&&c.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){c.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),c.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return c.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=c.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=c.IconUtils.getJSXIcon(m.closeIcon||h.createElement(r.TimesIcon,p),M({},p),{props:m}),g=c.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(o.Ripple,null)),e=c.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=c.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=c.mergeProps({ref:D,id:H,className:c.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=c.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:_})),y));if(m.fullScreen){var N=c.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=c.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(l.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/icons/times"),l=require("primereact/portal"),o=require("primereact/ripple"),c=require("primereact/utils"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var h=f(e),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function S(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return c.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return c.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return c.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return c.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return c.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return c.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return c.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return c.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\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    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\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: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\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-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\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        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\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}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function D(e){if(Array.isArray(e))return P(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return D(e)||j(e)||S(e)||T()}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=h.useRef(null),r=e.ptm,l=e.cx,m=function(n,t){return r(n,H({hostName:e.hostName},t))},p=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},d=function(n){p(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},f=function(n){p(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},g=function(n){p(),e.onActiveItemChange({index:n})},v=function(n){e.changeItemOnIndicatorHover&&(p(),e.onActiveItemChange({index:n}))},I=function(n,t){switch(n.code){case"Enter":case"Space":p(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),n.preventDefault();break;case"End":O(),n.preventDefault();break;case"Tab":P();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},x=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=S();N(e,e-1<=0?0:e-1)},w=function(){var e=S();N(e,0)},O=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,e.length-1)},P=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-highlight")})),t=c.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},S=function(){var e=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=c.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},N=function(e,n){var t=k(c.DomHandler.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var E,C=function(t){var a,i="p-galleria-indicator-"+t,r=e.activeItemIndex===t,s=e.indicator&&e.indicator(t),u=c.mergeProps({className:l("indicator",{isActive:r}),key:i,tabIndex:0,"aria-label":(a=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":r,onClick:function(){return g(t)},onMouseEnter:function(){return v(t)},onKeyDown:function(e){return I(e,t)}},m("indicator"));return s||(s=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(o.Ripple,null))),h.createElement("li",u,s)},D=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),j=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=c.mergeProps({className:l("previousItemIcon")},m("previousItemIcon")),a=c.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),i=c.mergeProps({type:"button",className:l("previousItemButton",{isDisabled:n}),onClick:d,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},m("previousItemButton"));return h.createElement("button",i,a,h.createElement(o.Ripple,null))}return null}(),T=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=c.mergeProps({className:l("nextItemIcon")},m("nextItemIcon")),a=c.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),i=c.mergeProps({type:"button",className:l("nextItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},m("nextItemButton"));return h.createElement("button",i,a,h.createElement(o.Ripple,null))}return null}(),A=function(){var n=c.mergeProps({className:l("caption")},m("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),R=function(){if(e.showIndicators){for(var n=[],t=c.mergeProps({className:c.classNames(e.indicatorsContentClassName,l("indicators"))},m("indicators")),i=0;i<e.value.length;i++)n.push(C(i));return h.createElement("ul",b({ref:a},t),n)}return null}(),U=c.mergeProps({ref:t,className:l("itemWrapper")},m("itemWrapper")),V=c.mergeProps({className:l("itemContainer")},m("itemContainer")),B=c.mergeProps({className:l("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(E=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,E):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},m("item"));return h.createElement("div",U,h.createElement("div",V,j,h.createElement("div",B,D),T,A),R)})));function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,r=function(n,t){return a(n,V({hostName:e.hostName},t))},l=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},o=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===c.DomHandler.getAttribute(e,"data-p-active")})),a=c.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=k(c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=c.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=c.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),g=c.mergeProps({className:c.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":l();break;case"ArrowLeft":o();break;case"Home":s(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},r("thumbnailItem")),b=c.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},r("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),r=a[0],l=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(r),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+n;n<0&&-1*t+r>e.value.length-1?t=r-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=r-e.value.length)),v.current&&(c.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/r),"%, 0)"):"translate3d(".concat(t*(100/r),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(r/2);return r%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;r-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},_=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,i=0;t<e.activeItemIndex?(i=r-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},M=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>r?e.value.length-r+1:0},Z=function(){y.current||(y.current=c.DomHandler.createInlineStyle(S&&S.nonce||g.default.nonce,S&&S.styleContainer));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/r,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=c.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return c.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}r!==t.numVisible&&l(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=c.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===r&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-r+R()<e.activeItemIndex?r-e.value.length:e.value.length-r<e.activeItemIndex&&r%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&c.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=r,a=c.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=c.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),l=c.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",l,i,h.createElement(o.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=r,a=c.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=c.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),l=c.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",l,i,h.createElement(o.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+r-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:_,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=c.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=c.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=c.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:M,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=c.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||c.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,_=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){c.DomHandler.blockBodyScroll()},Z=function(){c.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&c.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){c.DomHandler.unblockBodyScroll(),!L()&&c.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){c.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),c.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return c.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=c.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=c.IconUtils.getJSXIcon(m.closeIcon||h.createElement(r.TimesIcon,p),M({},p),{props:m}),g=c.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(o.Ripple,null)),e=c.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=c.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=c.mergeProps({ref:D,id:H,className:c.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=c.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:_})),y));if(m.fullScreen){var N=c.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=c.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(l.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;

package/galleria/galleria.esm.js

@@ -822,7 +822,7 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   };
   var createStyle = function createStyle() {
     if (!thumbnailsStyle.current) {
-      thumbnailsStyle.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
+      thumbnailsStyle.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
     }
     var innerHTML = "\n            [data-pc-section=\"thumbnailitems\"][".concat(attributeSelector.current, "] {\n                [data-pc-section=\"thumbnailitem\"] {\n                    flex: 1 0 ").concat(100 / numVisibleState, "%\n                }\n            } \n        ");
     if (props.responsiveOptions) {

package/galleria/galleria.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{localeOption as t,PrimeReactContext as i}from"primereact/api";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMountEffect as o,usePrevious as c,useResizeListener as u,useUpdateEffect as s,useInterval as m,useUnmountEffect as p}from"primereact/hooks";import{TimesIcon as d}from"primereact/icons/times";import{Portal as f}from"primereact/portal";import{Ripple as h}from"primereact/ripple";import{classNames as b,mergeProps as v,IconUtils as g,DomHandler as I,UniqueComponentId as x,ObjectUtils as y,ZIndexUtils as w}from"primereact/utils";import{ChevronLeftIcon as S}from"primereact/icons/chevronleft";import{ChevronRightIcon as O}from"primereact/icons/chevronright";import{ChevronDownIcon as E}from"primereact/icons/chevrondown";import{ChevronUpIcon as N}from"primereact/icons/chevronup";function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},P.apply(this,arguments)}function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function T(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==C(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=T(e,"string");return"symbol"===C(n)?n:String(n)}function k(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function A(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,a,r,l,o=[],c=!0,u=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function R(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function V(e,n){if(e){if("string"==typeof e)return R(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,n):void 0}}function B(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,n){return A(e)||D(e,n)||V(e,n)||B()}var U=a.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var t=e.props,i=e.context;return b("p-galleria p-component",{"p-galleria-fullscreen":t.fullScreen,"p-galleria-indicator-onitem":t.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.showItemNavigatorsOnHover&&!t.fullScreen,"p-input-filled":i&&"filled"===i.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===n.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return b("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return b("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return b("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return b("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return b("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return b("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return b("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\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    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\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: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\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-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\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        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\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}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function _(e){if(Array.isArray(e))return R(e)}function G(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e){return _(e)||G(e)||V(e)||L()}function W(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function X(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.memo(e.forwardRef((function(n,i){var a=e.useRef(null),r=n.ptm,l=n.cx,c=function(e,t){return r(e,X({hostName:n.hostName},t))},u=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},s=function(e){u(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},m=function(e){u(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},p=function(e){u(),n.onActiveItemChange({index:e})},d=function(e){n.changeItemOnIndicatorHover&&(u(),n.onActiveItemChange({index:e}))},f=function(e,t){switch(e.code){case"Enter":case"Space":u(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),e.preventDefault();break;case"End":E(),e.preventDefault();break;case"Tab":N();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},x=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=C();T(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=C();T(e,e-1<=0?0:e-1)},w=function(){var e=C();T(e,0)},E=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=C();T(n,e.length-1)},N=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-highlight")})),t=I.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},C=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=I.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},T=function(e,n){var t=M(I.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};o((function(){n.autoPlay&&n.startSlideShow()}));var j,k=function(i){var a,r="p-galleria-indicator-"+i,o=n.activeItemIndex===i,u=n.indicator&&n.indicator(i),s=v({className:l("indicator",{isActive:o}),key:r,tabIndex:0,"aria-label":(a=i+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,"data-p-highlight":o,onClick:function(){return p(i)},onMouseEnter:function(){return d(i)},onKeyDown:function(e){return f(e,i)}},c("indicator"));return u||(u=e.createElement("button",{tabIndex:n.activeIndex===i?"0":"-1",type:"button",className:"p-link"},e.createElement(h,null))),e.createElement("li",s,u)},A=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),D=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=v({className:l("previousItemIcon")},c("previousItemIcon")),a=g.getJSXIcon(n.itemPrevIcon||e.createElement(S,i),X({},i),{props:n}),r=v({type:"button",className:l("previousItemButton",{isDisabled:t}),onClick:s,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},c("previousItemButton"));return e.createElement("button",r,a,e.createElement(h,null))}return null}(),R=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=v({className:l("nextItemIcon")},c("nextItemIcon")),a=g.getJSXIcon(n.itemNextIcon||e.createElement(O,i),X({},i),{props:n}),r=v({type:"button",className:l("nextItemButton",{isDisabled:t}),onClick:m,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},c("nextItemButton"));return e.createElement("button",r,a,e.createElement(h,null))}return null}(),V=function(){var t=v({className:l("caption")},c("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),B=function(){if(n.showIndicators){for(var t=[],i=v({className:b(n.indicatorsContentClassName,l("indicators"))},c("indicators")),r=0;r<n.value.length;r++)t.push(k(r));return e.createElement("ul",P({ref:a},i),t)}return null}(),H=v({ref:i,className:l("itemWrapper")},c("itemWrapper")),U=v({className:l("itemContainer")},c("itemContainer")),_=v({className:l("item"),id:n.id+"_item_"+n.activeItemIndex,role:"group","aria-label":(j=n.activeItemIndex+1,t("aria")?t("aria").slideNumber.replace(/{slideNumber}/g,j):void 0),"aria-roledescription":t("aria")?t("aria").slide:void 0},c("item"));return e.createElement("div",H,e.createElement("div",U,D,e.createElement("div",_,A),R,V),B)})));function J(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?J(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}z.displayName="GalleriaItem";var K=e.memo((function(n){var i,a=n.ptm,r=n.cx,l=function(e,t){return a(e,Z({hostName:n.hostName},t))},o=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===e.length?e.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},u=function(){var e=p();d(e,0)},s=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,e.length-1)},m=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-active")})),i=I.findSingle(n.itemsContainerRef.current,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},p=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=I.findSingle(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},d=function(e,t){var i=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},f=n.template&&n.template(n.item),h=v({className:b(n.className,r("thumbnailItem",{subProps:n})),key:"p-galleria-thumbnail-item-"+n.index,role:"tab","data-p-active":n.current,"aria-selected":n.current,"aria-controls":n.containerId+"_item_"+n.index,onKeyDown:function(e){switch("Enter"!==e.code&&"Space"!==e.code||(n.onItemClick({originalEvent:e,index:n.index}),e.preventDefault()),e.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":u(),e.preventDefault();break;case"End":s(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":n.current,"data-p-galleria-thumbnail-item-active":n.active,"data-p-galleria-thumbnail-item-start":n.start,"data-p-galleria-thumbnail-item-end":n.end},l("thumbnailItem")),g=v({className:r("thumbnailItemContent"),tabIndex:n.current?"0":"-1","aria-label":(i=n.index+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-current":n.current?"page":void 0,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})}},l("thumbnailItemContent"));return e.createElement("div",h,e.createElement("div",g,f))})),Y=e.memo(e.forwardRef((function(a,r){var l=H(e.useState(a.numVisible),2),m=l[0],p=l[1],d=H(e.useState(0),2),f=d[0],b=d[1],w=e.useRef(null),P=e.useRef(null),C=e.useRef(""),T=e.useRef(null),j=e.useRef(null),k=c(m),A=c(a.activeItemIndex),D=e.useContext(i),R=a.ptm,V=a.cx,B=a.sx,U=function(e,n){return R(e,Z({hostName:a.hostName},n))},_=H(u({listener:function(){te()},when:a.responsiveOptions}),1)[0],G=function(e){var n=f+e;e<0&&-1*n+m>a.value.length-1?n=m-a.value.length:e>0&&n>0&&(n=0),a.circular&&(e<0&&a.value.length-1===a.activeItemIndex?n=0:e>0&&0===a.activeItemIndex&&(n=m-a.value.length)),w.current&&(I.removeClass(w.current,"p-items-hidden"),w.current.style.transform=a.isVertical?"translate3d(0, ".concat(n*(100/m),"%, 0)"):"translate3d(".concat(n*(100/m),"%, 0, 0)"),w.current.style.transition="transform 500ms ease 0s"),b(n)},L=function(){a.slideShowActive&&a.stopSlideShow&&a.stopSlideShow()},W=function(){var e=Math.floor(m/2);return m%2?e:e-1},X=function(e){L();var n=0!==a.activeItemIndex?a.activeItemIndex-1:0;m-(n+f)-1>W()&&(-1*f!=0||a.circular)&&G(1),a.onActiveItemChange({index:a.circular&&0===a.activeItemIndex?a.value.length-1:n}),e.cancelable&&e.preventDefault()},z=function(e){L();var n=a.activeItemIndex+1;n+f>W()&&(-1*f<ee()-1||a.circular)&&G(-1),a.onActiveItemChange({index:a.circular&&a.value.length-1===a.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},J=function(e){L();var n=e.index;if(n!==a.activeItemIndex){var t=n+f,i=0;n<a.activeItemIndex?(i=m-t-1-W())>0&&-1*f!=0&&G(i):(i=W()-t)<0&&-1*f<ee()-1&&G(i),a.onActiveItemChange({index:n})}},Y=function(e){w.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.addClass(w.current,"p-items-hidden"),w.current.style.transition="")},F=function(e){var n=e.changedTouches[0];P.current={x:n.pageX,y:n.pageY}},$=function(e){e.cancelable&&e.preventDefault()},q=function(e){var n=e.changedTouches[0];Q(e,a.isVertical?n.pageY-P.current.y:n.pageX-P.current.x)},Q=function(e,n){n<0?z(e):X(e)},ee=function(){return a.value.length>m?a.value.length-m+1:0},ne=function(){T.current||(T.current=I.createInlineStyle(D&&D.nonce||n.nonce));var e='\n            [data-pc-section="thumbnailitems"]['.concat(C.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/m,"%\n                }\n            } \n        ");if(a.responsiveOptions){var t=y.localeComparator(D&&D.locale||n.locale);j.current=M(a.responsiveOptions),j.current.sort((function(e,i){return y.sort(e.breakpoint,i.breakpoint,-1,t,D&&D.nullSortOrder||n.nullSortOrder)}));for(var i=0;i<j.current.length;i++){var r=j.current[i];e+="\n                    @media screen and (max-width: ".concat(r.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(C.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/r.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}T.current.innerHTML=e},te=function(){if(w.current&&j.current){for(var e=window.innerWidth,n={numVisible:a.numVisible},t=0;t<j.current.length;t++){var i=j.current[t];parseInt(i.breakpoint,10)>=e&&(n=i)}m!==n.numVisible&&p(n.numVisible)}};o((function(){w.current&&(C.current=x(),w.current.setAttribute(C.current,"")),ne(),te(),_()})),s((function(){var e=f;k===m&&A===a.activeItemIndex||((e=a.activeItemIndex<=W()?0:a.value.length-m+W()<a.activeItemIndex?m-a.value.length:a.value.length-m<a.activeItemIndex&&m%2==0?-1*a.activeItemIndex+W()+1:-1*a.activeItemIndex+W())!==f&&b(e),w.current.style.transform=a.isVertical?"translate3d(0, ".concat(e*(100/m),"%, 0)"):"translate3d(".concat(e*(100/m),"%, 0, 0)"),A!==a.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.removeClass(w.current,"p-items-hidden"),w.current.style.transition="transform 500ms ease 0s"))}));var ie,ae,re,le,oe,ce,ue,se=function(){if(a.showThumbnailNavigators){var n=!a.circular&&0===a.activeItemIndex||a.value.length<=m,i=v({className:V("previousThumbnailIcon")},U("previousThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.prevThumbnailIcon||e.createElement(N,i):a.prevThumbnailIcon||e.createElement(S,i),Z({},i),{props:a}),l=v({className:V("previousThumbnailButton",{isDisabled:n}),onClick:X,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},U("previousThumbnailButton"));return e.createElement("button",l,r,e.createElement(h,null))}return null},me=function(){if(a.showThumbnailNavigators){var n=!a.circular&&a.activeItemIndex===a.value.length-1||a.value.length<=m,i=v({className:V("nextThumbnailIcon")},U("nextThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.nextThumbnailIcon||e.createElement(E,i):a.nextThumbnailIcon||e.createElement(O,i),Z({},i),{props:a}),l=v({className:V("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t("aria")?t("aria").nextPageLabel:void 0,onClick:z,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},U("nextThumbnailButton"));return e.createElement("button",l,r,e.createElement(h,null))}return null},pe=(ie=a.value.map((function(n,t){var i=-1*f,r=i+m-1;return e.createElement(K,{key:t,index:t,containerId:a.containerId,itemsContainerRef:w,template:a.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:J,current:a.activeItemIndex===t,ptm:R,cx:V,sx:B})})),ae=a.isVertical?a.contentHeight:"",re=se(),le=me(),oe=v({className:V("thumbnailContainer")},U("thumbnailContainer")),ce=v({className:V("thumbnailItemsContainer"),style:B("thumbnailItemsContainer",{height:ae})},U("thumbnailItemsContainer")),ue=v({ref:w,className:V("thumbnailItems"),role:"tablist",onTransitionEnd:Y,onTouchStart:F,onTouchMove:$,onTouchEnd:q},U("thumbnailItems")),e.createElement("div",oe,re,e.createElement("div",ce,e.createElement("div",ue,ie)),le)),de=v({className:V("thumbnailWrapper")},U("thumbnailWrapper"));return e.createElement("div",de,pe)})));function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function $(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="GalleriaThumbnailItem",Y.displayName="GalleriaThumbnails";var q=e.memo(e.forwardRef((function(a,o){var c=e.useContext(i),u=U.getProps(a,c),s=H(e.useState(!1),2),S=s[0],O=s[1],E=H(e.useState(u.numVisible),2),N=E[0],C=E[1],T=H(e.useState(!1),2),j=T[0],k=T[1],A=H(e.useState(u.activeIndex),2),D=A[0],R=A[1],V=e.useRef(null),B=e.useRef(null),_=e.useRef(null),G=u.onItemChange?u.activeIndex:D,L="left"===u.thumbnailsPosition||"right"===u.thumbnailsPosition,M=u.id||x(),W=U.setMetaData({props:u,state:{visible:S,numVisible:N,slideShowActive:j,activeIndex:D}}),X=W.ptm,J=W.cx,Z=W.sx,K=W.isUnstyled;r(U.css.styles,K,{name:"galleria"}),m((function(){F({index:u.circular&&u.value.length-1===G?0:G+1})}),u.transitionInterval,j);var F=function(e){e.index>=u.value.length?oe():u.onItemChange?u.onItemChange(e):R(e.index)},q=function(){O(!0)},Q=function(){O(!1)},ee=function(){I.blockBodyScroll()},ne=function(){w.set("modal",_.current,c&&c.autoZIndex||n.autoZIndex,u.baseZIndex||c&&c.zIndex.modal||n.zIndex.modal),!K()&&I.addMultipleClasses(_.current,"p-component-overlay p-component-overlay-enter")},te=function(){u.onShow&&u.onShow()},ie=function(){I.unblockBodyScroll(),!K()&&I.addClass(_.current,"p-component-overlay-leave")},ae=function(){w.clear(_.current),u.onHide&&u.onHide()},re=function(){return j},le=function(){k(!0)},oe=function(){k(!1)},ce=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){u.value&&u.value.length<N&&C(u.value.length)}),[u.value,N]),e.useEffect((function(){C(u.numVisible)}),[u.numVisible]),p((function(){j&&oe(),w.clear(_.current)})),e.useImperativeHandle(o,(function(){return{props:u,show:q,hide:Q,isAutoPlayActive:re,startSlideShow:le,stopSlideShow:oe,getElement:function(){return V.current},getPreviewContent:function(){return B.current}}}));return y.isNotEmpty(u.value)&&function(){var n,i,a,r,o,s,m,p,I,x,y,w,O=(a=u.showThumbnails&&ce("p-galleria-thumbnails",u.thumbnailsPosition),r=u.showIndicators&&ce("p-galleria-indicators",u.indicatorsPosition),o=v({className:J("closeIcon"),"aria-hidden":!0},X("closeIcon")),s=g.getJSXIcon(u.closeIcon||e.createElement(d,o),$({},o),{props:u}),m=v({type:"button",className:J("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:Q},X("closeButton")),p=u.fullScreen&&e.createElement("button",m,s,e.createElement(h,null)),n=v({className:J("header")},X("header")),I=u.header?e.createElement("div",n,u.header):null,i=v({className:J("footer")},X("footer")),x=u.footer?e.createElement("div",i,u.footer):null,y=v({ref:V,id:M,className:b(u.className,J("root",{context:c,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:u.style,role:"region"},U.getOtherProps(u),X("root")),w=v({className:J("content"),"aria-live":u.autoPlay?"polite":"off"},X("content")),e.createElement("div",y,p,I,e.createElement("div",w,e.createElement(z,{hostName:"Galleria",ref:B,id:M,value:u.value,activeItemIndex:G,onActiveItemChange:F,itemTemplate:u.item,circular:u.circular,caption:u.caption,showIndicators:u.showIndicators,itemPrevIcon:u.itemPrevIcon,itemNextIcon:u.itemNextIcon,changeItemOnIndicatorHover:u.changeItemOnIndicatorHover,indicator:u.indicator,showItemNavigators:u.showItemNavigators,autoPlay:u.autoPlay,slideShowActive:j,startSlideShow:le,stopSlideShow:oe,ptm:X,cx:J}),u.showThumbnails&&e.createElement(Y,{hostName:"Galleria",value:u.value,containerId:M,activeItemIndex:G,onActiveItemChange:F,itemTemplate:u.thumbnail,numVisible:N,nextThumbnailIcon:u.nextThumbnailIcon,prevThumbnailIcon:u.prevThumbnailIcon,responsiveOptions:u.responsiveOptions,circular:u.circular,isVertical:L,contentHeight:u.verticalThumbnailViewPortHeight,showThumbnailNavigators:u.showThumbnailNavigators,autoPlay:u.autoPlay,slideShowActive:j,stopSlideShow:oe,isUnstyled:K,ptm:X,cx:J,sx:Z})),x));if(u.fullScreen){var E=v({className:J("mask",{visibleState:S}),role:"dialog","aria-modal":"true"},X("mask")),C=v({classNames:J("transition"),in:S,timeout:{enter:150,exit:150},options:u.transitionOptions,unmountOnExit:!0,onEnter:ee,onEntering:ne,onEntered:te,onExit:ie,onExited:ae},X("transition")),T=e.createElement("div",P({ref:_},E),e.createElement(l,P({nodeRef:V},C),O));return e.createElement(f,{element:T})}return O}()})));q.displayName="Galleria";export{q as Galleria};
+import*as e from"react";import n,{localeOption as t,PrimeReactContext as i}from"primereact/api";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMountEffect as o,usePrevious as c,useResizeListener as u,useUpdateEffect as s,useInterval as m,useUnmountEffect as p}from"primereact/hooks";import{TimesIcon as d}from"primereact/icons/times";import{Portal as f}from"primereact/portal";import{Ripple as h}from"primereact/ripple";import{classNames as b,mergeProps as v,IconUtils as g,DomHandler as I,UniqueComponentId as x,ObjectUtils as y,ZIndexUtils as w}from"primereact/utils";import{ChevronLeftIcon as S}from"primereact/icons/chevronleft";import{ChevronRightIcon as O}from"primereact/icons/chevronright";import{ChevronDownIcon as E}from"primereact/icons/chevrondown";import{ChevronUpIcon as N}from"primereact/icons/chevronup";function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},P.apply(this,arguments)}function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function T(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==C(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=T(e,"string");return"symbol"===C(n)?n:String(n)}function k(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function A(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,a,r,l,o=[],c=!0,u=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function R(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function V(e,n){if(e){if("string"==typeof e)return R(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,n):void 0}}function B(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,n){return A(e)||D(e,n)||V(e,n)||B()}var U=a.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var t=e.props,i=e.context;return b("p-galleria p-component",{"p-galleria-fullscreen":t.fullScreen,"p-galleria-indicator-onitem":t.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.showItemNavigatorsOnHover&&!t.fullScreen,"p-input-filled":i&&"filled"===i.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===n.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return b("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return b("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return b("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return b("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return b("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return b("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return b("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\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    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\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: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\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-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\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        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\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}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function _(e){if(Array.isArray(e))return R(e)}function G(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e){return _(e)||G(e)||V(e)||L()}function W(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function X(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.memo(e.forwardRef((function(n,i){var a=e.useRef(null),r=n.ptm,l=n.cx,c=function(e,t){return r(e,X({hostName:n.hostName},t))},u=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},s=function(e){u(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},m=function(e){u(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},p=function(e){u(),n.onActiveItemChange({index:e})},d=function(e){n.changeItemOnIndicatorHover&&(u(),n.onActiveItemChange({index:e}))},f=function(e,t){switch(e.code){case"Enter":case"Space":u(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),e.preventDefault();break;case"End":E(),e.preventDefault();break;case"Tab":N();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},x=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=C();T(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=C();T(e,e-1<=0?0:e-1)},w=function(){var e=C();T(e,0)},E=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=C();T(n,e.length-1)},N=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-highlight")})),t=I.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},C=function(){var e=M(I.find(a.current,'[data-pc-section="indicator"]')),n=I.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},T=function(e,n){var t=M(I.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};o((function(){n.autoPlay&&n.startSlideShow()}));var j,k=function(i){var a,r="p-galleria-indicator-"+i,o=n.activeItemIndex===i,u=n.indicator&&n.indicator(i),s=v({className:l("indicator",{isActive:o}),key:r,tabIndex:0,"aria-label":(a=i+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,"data-p-highlight":o,onClick:function(){return p(i)},onMouseEnter:function(){return d(i)},onKeyDown:function(e){return f(e,i)}},c("indicator"));return u||(u=e.createElement("button",{tabIndex:n.activeIndex===i?"0":"-1",type:"button",className:"p-link"},e.createElement(h,null))),e.createElement("li",s,u)},A=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),D=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=v({className:l("previousItemIcon")},c("previousItemIcon")),a=g.getJSXIcon(n.itemPrevIcon||e.createElement(S,i),X({},i),{props:n}),r=v({type:"button",className:l("previousItemButton",{isDisabled:t}),onClick:s,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},c("previousItemButton"));return e.createElement("button",r,a,e.createElement(h,null))}return null}(),R=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=v({className:l("nextItemIcon")},c("nextItemIcon")),a=g.getJSXIcon(n.itemNextIcon||e.createElement(O,i),X({},i),{props:n}),r=v({type:"button",className:l("nextItemButton",{isDisabled:t}),onClick:m,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},c("nextItemButton"));return e.createElement("button",r,a,e.createElement(h,null))}return null}(),V=function(){var t=v({className:l("caption")},c("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),B=function(){if(n.showIndicators){for(var t=[],i=v({className:b(n.indicatorsContentClassName,l("indicators"))},c("indicators")),r=0;r<n.value.length;r++)t.push(k(r));return e.createElement("ul",P({ref:a},i),t)}return null}(),H=v({ref:i,className:l("itemWrapper")},c("itemWrapper")),U=v({className:l("itemContainer")},c("itemContainer")),_=v({className:l("item"),id:n.id+"_item_"+n.activeItemIndex,role:"group","aria-label":(j=n.activeItemIndex+1,t("aria")?t("aria").slideNumber.replace(/{slideNumber}/g,j):void 0),"aria-roledescription":t("aria")?t("aria").slide:void 0},c("item"));return e.createElement("div",H,e.createElement("div",U,D,e.createElement("div",_,A),R,V),B)})));function J(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?J(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}z.displayName="GalleriaItem";var K=e.memo((function(n){var i,a=n.ptm,r=n.cx,l=function(e,t){return a(e,Z({hostName:n.hostName},t))},o=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===e.length?e.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},u=function(){var e=p();d(e,0)},s=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,e.length-1)},m=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-active")})),i=I.findSingle(n.itemsContainerRef.current,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},p=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=I.findSingle(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},d=function(e,t){var i=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},f=n.template&&n.template(n.item),h=v({className:b(n.className,r("thumbnailItem",{subProps:n})),key:"p-galleria-thumbnail-item-"+n.index,role:"tab","data-p-active":n.current,"aria-selected":n.current,"aria-controls":n.containerId+"_item_"+n.index,onKeyDown:function(e){switch("Enter"!==e.code&&"Space"!==e.code||(n.onItemClick({originalEvent:e,index:n.index}),e.preventDefault()),e.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":u(),e.preventDefault();break;case"End":s(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":n.current,"data-p-galleria-thumbnail-item-active":n.active,"data-p-galleria-thumbnail-item-start":n.start,"data-p-galleria-thumbnail-item-end":n.end},l("thumbnailItem")),g=v({className:r("thumbnailItemContent"),tabIndex:n.current?"0":"-1","aria-label":(i=n.index+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-current":n.current?"page":void 0,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})}},l("thumbnailItemContent"));return e.createElement("div",h,e.createElement("div",g,f))})),Y=e.memo(e.forwardRef((function(a,r){var l=H(e.useState(a.numVisible),2),m=l[0],p=l[1],d=H(e.useState(0),2),f=d[0],b=d[1],w=e.useRef(null),P=e.useRef(null),C=e.useRef(""),T=e.useRef(null),j=e.useRef(null),k=c(m),A=c(a.activeItemIndex),D=e.useContext(i),R=a.ptm,V=a.cx,B=a.sx,U=function(e,n){return R(e,Z({hostName:a.hostName},n))},_=H(u({listener:function(){te()},when:a.responsiveOptions}),1)[0],G=function(e){var n=f+e;e<0&&-1*n+m>a.value.length-1?n=m-a.value.length:e>0&&n>0&&(n=0),a.circular&&(e<0&&a.value.length-1===a.activeItemIndex?n=0:e>0&&0===a.activeItemIndex&&(n=m-a.value.length)),w.current&&(I.removeClass(w.current,"p-items-hidden"),w.current.style.transform=a.isVertical?"translate3d(0, ".concat(n*(100/m),"%, 0)"):"translate3d(".concat(n*(100/m),"%, 0, 0)"),w.current.style.transition="transform 500ms ease 0s"),b(n)},L=function(){a.slideShowActive&&a.stopSlideShow&&a.stopSlideShow()},W=function(){var e=Math.floor(m/2);return m%2?e:e-1},X=function(e){L();var n=0!==a.activeItemIndex?a.activeItemIndex-1:0;m-(n+f)-1>W()&&(-1*f!=0||a.circular)&&G(1),a.onActiveItemChange({index:a.circular&&0===a.activeItemIndex?a.value.length-1:n}),e.cancelable&&e.preventDefault()},z=function(e){L();var n=a.activeItemIndex+1;n+f>W()&&(-1*f<ee()-1||a.circular)&&G(-1),a.onActiveItemChange({index:a.circular&&a.value.length-1===a.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},J=function(e){L();var n=e.index;if(n!==a.activeItemIndex){var t=n+f,i=0;n<a.activeItemIndex?(i=m-t-1-W())>0&&-1*f!=0&&G(i):(i=W()-t)<0&&-1*f<ee()-1&&G(i),a.onActiveItemChange({index:n})}},Y=function(e){w.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.addClass(w.current,"p-items-hidden"),w.current.style.transition="")},F=function(e){var n=e.changedTouches[0];P.current={x:n.pageX,y:n.pageY}},$=function(e){e.cancelable&&e.preventDefault()},q=function(e){var n=e.changedTouches[0];Q(e,a.isVertical?n.pageY-P.current.y:n.pageX-P.current.x)},Q=function(e,n){n<0?z(e):X(e)},ee=function(){return a.value.length>m?a.value.length-m+1:0},ne=function(){T.current||(T.current=I.createInlineStyle(D&&D.nonce||n.nonce,D&&D.styleContainer));var e='\n            [data-pc-section="thumbnailitems"]['.concat(C.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/m,"%\n                }\n            } \n        ");if(a.responsiveOptions){var t=y.localeComparator(D&&D.locale||n.locale);j.current=M(a.responsiveOptions),j.current.sort((function(e,i){return y.sort(e.breakpoint,i.breakpoint,-1,t,D&&D.nullSortOrder||n.nullSortOrder)}));for(var i=0;i<j.current.length;i++){var r=j.current[i];e+="\n                    @media screen and (max-width: ".concat(r.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(C.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/r.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}T.current.innerHTML=e},te=function(){if(w.current&&j.current){for(var e=window.innerWidth,n={numVisible:a.numVisible},t=0;t<j.current.length;t++){var i=j.current[t];parseInt(i.breakpoint,10)>=e&&(n=i)}m!==n.numVisible&&p(n.numVisible)}};o((function(){w.current&&(C.current=x(),w.current.setAttribute(C.current,"")),ne(),te(),_()})),s((function(){var e=f;k===m&&A===a.activeItemIndex||((e=a.activeItemIndex<=W()?0:a.value.length-m+W()<a.activeItemIndex?m-a.value.length:a.value.length-m<a.activeItemIndex&&m%2==0?-1*a.activeItemIndex+W()+1:-1*a.activeItemIndex+W())!==f&&b(e),w.current.style.transform=a.isVertical?"translate3d(0, ".concat(e*(100/m),"%, 0)"):"translate3d(".concat(e*(100/m),"%, 0, 0)"),A!==a.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.removeClass(w.current,"p-items-hidden"),w.current.style.transition="transform 500ms ease 0s"))}));var ie,ae,re,le,oe,ce,ue,se=function(){if(a.showThumbnailNavigators){var n=!a.circular&&0===a.activeItemIndex||a.value.length<=m,i=v({className:V("previousThumbnailIcon")},U("previousThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.prevThumbnailIcon||e.createElement(N,i):a.prevThumbnailIcon||e.createElement(S,i),Z({},i),{props:a}),l=v({className:V("previousThumbnailButton",{isDisabled:n}),onClick:X,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},U("previousThumbnailButton"));return e.createElement("button",l,r,e.createElement(h,null))}return null},me=function(){if(a.showThumbnailNavigators){var n=!a.circular&&a.activeItemIndex===a.value.length-1||a.value.length<=m,i=v({className:V("nextThumbnailIcon")},U("nextThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.nextThumbnailIcon||e.createElement(E,i):a.nextThumbnailIcon||e.createElement(O,i),Z({},i),{props:a}),l=v({className:V("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t("aria")?t("aria").nextPageLabel:void 0,onClick:z,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},U("nextThumbnailButton"));return e.createElement("button",l,r,e.createElement(h,null))}return null},pe=(ie=a.value.map((function(n,t){var i=-1*f,r=i+m-1;return e.createElement(K,{key:t,index:t,containerId:a.containerId,itemsContainerRef:w,template:a.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:J,current:a.activeItemIndex===t,ptm:R,cx:V,sx:B})})),ae=a.isVertical?a.contentHeight:"",re=se(),le=me(),oe=v({className:V("thumbnailContainer")},U("thumbnailContainer")),ce=v({className:V("thumbnailItemsContainer"),style:B("thumbnailItemsContainer",{height:ae})},U("thumbnailItemsContainer")),ue=v({ref:w,className:V("thumbnailItems"),role:"tablist",onTransitionEnd:Y,onTouchStart:F,onTouchMove:$,onTouchEnd:q},U("thumbnailItems")),e.createElement("div",oe,re,e.createElement("div",ce,e.createElement("div",ue,ie)),le)),de=v({className:V("thumbnailWrapper")},U("thumbnailWrapper"));return e.createElement("div",de,pe)})));function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function $(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="GalleriaThumbnailItem",Y.displayName="GalleriaThumbnails";var q=e.memo(e.forwardRef((function(a,o){var c=e.useContext(i),u=U.getProps(a,c),s=H(e.useState(!1),2),S=s[0],O=s[1],E=H(e.useState(u.numVisible),2),N=E[0],C=E[1],T=H(e.useState(!1),2),j=T[0],k=T[1],A=H(e.useState(u.activeIndex),2),D=A[0],R=A[1],V=e.useRef(null),B=e.useRef(null),_=e.useRef(null),G=u.onItemChange?u.activeIndex:D,L="left"===u.thumbnailsPosition||"right"===u.thumbnailsPosition,M=u.id||x(),W=U.setMetaData({props:u,state:{visible:S,numVisible:N,slideShowActive:j,activeIndex:D}}),X=W.ptm,J=W.cx,Z=W.sx,K=W.isUnstyled;r(U.css.styles,K,{name:"galleria"}),m((function(){F({index:u.circular&&u.value.length-1===G?0:G+1})}),u.transitionInterval,j);var F=function(e){e.index>=u.value.length?oe():u.onItemChange?u.onItemChange(e):R(e.index)},q=function(){O(!0)},Q=function(){O(!1)},ee=function(){I.blockBodyScroll()},ne=function(){w.set("modal",_.current,c&&c.autoZIndex||n.autoZIndex,u.baseZIndex||c&&c.zIndex.modal||n.zIndex.modal),!K()&&I.addMultipleClasses(_.current,"p-component-overlay p-component-overlay-enter")},te=function(){u.onShow&&u.onShow()},ie=function(){I.unblockBodyScroll(),!K()&&I.addClass(_.current,"p-component-overlay-leave")},ae=function(){w.clear(_.current),u.onHide&&u.onHide()},re=function(){return j},le=function(){k(!0)},oe=function(){k(!1)},ce=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){u.value&&u.value.length<N&&C(u.value.length)}),[u.value,N]),e.useEffect((function(){C(u.numVisible)}),[u.numVisible]),p((function(){j&&oe(),w.clear(_.current)})),e.useImperativeHandle(o,(function(){return{props:u,show:q,hide:Q,isAutoPlayActive:re,startSlideShow:le,stopSlideShow:oe,getElement:function(){return V.current},getPreviewContent:function(){return B.current}}}));return y.isNotEmpty(u.value)&&function(){var n,i,a,r,o,s,m,p,I,x,y,w,O=(a=u.showThumbnails&&ce("p-galleria-thumbnails",u.thumbnailsPosition),r=u.showIndicators&&ce("p-galleria-indicators",u.indicatorsPosition),o=v({className:J("closeIcon"),"aria-hidden":!0},X("closeIcon")),s=g.getJSXIcon(u.closeIcon||e.createElement(d,o),$({},o),{props:u}),m=v({type:"button",className:J("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:Q},X("closeButton")),p=u.fullScreen&&e.createElement("button",m,s,e.createElement(h,null)),n=v({className:J("header")},X("header")),I=u.header?e.createElement("div",n,u.header):null,i=v({className:J("footer")},X("footer")),x=u.footer?e.createElement("div",i,u.footer):null,y=v({ref:V,id:M,className:b(u.className,J("root",{context:c,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:u.style,role:"region"},U.getOtherProps(u),X("root")),w=v({className:J("content"),"aria-live":u.autoPlay?"polite":"off"},X("content")),e.createElement("div",y,p,I,e.createElement("div",w,e.createElement(z,{hostName:"Galleria",ref:B,id:M,value:u.value,activeItemIndex:G,onActiveItemChange:F,itemTemplate:u.item,circular:u.circular,caption:u.caption,showIndicators:u.showIndicators,itemPrevIcon:u.itemPrevIcon,itemNextIcon:u.itemNextIcon,changeItemOnIndicatorHover:u.changeItemOnIndicatorHover,indicator:u.indicator,showItemNavigators:u.showItemNavigators,autoPlay:u.autoPlay,slideShowActive:j,startSlideShow:le,stopSlideShow:oe,ptm:X,cx:J}),u.showThumbnails&&e.createElement(Y,{hostName:"Galleria",value:u.value,containerId:M,activeItemIndex:G,onActiveItemChange:F,itemTemplate:u.thumbnail,numVisible:N,nextThumbnailIcon:u.nextThumbnailIcon,prevThumbnailIcon:u.prevThumbnailIcon,responsiveOptions:u.responsiveOptions,circular:u.circular,isVertical:L,contentHeight:u.verticalThumbnailViewPortHeight,showThumbnailNavigators:u.showThumbnailNavigators,autoPlay:u.autoPlay,slideShowActive:j,stopSlideShow:oe,isUnstyled:K,ptm:X,cx:J,sx:Z})),x));if(u.fullScreen){var E=v({className:J("mask",{visibleState:S}),role:"dialog","aria-modal":"true"},X("mask")),C=v({classNames:J("transition"),in:S,timeout:{enter:150,exit:150},options:u.transitionOptions,unmountOnExit:!0,onEnter:ee,onEntering:ne,onEntered:te,onExit:ie,onExited:ae},X("transition")),T=e.createElement("div",P({ref:_},E),e.createElement(l,P({nodeRef:V},C),O));return e.createElement(f,{element:T})}return O}()})));q.displayName="Galleria";export{q as Galleria};

package/galleria/galleria.js

@@ -834,7 +834,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     };
     var createStyle = function createStyle() {
       if (!thumbnailsStyle.current) {
-        thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+        thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       }
       var innerHTML = "\n            [data-pc-section=\"thumbnailitems\"][".concat(attributeSelector.current, "] {\n                [data-pc-section=\"thumbnailitem\"] {\n                    flex: 1 0 ").concat(100 / numVisibleState, "%\n                }\n            } \n        ");
       if (props.responsiveOptions) {

package/galleria/galleria.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.galleria=function(e,n,t,a,i,r,l,o,c,s,u,m,p,d){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g=h(n),b=f(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},v.apply(this,arguments)}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function x(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==I(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=x(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function N(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,n){return O(e)||P(e,n)||N(e,n)||E()}var D=a.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return s.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===b.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return s.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return s.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return s.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return s.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return s.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\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    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\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: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\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-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\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        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\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}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function j(e){if(Array.isArray(e))return S(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return j(e)||T(e)||N(e)||k()}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=g.memo(g.forwardRef((function(e,n){var a=g.useRef(null),i=e.ptm,l=e.cx,o=function(n,t){return i(n,R({hostName:e.hostName},t))},p=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},d=function(n){p(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},f=function(n){p(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},h=function(n){p(),e.onActiveItemChange({index:n})},b=function(n){e.changeItemOnIndicatorHover&&(p(),e.onActiveItemChange({index:n}))},I=function(n,t){switch(n.code){case"Enter":case"Space":p(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),n.preventDefault();break;case"End":O(),n.preventDefault();break;case"Tab":P();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},x=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=S();N(e,e-1<=0?0:e-1)},w=function(){var e=S();N(e,0)},O=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,e.length-1)},P=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),t=s.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},S=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=s.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},N=function(e,n){var t=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var E,C=function(n){var a,i="p-galleria-indicator-"+n,r=e.activeItemIndex===n,u=e.indicator&&e.indicator(n),m=s.mergeProps({className:l("indicator",{isActive:r}),key:i,tabIndex:0,"aria-label":(a=n+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":e.activeIndex===n,"aria-controls":e.id+"_item_"+n,"data-p-highlight":r,onClick:function(){return h(n)},onMouseEnter:function(){return b(n)},onKeyDown:function(e){return I(e,n)}},o("indicator"));return u||(u=g.createElement("button",{tabIndex:e.activeIndex===n?"0":"-1",type:"button",className:"p-link"},g.createElement(c.Ripple,null))),g.createElement("li",m,u)},D=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),j=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=s.mergeProps({className:l("previousItemIcon")},o("previousItemIcon")),a=s.IconUtils.getJSXIcon(e.itemPrevIcon||g.createElement(u.ChevronLeftIcon,t),R({},t),{props:e}),i=s.mergeProps({type:"button",className:l("previousItemButton",{isDisabled:n}),onClick:d,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},o("previousItemButton"));return g.createElement("button",i,a,g.createElement(c.Ripple,null))}return null}(),T=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=s.mergeProps({className:l("nextItemIcon")},o("nextItemIcon")),a=s.IconUtils.getJSXIcon(e.itemNextIcon||g.createElement(m.ChevronRightIcon,t),R({},t),{props:e}),i=s.mergeProps({type:"button",className:l("nextItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},o("nextItemButton"));return g.createElement("button",i,a,g.createElement(c.Ripple,null))}return null}(),k=function(){var n=s.mergeProps({className:l("caption")},o("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return g.createElement("div",n,t)}return null}(),H=function(){if(e.showIndicators){for(var n=[],t=s.mergeProps({className:s.classNames(e.indicatorsContentClassName,l("indicators"))},o("indicators")),i=0;i<e.value.length;i++)n.push(C(i));return g.createElement("ul",v({ref:a},t),n)}return null}(),U=s.mergeProps({ref:n,className:l("itemWrapper")},o("itemWrapper")),V=s.mergeProps({className:l("itemContainer")},o("itemContainer")),B=s.mergeProps({className:l("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(E=e.activeItemIndex+1,t.localeOption("aria")?t.localeOption("aria").slideNumber.replace(/{slideNumber}/g,E):void 0),"aria-roledescription":t.localeOption("aria")?t.localeOption("aria").slide:void 0},o("item"));return g.createElement("div",U,g.createElement("div",V,j,g.createElement("div",B,D),T,k),H)})));function V(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="GalleriaItem";var _=g.memo((function(e){var n,a=e.ptm,i=e.cx,r=function(n,t){return a(n,B({hostName:e.hostName},t))},l=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},o=function(){var e=p();d(e,e-1<=0?0:e-1)},c=function(){var e=p();d(e,0)},u=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-active")})),a=s.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=s.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),h=s.mergeProps({className:s.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":l();break;case"ArrowLeft":o();break;case"Home":c(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},r("thumbnailItem")),b=s.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(n=e.index+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,n):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},r("thumbnailItemContent"));return g.createElement("div",h,g.createElement("div",b,f))})),M=g.memo(g.forwardRef((function(e,n){var a=C(g.useState(e.numVisible),2),i=a[0],l=a[1],o=C(g.useState(0),2),f=o[0],h=o[1],v=g.useRef(null),I=g.useRef(null),x=g.useRef(""),y=g.useRef(null),w=g.useRef(null),O=r.usePrevious(i),P=r.usePrevious(e.activeItemIndex),S=g.useContext(t.PrimeReactContext),N=e.ptm,E=e.cx,D=e.sx,j=function(n,t){return N(n,B({hostName:e.hostName},t))},T=C(r.useResizeListener({listener:function(){K()},when:e.responsiveOptions}),1)[0],k=function(n){var t=f+n;n<0&&-1*t+i>e.value.length-1?t=i-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=i-e.value.length)),v.current&&(s.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/i),"%, 0)"):"translate3d(".concat(t*(100/i),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),h(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(i/2);return i%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;i-(t+f)-1>R()&&(-1*f!=0||e.circular)&&k(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},V=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<Z()-1||e.circular)&&k(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},M=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,r=0;t<e.activeItemIndex?(r=i-a-1-R())>0&&-1*f!=0&&k(r):(r=R()-a)<0&&-1*f<Z()-1&&k(r),e.onActiveItemChange({index:t})}},L=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},G=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},z=function(e){e.cancelable&&e.preventDefault()},W=function(n){var t=n.changedTouches[0];X(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},X=function(e,n){n<0?V(e):U(e)},Z=function(){return e.value.length>i?e.value.length-i+1:0},J=function(){y.current||(y.current=s.DomHandler.createInlineStyle(S&&S.nonce||b.default.nonce));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/i,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=s.ObjectUtils.localeComparator(S&&S.locale||b.default.locale);w.current=A(e.responsiveOptions),w.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||b.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var r=w.current[a];n+="\n                    @media screen and (max-width: ".concat(r.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/r.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},K=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var r=w.current[a];parseInt(r.breakpoint,10)>=n&&(t=r)}i!==t.numVisible&&l(t.numVisible)}};r.useMountEffect((function(){v.current&&(x.current=s.UniqueComponentId(),v.current.setAttribute(x.current,"")),J(),K(),T()})),r.useUpdateEffect((function(){var n=f;O===i&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-i+R()<e.activeItemIndex?i-e.value.length:e.value.length-i<e.activeItemIndex&&i%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&h(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/i),"%, 0)"):"translate3d(".concat(n*(100/i),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var Y,q,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=i,a=s.mergeProps({className:E("previousThumbnailIcon")},j("previousThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||g.createElement(d.ChevronUpIcon,a):e.prevThumbnailIcon||g.createElement(u.ChevronLeftIcon,a),B({},a),{props:e}),l=s.mergeProps({className:E("previousThumbnailButton",{isDisabled:n}),onClick:U,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t.localeOption("aria")?t.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=i,a=s.mergeProps({className:E("nextThumbnailIcon")},j("nextThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||g.createElement(p.ChevronDownIcon,a):e.nextThumbnailIcon||g.createElement(m.ChevronRightIcon,a),B({},a),{props:e}),l=s.mergeProps({className:E("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").nextPageLabel:void 0,onClick:V,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null},ie=(Y=e.value.map((function(n,t){var a=-1*f,r=a+i-1;return g.createElement(_,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&r>=t,start:a===t,end:r===t,onItemClick:M,current:e.activeItemIndex===t,ptm:N,cx:E,sx:D})})),q=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=s.mergeProps({className:E("thumbnailContainer")},j("thumbnailContainer")),ee=s.mergeProps({className:E("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:q})},j("thumbnailItemsContainer")),ne=s.mergeProps({ref:v,className:E("thumbnailItems"),role:"tablist",onTransitionEnd:L,onTouchStart:G,onTouchMove:z,onTouchEnd:W},j("thumbnailItems")),g.createElement("div",Q,F,g.createElement("div",ee,g.createElement("div",ne,Y)),$)),re=s.mergeProps({className:E("thumbnailWrapper")},j("thumbnailWrapper"));return g.createElement("div",re,ie)})));function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="GalleriaThumbnailItem",M.displayName="GalleriaThumbnails";var z=g.memo(g.forwardRef((function(e,n){var u=g.useContext(t.PrimeReactContext),m=D.getProps(e,u),p=C(g.useState(!1),2),d=p[0],f=p[1],h=C(g.useState(m.numVisible),2),I=h[0],x=h[1],y=C(g.useState(!1),2),w=y[0],O=y[1],P=C(g.useState(m.activeIndex),2),S=P[0],N=P[1],E=g.useRef(null),j=g.useRef(null),T=g.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||s.UniqueComponentId(),R=D.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=R.ptm,B=R.cx,_=R.sx,L=R.isUnstyled;a.useHandleStyle(D.css.styles,L,{name:"galleria"}),r.useInterval((function(){z({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var z=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},W=function(){f(!0)},X=function(){f(!1)},Z=function(){s.DomHandler.blockBodyScroll()},J=function(){s.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||b.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||b.default.zIndex.modal),!L()&&s.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},K=function(){m.onShow&&m.onShow()},Y=function(){s.DomHandler.unblockBodyScroll(),!L()&&s.DomHandler.addClass(T.current,"p-component-overlay-leave")},q=function(){s.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};g.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),g.useEffect((function(){x(m.numVisible)}),[m.numVisible]),r.useUnmountEffect((function(){w&&Q(),s.ZIndexUtils.clear(T.current)})),g.useImperativeHandle(n,(function(){return{props:m,show:W,hide:X,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return E.current},getPreviewContent:function(){return j.current}}}));return s.ObjectUtils.isNotEmpty(m.value)&&function(){var e,n,a,r,p,f,h,b,x,y,O,P,S=(a=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=s.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=s.IconUtils.getJSXIcon(m.closeIcon||g.createElement(l.TimesIcon,p),G({},p),{props:m}),h=s.mergeProps({type:"button",className:B("closeButton"),"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,onClick:X},V("closeButton")),b=m.fullScreen&&g.createElement("button",h,f,g.createElement(c.Ripple,null)),e=s.mergeProps({className:B("header")},V("header")),x=m.header?g.createElement("div",e,m.header):null,n=s.mergeProps({className:B("footer")},V("footer")),y=m.footer?g.createElement("div",n,m.footer):null,O=s.mergeProps({ref:E,id:H,className:s.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},D.getOtherProps(m),V("root")),P=s.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),g.createElement("div",O,b,x,g.createElement("div",P,g.createElement(U,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:z,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&g.createElement(M,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:z,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:_})),y));if(m.fullScreen){var N=s.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),C=s.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntering:J,onEntered:K,onExit:Y,onExited:q},V("transition")),R=g.createElement("div",v({ref:T},N),g.createElement(i.CSSTransition,v({nodeRef:E},C),S));return g.createElement(o.Portal,{element:R})}return S}()})));return z.displayName="Galleria",e.Galleria=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronup);
+this.primereact=this.primereact||{},this.primereact.galleria=function(e,n,t,a,i,r,l,o,c,s,u,m,p,d){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g=h(n),b=f(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},v.apply(this,arguments)}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function x(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==I(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=x(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function N(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,n){return O(e)||P(e,n)||N(e,n)||E()}var D=a.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return s.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===b.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return s.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return s.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return s.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return s.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return s.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\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    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\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: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\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-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\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        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\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}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function j(e){if(Array.isArray(e))return S(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return j(e)||T(e)||N(e)||k()}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=g.memo(g.forwardRef((function(e,n){var a=g.useRef(null),i=e.ptm,l=e.cx,o=function(n,t){return i(n,R({hostName:e.hostName},t))},p=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},d=function(n){p(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},f=function(n){p(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},h=function(n){p(),e.onActiveItemChange({index:n})},b=function(n){e.changeItemOnIndicatorHover&&(p(),e.onActiveItemChange({index:n}))},I=function(n,t){switch(n.code){case"Enter":case"Space":p(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":x();break;case"ArrowLeft":y();break;case"Home":w(),n.preventDefault();break;case"End":O(),n.preventDefault();break;case"Tab":P();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},x=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,n+1===e.length?e.length-1:n+1)},y=function(){var e=S();N(e,e-1<=0?0:e-1)},w=function(){var e=S();N(e,0)},O=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=S();N(n,e.length-1)},P=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),t=s.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},S=function(){var e=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]')),n=s.DomHandler.findSingle(a.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},N=function(e,n){var t=A(s.DomHandler.find(a.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var E,C=function(n){var a,i="p-galleria-indicator-"+n,r=e.activeItemIndex===n,u=e.indicator&&e.indicator(n),m=s.mergeProps({className:l("indicator",{isActive:r}),key:i,tabIndex:0,"aria-label":(a=n+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,a):void 0),"aria-selected":e.activeIndex===n,"aria-controls":e.id+"_item_"+n,"data-p-highlight":r,onClick:function(){return h(n)},onMouseEnter:function(){return b(n)},onKeyDown:function(e){return I(e,n)}},o("indicator"));return u||(u=g.createElement("button",{tabIndex:e.activeIndex===n?"0":"-1",type:"button",className:"p-link"},g.createElement(c.Ripple,null))),g.createElement("li",m,u)},D=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),j=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=s.mergeProps({className:l("previousItemIcon")},o("previousItemIcon")),a=s.IconUtils.getJSXIcon(e.itemPrevIcon||g.createElement(u.ChevronLeftIcon,t),R({},t),{props:e}),i=s.mergeProps({type:"button",className:l("previousItemButton",{isDisabled:n}),onClick:d,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},o("previousItemButton"));return g.createElement("button",i,a,g.createElement(c.Ripple,null))}return null}(),T=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=s.mergeProps({className:l("nextItemIcon")},o("nextItemIcon")),a=s.IconUtils.getJSXIcon(e.itemNextIcon||g.createElement(m.ChevronRightIcon,t),R({},t),{props:e}),i=s.mergeProps({type:"button",className:l("nextItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},o("nextItemButton"));return g.createElement("button",i,a,g.createElement(c.Ripple,null))}return null}(),k=function(){var n=s.mergeProps({className:l("caption")},o("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return g.createElement("div",n,t)}return null}(),H=function(){if(e.showIndicators){for(var n=[],t=s.mergeProps({className:s.classNames(e.indicatorsContentClassName,l("indicators"))},o("indicators")),i=0;i<e.value.length;i++)n.push(C(i));return g.createElement("ul",v({ref:a},t),n)}return null}(),U=s.mergeProps({ref:n,className:l("itemWrapper")},o("itemWrapper")),V=s.mergeProps({className:l("itemContainer")},o("itemContainer")),B=s.mergeProps({className:l("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(E=e.activeItemIndex+1,t.localeOption("aria")?t.localeOption("aria").slideNumber.replace(/{slideNumber}/g,E):void 0),"aria-roledescription":t.localeOption("aria")?t.localeOption("aria").slide:void 0},o("item"));return g.createElement("div",U,g.createElement("div",V,j,g.createElement("div",B,D),T,k),H)})));function V(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="GalleriaItem";var _=g.memo((function(e){var n,a=e.ptm,i=e.cx,r=function(n,t){return a(n,B({hostName:e.hostName},t))},l=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},o=function(){var e=p();d(e,e-1<=0?0:e-1)},c=function(){var e=p();d(e,0)},u=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-active")})),a=s.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=s.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),h=s.mergeProps({className:s.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":l();break;case"ArrowLeft":o();break;case"Home":c(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},r("thumbnailItem")),b=s.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(n=e.index+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,n):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},r("thumbnailItemContent"));return g.createElement("div",h,g.createElement("div",b,f))})),M=g.memo(g.forwardRef((function(e,n){var a=C(g.useState(e.numVisible),2),i=a[0],l=a[1],o=C(g.useState(0),2),f=o[0],h=o[1],v=g.useRef(null),I=g.useRef(null),x=g.useRef(""),y=g.useRef(null),w=g.useRef(null),O=r.usePrevious(i),P=r.usePrevious(e.activeItemIndex),S=g.useContext(t.PrimeReactContext),N=e.ptm,E=e.cx,D=e.sx,j=function(n,t){return N(n,B({hostName:e.hostName},t))},T=C(r.useResizeListener({listener:function(){K()},when:e.responsiveOptions}),1)[0],k=function(n){var t=f+n;n<0&&-1*t+i>e.value.length-1?t=i-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=i-e.value.length)),v.current&&(s.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/i),"%, 0)"):"translate3d(".concat(t*(100/i),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),h(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(i/2);return i%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;i-(t+f)-1>R()&&(-1*f!=0||e.circular)&&k(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},V=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<Z()-1||e.circular)&&k(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},M=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,r=0;t<e.activeItemIndex?(r=i-a-1-R())>0&&-1*f!=0&&k(r):(r=R()-a)<0&&-1*f<Z()-1&&k(r),e.onActiveItemChange({index:t})}},L=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},G=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},z=function(e){e.cancelable&&e.preventDefault()},W=function(n){var t=n.changedTouches[0];X(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},X=function(e,n){n<0?V(e):U(e)},Z=function(){return e.value.length>i?e.value.length-i+1:0},J=function(){y.current||(y.current=s.DomHandler.createInlineStyle(S&&S.nonce||b.default.nonce,S&&S.styleContainer));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/i,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=s.ObjectUtils.localeComparator(S&&S.locale||b.default.locale);w.current=A(e.responsiveOptions),w.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||b.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var r=w.current[a];n+="\n                    @media screen and (max-width: ".concat(r.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/r.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},K=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var r=w.current[a];parseInt(r.breakpoint,10)>=n&&(t=r)}i!==t.numVisible&&l(t.numVisible)}};r.useMountEffect((function(){v.current&&(x.current=s.UniqueComponentId(),v.current.setAttribute(x.current,"")),J(),K(),T()})),r.useUpdateEffect((function(){var n=f;O===i&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-i+R()<e.activeItemIndex?i-e.value.length:e.value.length-i<e.activeItemIndex&&i%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&h(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/i),"%, 0)"):"translate3d(".concat(n*(100/i),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var Y,q,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=i,a=s.mergeProps({className:E("previousThumbnailIcon")},j("previousThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||g.createElement(d.ChevronUpIcon,a):e.prevThumbnailIcon||g.createElement(u.ChevronLeftIcon,a),B({},a),{props:e}),l=s.mergeProps({className:E("previousThumbnailButton",{isDisabled:n}),onClick:U,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t.localeOption("aria")?t.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=i,a=s.mergeProps({className:E("nextThumbnailIcon")},j("nextThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||g.createElement(p.ChevronDownIcon,a):e.nextThumbnailIcon||g.createElement(m.ChevronRightIcon,a),B({},a),{props:e}),l=s.mergeProps({className:E("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").nextPageLabel:void 0,onClick:V,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null},ie=(Y=e.value.map((function(n,t){var a=-1*f,r=a+i-1;return g.createElement(_,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&r>=t,start:a===t,end:r===t,onItemClick:M,current:e.activeItemIndex===t,ptm:N,cx:E,sx:D})})),q=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=s.mergeProps({className:E("thumbnailContainer")},j("thumbnailContainer")),ee=s.mergeProps({className:E("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:q})},j("thumbnailItemsContainer")),ne=s.mergeProps({ref:v,className:E("thumbnailItems"),role:"tablist",onTransitionEnd:L,onTouchStart:G,onTouchMove:z,onTouchEnd:W},j("thumbnailItems")),g.createElement("div",Q,F,g.createElement("div",ee,g.createElement("div",ne,Y)),$)),re=s.mergeProps({className:E("thumbnailWrapper")},j("thumbnailWrapper"));return g.createElement("div",re,ie)})));function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="GalleriaThumbnailItem",M.displayName="GalleriaThumbnails";var z=g.memo(g.forwardRef((function(e,n){var u=g.useContext(t.PrimeReactContext),m=D.getProps(e,u),p=C(g.useState(!1),2),d=p[0],f=p[1],h=C(g.useState(m.numVisible),2),I=h[0],x=h[1],y=C(g.useState(!1),2),w=y[0],O=y[1],P=C(g.useState(m.activeIndex),2),S=P[0],N=P[1],E=g.useRef(null),j=g.useRef(null),T=g.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||s.UniqueComponentId(),R=D.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=R.ptm,B=R.cx,_=R.sx,L=R.isUnstyled;a.useHandleStyle(D.css.styles,L,{name:"galleria"}),r.useInterval((function(){z({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var z=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},W=function(){f(!0)},X=function(){f(!1)},Z=function(){s.DomHandler.blockBodyScroll()},J=function(){s.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||b.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||b.default.zIndex.modal),!L()&&s.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},K=function(){m.onShow&&m.onShow()},Y=function(){s.DomHandler.unblockBodyScroll(),!L()&&s.DomHandler.addClass(T.current,"p-component-overlay-leave")},q=function(){s.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};g.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),g.useEffect((function(){x(m.numVisible)}),[m.numVisible]),r.useUnmountEffect((function(){w&&Q(),s.ZIndexUtils.clear(T.current)})),g.useImperativeHandle(n,(function(){return{props:m,show:W,hide:X,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return E.current},getPreviewContent:function(){return j.current}}}));return s.ObjectUtils.isNotEmpty(m.value)&&function(){var e,n,a,r,p,f,h,b,x,y,O,P,S=(a=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=s.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=s.IconUtils.getJSXIcon(m.closeIcon||g.createElement(l.TimesIcon,p),G({},p),{props:m}),h=s.mergeProps({type:"button",className:B("closeButton"),"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,onClick:X},V("closeButton")),b=m.fullScreen&&g.createElement("button",h,f,g.createElement(c.Ripple,null)),e=s.mergeProps({className:B("header")},V("header")),x=m.header?g.createElement("div",e,m.header):null,n=s.mergeProps({className:B("footer")},V("footer")),y=m.footer?g.createElement("div",n,m.footer):null,O=s.mergeProps({ref:E,id:H,className:s.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},D.getOtherProps(m),V("root")),P=s.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),g.createElement("div",O,b,x,g.createElement("div",P,g.createElement(U,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:z,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&g.createElement(M,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:z,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:_})),y));if(m.fullScreen){var N=s.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),C=s.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:Z,onEntering:J,onEntered:K,onExit:Y,onExited:q},V("transition")),R=g.createElement("div",v({ref:T},N),g.createElement(i.CSSTransition,v({nodeRef:E},C),S));return g.createElement(o.Portal,{element:R})}return S}()})));return z.displayName="Galleria",e.Galleria=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronup);