primereact 10.0.2 → 10.0.3

package/galleria/galleria.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,localeOption 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 s,useUpdateEffect as u,useInterval as m,useUnmountEffect as p}from"primereact/hooks";import{TimesIcon as d}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as f}from"primereact/ripple";import{classNames as v,mergeProps as b,IconUtils as g,UniqueComponentId as I,DomHandler as y,ObjectUtils as x,ZIndexUtils as w}from"primereact/utils";import{ChevronLeftIcon as O}from"primereact/icons/chevronleft";import{ChevronRightIcon as S}from"primereact/icons/chevronright";import{ChevronDownIcon as N}from"primereact/icons/chevrondown";import{ChevronUpIcon as E}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 j(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 T(e){var n=j(e,"string");return"symbol"===C(n)?n:String(n)}function k(e,n,t){return(n=T(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,s=!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){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}function V(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 B(e,n){if(e){if("string"==typeof e)return V(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)?V(e,n):void 0}}function H(){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 R(e,n){return A(e)||D(e,n)||B(e,n)||H()}var W=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 v("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 v("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return v("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 v("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return v("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 v("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return v("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return v("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    }\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 G(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 M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?G(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var X=e.memo(e.forwardRef((function(n,t){var i=n.ptm,a=n.cx,r=function(e,t){return i(e,M({hostName:n.hostName},t))},l=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},c=function(e){l(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},s=function(e){l(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},u=function(e){l(),n.onActiveItemChange({index:e})},m=function(e){n.changeItemOnIndicatorHover&&(l(),n.onActiveItemChange({index:e}))},p=function(e,t){13===e.which&&(l(),n.onActiveItemChange({index:t}))};o((function(){n.autoPlay&&n.startSlideShow()}));var d=function(t){var i="p-galleria-indicator-"+t,l=n.activeItemIndex===t,o=n.indicator&&n.indicator(t),c=b({className:a("indicator",{isActive:l}),key:i,tabIndex:0,onClick:function(){return u(t)},onMouseEnter:function(){return m(t)},onKeyDown:function(e){return p(e,t)},"data-p-highlight":l},r("indicator"));return o||(o=e.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},e.createElement(f,null))),e.createElement("li",c,o)},h=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),I=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=b({className:a("previousItemIcon")},r("previousItemIcon")),l=g.getJSXIcon(n.itemPrevIcon||e.createElement(O,i),M({},i),{props:n}),o=b({type:"button",className:a("previousItemButton",{isDisabled:t}),onClick:c,disabled:t,"data-p-disabled":t},r("previousItemButton"));return e.createElement("button",o,l,e.createElement(f,null))}return null}(),y=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=b({className:a("nextItemIcon")},r("nextItemIcon")),l=g.getJSXIcon(n.itemNextIcon||e.createElement(S,i),M({},i),{props:n}),o=b({type:"button",className:a("nextItemButton",{isDisabled:t}),onClick:s,disabled:t,"data-p-disabled":t},r("nextItemButton"));return e.createElement("button",o,l,e.createElement(f,null))}return null}(),x=function(){var t=b({className:a("caption")},r("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),w=function(){if(n.showIndicators){for(var t=[],i=b({className:v(n.indicatorsContentClassName,a("indicators"))},r("indicators")),l=0;l<n.value.length;l++)t.push(d(l));return e.createElement("ul",i,t)}return null}(),N=b({ref:t,className:a("itemWrapper")},r("itemWrapper")),E=b({className:a("itemContainer")},r("itemContainer")),P=b({className:a("item")},r("item"));return e.createElement("div",N,e.createElement("div",E,I,e.createElement("div",P,h),y,x),w)})));function J(e){if(Array.isArray(e))return V(e)}function U(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function z(){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 Z(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 K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Z(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}X.displayName="GalleriaItem";var Y=e.memo((function(n){var t=n.ptm,i=n.cx,a=function(e,i){return t(e,K({hostName:n.hostName},i))},r=n.active?0:null,l=n.template&&n.template(n.item),o=b({className:v(n.className,i("thumbnailItem",{subProps:n})),"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},a("thumbnailItem")),c=b({className:i("thumbnailItemContent"),tabIndex:r,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})},onKeyDown:function(e){13===e.which&&n.onItemClick({originalEvent:e,index:n.index})}},a("thumbnailItemContent"));return e.createElement("div",o,e.createElement("div",c,l))})),_=e.memo(e.forwardRef((function(i,a){var r=R(e.useState(i.numVisible),2),l=r[0],m=r[1],p=R(e.useState(0),2),d=p[0],h=p[1],v=e.useRef(null),w=e.useRef(null),P=e.useRef(""),C=e.useRef(null),j=e.useRef(null),T=c(l),k=c(i.activeItemIndex),A=e.useContext(t),D=i.ptm,V=i.cx,H=i.sx,W=function(e,n){return D(e,K({hostName:i.hostName},n))},G=R(s({listener:function(){ae()},when:i.responsiveOptions}),1)[0],M=function(e){var n=d+e;e<0&&-1*n+l>i.value.length-1?n=l-i.value.length:e>0&&n>0&&(n=0),i.circular&&(e<0&&i.value.length-1===i.activeItemIndex?n=0:e>0&&0===i.activeItemIndex&&(n=l-i.value.length)),v.current&&(y.removeClass(v.current,"p-items-hidden"),v.current.style.transform=i.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),h(n)},X=function(){i.slideShowActive&&i.stopSlideShow&&i.stopSlideShow()},Z=function(){var e=Math.floor(l/2);return l%2?e:e-1},_=function(e){X();var n=0!==i.activeItemIndex?i.activeItemIndex-1:0;l-(n+d)-1>Z()&&(-1*d!=0||i.circular)&&M(1),i.onActiveItemChange({index:i.circular&&0===i.activeItemIndex?i.value.length-1:n}),e.cancelable&&e.preventDefault()},F=function(e){X();var n=i.activeItemIndex+1;n+d>Z()&&(-1*d<te()-1||i.circular)&&M(-1),i.onActiveItemChange({index:i.circular&&i.value.length-1===i.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},L=function(e){X();var n=e.index;if(n!==i.activeItemIndex){var t=n+d,a=0;n<i.activeItemIndex?(a=l-t-1-Z())>0&&-1*d!=0&&M(a):(a=Z()-t)<0&&-1*d<te()-1&&M(a),i.onActiveItemChange({index:n})}},$=function(e){v.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&y.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},q=function(e){var n=e.changedTouches[0];w.current={x:n.pageX,y:n.pageY}},Q=function(e){e.cancelable&&e.preventDefault()},ee=function(e){var n=e.changedTouches[0];ne(e,i.isVertical?n.pageY-w.current.y:n.pageX-w.current.x)},ne=function(e,n){n<0?F(e):_(e)},te=function(){return i.value.length>l?i.value.length-l+1:0},ie=function(){C.current||(C.current=y.createInlineStyle(A&&A.nonce||n.nonce));var e,t='\n            [data-pc-section="thumbnailitems"]['.concat(P.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/l,"%\n                }\n            } \n        ");if(i.responsiveOptions){var a=x.localeComparator(A&&A.locale||n.locale);j.current=J(e=i.responsiveOptions)||U(e)||B(e)||z(),j.current.sort((function(e,t){return x.sort(e.breakpoint,t.breakpoint,-1,a,A&&A.nullSortOrder||n.nullSortOrder)}));for(var r=0;r<j.current.length;r++){var o=j.current[r];t+="\n                    @media screen and (max-width: ".concat(o.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(P.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/o.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}C.current.innerHTML=t},ae=function(){if(v.current&&j.current){for(var e=window.innerWidth,n={numVisible:i.numVisible},t=0;t<j.current.length;t++){var a=j.current[t];parseInt(a.breakpoint,10)>=e&&(n=a)}l!==n.numVisible&&m(n.numVisible)}};o((function(){v.current&&(P.current=I(),v.current.setAttribute(P.current,"")),ie(),ae(),G()})),u((function(){var e=d;T===l&&k===i.activeItemIndex||((e=i.activeItemIndex<=Z()?0:i.value.length-l+Z()<i.activeItemIndex?l-i.value.length:i.value.length-l<i.activeItemIndex&&l%2==0?-1*i.activeItemIndex+Z()+1:-1*i.activeItemIndex+Z())!==d&&h(e),v.current.style.transform=i.isVertical?"translate3d(0, ".concat(e*(100/l),"%, 0)"):"translate3d(".concat(e*(100/l),"%, 0, 0)"),k!==i.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&y.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var re,le,oe,ce,se,ue,me,pe=function(){if(i.showThumbnailNavigators){var n=!i.circular&&0===i.activeItemIndex||i.value.length<=l,t=b({className:V("previousThumbnailIcon")},W("previousThumbnailIcon")),a=g.getJSXIcon(i.isVertical?i.prevThumbnailIcon||e.createElement(E,t):i.prevThumbnailIcon||e.createElement(O,t),K({},t),{props:i}),r=b({className:V("previousThumbnailButton",{isDisabled:n}),onClick:_,disabled:n,"data-p-disabled":n},W("previousThumbnailButton"));return e.createElement("button",r,a,e.createElement(f,null))}return null},de=function(){if(i.showThumbnailNavigators){var n=!i.circular&&i.activeItemIndex===i.value.length-1||i.value.length<=l,t=b({className:V("nextThumbnailIcon")},W("nextThumbnailIcon")),a=g.getJSXIcon(i.isVertical?i.nextThumbnailIcon||e.createElement(N,t):i.nextThumbnailIcon||e.createElement(S,t),K({},t),{props:i}),r=b({className:V("nextThumbnailButton",{isDisabled:n}),onClick:F,disabled:n,"data-p-disabled":n},W("nextThumbnailButton"));return e.createElement("button",r,a,e.createElement(f,null))}return null},he=(re=i.value.map((function(n,t){var a=-1*d,r=a+l-1;return e.createElement(Y,{key:t,index:t,template:i.itemTemplate,item:n,active:a<=t&&r>=t,start:a===t,end:r===t,onItemClick:L,current:i.activeItemIndex===t,ptm:D,cx:V,sx:H})})),le=i.isVertical?i.contentHeight:"",oe=pe(),ce=de(),se=b({className:V("thumbnailContainer")},W("thumbnailContainer")),ue=b({className:V("thumbnailItemsContainer"),style:H("thumbnailItemsContainer",{height:le})},W("thumbnailItemsContainer")),me=b({ref:v,className:V("thumbnailItems"),onTransitionEnd:$,onTouchStart:q,onTouchMove:Q,onTouchEnd:ee},W("thumbnailItems")),e.createElement("div",se,oe,e.createElement("div",ue,e.createElement("div",me,re)),ce)),fe=b({className:V("thumbnailWrapper")},W("thumbnailWrapper"));return e.createElement("div",fe,he)})));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 L(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}Y.displayName="GalleriaThumbnailItem",_.displayName="GalleriaThumbnails";var $=e.memo(e.forwardRef((function(a,o){var c=e.useContext(t),s=W.getProps(a,c),u=R(e.useState(!1),2),I=u[0],O=u[1],S=R(e.useState(s.numVisible),2),N=S[0],E=S[1],C=R(e.useState(!1),2),j=C[0],T=C[1],k=R(e.useState(s.activeIndex),2),A=k[0],D=k[1],V=e.useRef(null),B=e.useRef(null),H=e.useRef(null),G=s.onItemChange?s.activeIndex:A,M="left"===s.thumbnailsPosition||"right"===s.thumbnailsPosition,J=W.setMetaData({props:s,state:{visible:I,numVisible:N,slideShowActive:j,activeIndex:A}}),U=J.ptm,z=J.cx,Z=J.sx,K=J.isUnstyled;r(W.css.styles,K,{name:"galleria"}),m((function(){Y({index:s.circular&&s.value.length-1===G?0:G+1})}),s.transitionInterval,j);var Y=function(e){e.index>=s.value.length?re():s.onItemChange?s.onItemChange(e):D(e.index)},F=function(){O(!0)},$=function(){O(!1)},q=function(){y.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",y.calculateScrollbarWidth()+"px")},Q=function(){w.set("modal",H.current,c&&c.autoZIndex||n.autoZIndex,s.baseZIndex||c&&c.zIndex.modal||n.zIndex.modal),!K()&&y.addMultipleClasses(H.current,"p-component-overlay p-component-overlay-enter")},ee=function(){s.onShow&&s.onShow()},ne=function(){y.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"),!K()&&y.addClass(H.current,"p-component-overlay-leave")},te=function(){w.clear(H.current),s.onHide&&s.onHide()},ie=function(){return j},ae=function(){T(!0)},re=function(){T(!1)},le=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){s.value&&s.value.length<N&&E(s.value.length)}),[s.value,N]),e.useEffect((function(){E(s.numVisible)}),[s.numVisible]),p((function(){j&&re(),w.clear(H.current)})),e.useImperativeHandle(o,(function(){return{props:s,show:F,hide:$,isAutoPlayActive:ie,startSlideShow:ae,stopSlideShow:re,getElement:function(){return V.current},getPreviewContent:function(){return B.current}}}));return x.isNotEmpty(s.value)&&function(){var n,t,a,r,o,u,m,p,y,x,w,O,S=(a=s.showThumbnails&&le("p-galleria-thumbnails",s.thumbnailsPosition),r=s.showIndicators&&le("p-galleria-indicators",s.indicatorsPosition),o=b({className:z("closeIcon"),"aria-hidden":!0},U("closeIcon")),u=g.getJSXIcon(s.closeIcon||e.createElement(d,o),L({},o),{props:s}),m=b({type:"button",className:z("closeButton"),"aria-label":i("close"),onClick:$},U("closeButton")),p=s.fullScreen&&e.createElement("button",m,u,e.createElement(f,null)),n=b({className:z("header")},U("header")),y=s.header?e.createElement("div",n,s.header):null,t=b({className:z("footer")},U("footer")),x=s.footer?e.createElement("div",t,s.footer):null,w=b({ref:V,id:s.id,className:v(s.className,z("root",{context:c,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:s.style},W.getOtherProps(s),U("root")),O=b({className:z("content")},U("content")),e.createElement("div",w,p,y,e.createElement("div",O,e.createElement(X,{hostName:"Galleria",ref:B,value:s.value,activeItemIndex:G,onActiveItemChange:Y,itemTemplate:s.item,circular:s.circular,caption:s.caption,showIndicators:s.showIndicators,itemPrevIcon:s.itemPrevIcon,itemNextIcon:s.itemNextIcon,changeItemOnIndicatorHover:s.changeItemOnIndicatorHover,indicator:s.indicator,showItemNavigators:s.showItemNavigators,autoPlay:s.autoPlay,slideShowActive:j,startSlideShow:ae,stopSlideShow:re,ptm:U,cx:z}),s.showThumbnails&&e.createElement(_,{hostName:"Galleria",value:s.value,activeItemIndex:G,onActiveItemChange:Y,itemTemplate:s.thumbnail,numVisible:N,nextThumbnailIcon:s.nextThumbnailIcon,prevThumbnailIcon:s.prevThumbnailIcon,responsiveOptions:s.responsiveOptions,circular:s.circular,isVertical:M,contentHeight:s.verticalThumbnailViewPortHeight,showThumbnailNavigators:s.showThumbnailNavigators,autoPlay:s.autoPlay,slideShowActive:j,stopSlideShow:re,isUnstyled:K,ptm:U,cx:z,sx:Z})),x));if(s.fullScreen){var E=b({className:z("mask",{visibleState:I})},U("mask")),C=b({classNames:z("transition"),in:I,timeout:{enter:150,exit:150},options:s.transitionOptions,unmountOnExit:!0,onEnter:q,onEntering:Q,onEntered:ee,onExit:ne,onExited:te},U("transition")),T=e.createElement("div",P({ref:H},E),e.createElement(l,P({nodeRef:V},C),S));return e.createElement(h,{element:T})}return S}()})));$.displayName="Galleria";export{$ as Galleria};
+import*as e from"react";import n,{PrimeReactContext as t,localeOption 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 s,useUpdateEffect as u,useInterval as m,useUnmountEffect as p}from"primereact/hooks";import{TimesIcon as d}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as f}from"primereact/ripple";import{classNames as v,mergeProps as g,IconUtils as b,UniqueComponentId as I,DomHandler as y,ObjectUtils as x,ZIndexUtils as w}from"primereact/utils";import{ChevronLeftIcon as O}from"primereact/icons/chevronleft";import{ChevronRightIcon as S}from"primereact/icons/chevronright";import{ChevronDownIcon as N}from"primereact/icons/chevrondown";import{ChevronUpIcon as E}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 j(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 T(e){var n=j(e,"string");return"symbol"===C(n)?n:String(n)}function k(e,n,t){return(n=T(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,s=!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){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}function V(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 B(e,n){if(e){if("string"==typeof e)return V(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)?V(e,n):void 0}}function H(){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 R(e,n){return A(e)||D(e,n)||B(e,n)||H()}var G=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 v("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 v("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return v("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 v("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return v("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 v("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return v("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return v("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 M(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 W(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var X=e.memo(e.forwardRef((function(n,t){var i=n.ptm,a=n.cx,r=function(e,t){return i(e,W({hostName:n.hostName},t))},l=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},c=function(e){l(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},s=function(e){l(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},u=function(e){l(),n.onActiveItemChange({index:e})},m=function(e){n.changeItemOnIndicatorHover&&(l(),n.onActiveItemChange({index:e}))},p=function(e,t){13===e.which&&(l(),n.onActiveItemChange({index:t}))};o((function(){n.autoPlay&&n.startSlideShow()}));var d=function(t){var i="p-galleria-indicator-"+t,l=n.activeItemIndex===t,o=n.indicator&&n.indicator(t),c=g({className:a("indicator",{isActive:l}),key:i,tabIndex:0,onClick:function(){return u(t)},onMouseEnter:function(){return m(t)},onKeyDown:function(e){return p(e,t)},"data-p-highlight":l},r("indicator"));return o||(o=e.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},e.createElement(f,null))),e.createElement("li",c,o)},h=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),I=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=g({className:a("previousItemIcon")},r("previousItemIcon")),l=b.getJSXIcon(n.itemPrevIcon||e.createElement(O,i),W({},i),{props:n}),o=g({type:"button",className:a("previousItemButton",{isDisabled:t}),onClick:c,disabled:t,"data-p-disabled":t},r("previousItemButton"));return e.createElement("button",o,l,e.createElement(f,null))}return null}(),y=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=g({className:a("nextItemIcon")},r("nextItemIcon")),l=b.getJSXIcon(n.itemNextIcon||e.createElement(S,i),W({},i),{props:n}),o=g({type:"button",className:a("nextItemButton",{isDisabled:t}),onClick:s,disabled:t,"data-p-disabled":t},r("nextItemButton"));return e.createElement("button",o,l,e.createElement(f,null))}return null}(),x=function(){var t=g({className:a("caption")},r("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),w=function(){if(n.showIndicators){for(var t=[],i=g({className:v(n.indicatorsContentClassName,a("indicators"))},r("indicators")),l=0;l<n.value.length;l++)t.push(d(l));return e.createElement("ul",i,t)}return null}(),N=g({ref:t,className:a("itemWrapper")},r("itemWrapper")),E=g({className:a("itemContainer")},r("itemContainer")),P=g({className:a("item")},r("item"));return e.createElement("div",N,e.createElement("div",E,I,e.createElement("div",P,h),y,x),w)})));function z(e){if(Array.isArray(e))return V(e)}function J(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function U(){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 Z(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 K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Z(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}X.displayName="GalleriaItem";var Y=e.memo((function(n){var t=n.ptm,i=n.cx,a=function(e,i){return t(e,K({hostName:n.hostName},i))},r=n.active?0:null,l=n.template&&n.template(n.item),o=g({className:v(n.className,i("thumbnailItem",{subProps:n})),"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},a("thumbnailItem")),c=g({className:i("thumbnailItemContent"),tabIndex:r,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})},onKeyDown:function(e){13===e.which&&n.onItemClick({originalEvent:e,index:n.index})}},a("thumbnailItemContent"));return e.createElement("div",o,e.createElement("div",c,l))})),_=e.memo(e.forwardRef((function(i,a){var r=R(e.useState(i.numVisible),2),l=r[0],m=r[1],p=R(e.useState(0),2),d=p[0],h=p[1],v=e.useRef(null),w=e.useRef(null),P=e.useRef(""),C=e.useRef(null),j=e.useRef(null),T=c(l),k=c(i.activeItemIndex),A=e.useContext(t),D=i.ptm,V=i.cx,H=i.sx,G=function(e,n){return D(e,K({hostName:i.hostName},n))},M=R(s({listener:function(){ae()},when:i.responsiveOptions}),1)[0],W=function(e){var n=d+e;e<0&&-1*n+l>i.value.length-1?n=l-i.value.length:e>0&&n>0&&(n=0),i.circular&&(e<0&&i.value.length-1===i.activeItemIndex?n=0:e>0&&0===i.activeItemIndex&&(n=l-i.value.length)),v.current&&(y.removeClass(v.current,"p-items-hidden"),v.current.style.transform=i.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),h(n)},X=function(){i.slideShowActive&&i.stopSlideShow&&i.stopSlideShow()},Z=function(){var e=Math.floor(l/2);return l%2?e:e-1},_=function(e){X();var n=0!==i.activeItemIndex?i.activeItemIndex-1:0;l-(n+d)-1>Z()&&(-1*d!=0||i.circular)&&W(1),i.onActiveItemChange({index:i.circular&&0===i.activeItemIndex?i.value.length-1:n}),e.cancelable&&e.preventDefault()},F=function(e){X();var n=i.activeItemIndex+1;n+d>Z()&&(-1*d<te()-1||i.circular)&&W(-1),i.onActiveItemChange({index:i.circular&&i.value.length-1===i.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},L=function(e){X();var n=e.index;if(n!==i.activeItemIndex){var t=n+d,a=0;n<i.activeItemIndex?(a=l-t-1-Z())>0&&-1*d!=0&&W(a):(a=Z()-t)<0&&-1*d<te()-1&&W(a),i.onActiveItemChange({index:n})}},$=function(e){v.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&y.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},q=function(e){var n=e.changedTouches[0];w.current={x:n.pageX,y:n.pageY}},Q=function(e){e.cancelable&&e.preventDefault()},ee=function(e){var n=e.changedTouches[0];ne(e,i.isVertical?n.pageY-w.current.y:n.pageX-w.current.x)},ne=function(e,n){n<0?F(e):_(e)},te=function(){return i.value.length>l?i.value.length-l+1:0},ie=function(){C.current||(C.current=y.createInlineStyle(A&&A.nonce||n.nonce));var e,t='\n            [data-pc-section="thumbnailitems"]['.concat(P.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/l,"%\n                }\n            } \n        ");if(i.responsiveOptions){var a=x.localeComparator(A&&A.locale||n.locale);j.current=z(e=i.responsiveOptions)||J(e)||B(e)||U(),j.current.sort((function(e,t){return x.sort(e.breakpoint,t.breakpoint,-1,a,A&&A.nullSortOrder||n.nullSortOrder)}));for(var r=0;r<j.current.length;r++){var o=j.current[r];t+="\n                    @media screen and (max-width: ".concat(o.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(P.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/o.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}C.current.innerHTML=t},ae=function(){if(v.current&&j.current){for(var e=window.innerWidth,n={numVisible:i.numVisible},t=0;t<j.current.length;t++){var a=j.current[t];parseInt(a.breakpoint,10)>=e&&(n=a)}l!==n.numVisible&&m(n.numVisible)}};o((function(){v.current&&(P.current=I(),v.current.setAttribute(P.current,"")),ie(),ae(),M()})),u((function(){var e=d;T===l&&k===i.activeItemIndex||((e=i.activeItemIndex<=Z()?0:i.value.length-l+Z()<i.activeItemIndex?l-i.value.length:i.value.length-l<i.activeItemIndex&&l%2==0?-1*i.activeItemIndex+Z()+1:-1*i.activeItemIndex+Z())!==d&&h(e),v.current.style.transform=i.isVertical?"translate3d(0, ".concat(e*(100/l),"%, 0)"):"translate3d(".concat(e*(100/l),"%, 0, 0)"),k!==i.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&y.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var re,le,oe,ce,se,ue,me,pe=function(){if(i.showThumbnailNavigators){var n=!i.circular&&0===i.activeItemIndex||i.value.length<=l,t=g({className:V("previousThumbnailIcon")},G("previousThumbnailIcon")),a=b.getJSXIcon(i.isVertical?i.prevThumbnailIcon||e.createElement(E,t):i.prevThumbnailIcon||e.createElement(O,t),K({},t),{props:i}),r=g({className:V("previousThumbnailButton",{isDisabled:n}),onClick:_,disabled:n,"data-p-disabled":n},G("previousThumbnailButton"));return e.createElement("button",r,a,e.createElement(f,null))}return null},de=function(){if(i.showThumbnailNavigators){var n=!i.circular&&i.activeItemIndex===i.value.length-1||i.value.length<=l,t=g({className:V("nextThumbnailIcon")},G("nextThumbnailIcon")),a=b.getJSXIcon(i.isVertical?i.nextThumbnailIcon||e.createElement(N,t):i.nextThumbnailIcon||e.createElement(S,t),K({},t),{props:i}),r=g({className:V("nextThumbnailButton",{isDisabled:n}),onClick:F,disabled:n,"data-p-disabled":n},G("nextThumbnailButton"));return e.createElement("button",r,a,e.createElement(f,null))}return null},he=(re=i.value.map((function(n,t){var a=-1*d,r=a+l-1;return e.createElement(Y,{key:t,index:t,template:i.itemTemplate,item:n,active:a<=t&&r>=t,start:a===t,end:r===t,onItemClick:L,current:i.activeItemIndex===t,ptm:D,cx:V,sx:H})})),le=i.isVertical?i.contentHeight:"",oe=pe(),ce=de(),se=g({className:V("thumbnailContainer")},G("thumbnailContainer")),ue=g({className:V("thumbnailItemsContainer"),style:H("thumbnailItemsContainer",{height:le})},G("thumbnailItemsContainer")),me=g({ref:v,className:V("thumbnailItems"),onTransitionEnd:$,onTouchStart:q,onTouchMove:Q,onTouchEnd:ee},G("thumbnailItems")),e.createElement("div",se,oe,e.createElement("div",ue,e.createElement("div",me,re)),ce)),fe=g({className:V("thumbnailWrapper")},G("thumbnailWrapper"));return e.createElement("div",fe,he)})));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 L(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}Y.displayName="GalleriaThumbnailItem",_.displayName="GalleriaThumbnails";var $=e.memo(e.forwardRef((function(a,o){var c=e.useContext(t),s=G.getProps(a,c),u=R(e.useState(!1),2),I=u[0],O=u[1],S=R(e.useState(s.numVisible),2),N=S[0],E=S[1],C=R(e.useState(!1),2),j=C[0],T=C[1],k=R(e.useState(s.activeIndex),2),A=k[0],D=k[1],V=e.useRef(null),B=e.useRef(null),H=e.useRef(null),M=s.onItemChange?s.activeIndex:A,W="left"===s.thumbnailsPosition||"right"===s.thumbnailsPosition,z=G.setMetaData({props:s,state:{visible:I,numVisible:N,slideShowActive:j,activeIndex:A}}),J=z.ptm,U=z.cx,Z=z.sx,K=z.isUnstyled;r(G.css.styles,K,{name:"galleria"}),m((function(){Y({index:s.circular&&s.value.length-1===M?0:M+1})}),s.transitionInterval,j);var Y=function(e){e.index>=s.value.length?re():s.onItemChange?s.onItemChange(e):D(e.index)},F=function(){O(!0)},$=function(){O(!1)},q=function(){y.blockBodyScroll()},Q=function(){w.set("modal",H.current,c&&c.autoZIndex||n.autoZIndex,s.baseZIndex||c&&c.zIndex.modal||n.zIndex.modal),!K()&&y.addMultipleClasses(H.current,"p-component-overlay p-component-overlay-enter")},ee=function(){s.onShow&&s.onShow()},ne=function(){y.unblockBodyScroll(),!K()&&y.addClass(H.current,"p-component-overlay-leave")},te=function(){w.clear(H.current),s.onHide&&s.onHide()},ie=function(){return j},ae=function(){T(!0)},re=function(){T(!1)},le=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){s.value&&s.value.length<N&&E(s.value.length)}),[s.value,N]),e.useEffect((function(){E(s.numVisible)}),[s.numVisible]),p((function(){j&&re(),w.clear(H.current)})),e.useImperativeHandle(o,(function(){return{props:s,show:F,hide:$,isAutoPlayActive:ie,startSlideShow:ae,stopSlideShow:re,getElement:function(){return V.current},getPreviewContent:function(){return B.current}}}));return x.isNotEmpty(s.value)&&function(){var n,t,a,r,o,u,m,p,y,x,w,O,S=(a=s.showThumbnails&&le("p-galleria-thumbnails",s.thumbnailsPosition),r=s.showIndicators&&le("p-galleria-indicators",s.indicatorsPosition),o=g({className:U("closeIcon"),"aria-hidden":!0},J("closeIcon")),u=b.getJSXIcon(s.closeIcon||e.createElement(d,o),L({},o),{props:s}),m=g({type:"button",className:U("closeButton"),"aria-label":i("close"),onClick:$},J("closeButton")),p=s.fullScreen&&e.createElement("button",m,u,e.createElement(f,null)),n=g({className:U("header")},J("header")),y=s.header?e.createElement("div",n,s.header):null,t=g({className:U("footer")},J("footer")),x=s.footer?e.createElement("div",t,s.footer):null,w=g({ref:V,id:s.id,className:v(s.className,U("root",{context:c,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:s.style},G.getOtherProps(s),J("root")),O=g({className:U("content")},J("content")),e.createElement("div",w,p,y,e.createElement("div",O,e.createElement(X,{hostName:"Galleria",ref:B,value:s.value,activeItemIndex:M,onActiveItemChange:Y,itemTemplate:s.item,circular:s.circular,caption:s.caption,showIndicators:s.showIndicators,itemPrevIcon:s.itemPrevIcon,itemNextIcon:s.itemNextIcon,changeItemOnIndicatorHover:s.changeItemOnIndicatorHover,indicator:s.indicator,showItemNavigators:s.showItemNavigators,autoPlay:s.autoPlay,slideShowActive:j,startSlideShow:ae,stopSlideShow:re,ptm:J,cx:U}),s.showThumbnails&&e.createElement(_,{hostName:"Galleria",value:s.value,activeItemIndex:M,onActiveItemChange:Y,itemTemplate:s.thumbnail,numVisible:N,nextThumbnailIcon:s.nextThumbnailIcon,prevThumbnailIcon:s.prevThumbnailIcon,responsiveOptions:s.responsiveOptions,circular:s.circular,isVertical:W,contentHeight:s.verticalThumbnailViewPortHeight,showThumbnailNavigators:s.showThumbnailNavigators,autoPlay:s.autoPlay,slideShowActive:j,stopSlideShow:re,isUnstyled:K,ptm:J,cx:U,sx:Z})),x));if(s.fullScreen){var E=g({className:U("mask",{visibleState:I})},J("mask")),C=g({classNames:U("transition"),in:I,timeout:{enter:150,exit:150},options:s.transitionOptions,unmountOnExit:!0,onEnter:q,onEntering:Q,onEntered:ee,onExit:ne,onExited:te},J("transition")),T=e.createElement("div",P({ref:H},E),e.createElement(l,P({nodeRef:V},C),S));return e.createElement(h,{element:T})}return S}()})));$.displayName="Galleria";export{$ as Galleria};

package/galleria/galleria.js

@@ -216,7 +216,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
     item: 'p-galleria-item',
     transition: 'p-galleria'
   };
-  var 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    }\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";
+  var 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";
   var inlineStyles = {
     thumbnailItemsContainer: function thumbnailItemsContainer(_ref9) {
       var height = _ref9.height;
@@ -904,8 +904,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       setVisibleState(false);
     };
     var onEnter = function onEnter() {
-      utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-      document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+      utils.DomHandler.blockBodyScroll();
     };
     var onEntering = function onEntering() {
       utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
@@ -915,8 +914,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
       props.onShow && props.onShow();
     };
     var onExit = function onExit() {
-      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      utils.DomHandler.unblockBodyScroll();
       !isUnstyled() && utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
     };
     var onExited = function onExited() {

package/galleria/galleria.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.galleria=function(e,n,t,i,a,r,l,o,c,s,u,m,p,d){"use strict";function h(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 i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g=f(n),v=h(t);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 i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},b.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 y(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==I(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=y(e,"string");return"symbol"===I(n)?n:String(n)}function w(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 P(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 i,a,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=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}function S(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 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 P(e)||O(e,n)||N(e,n)||E()}var j=i.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"===v.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===v.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    }\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 T(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 D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=g.memo(g.forwardRef((function(e,n){var t=e.ptm,i=e.cx,a=function(n,i){return t(n,D({hostName:e.hostName},i))},l=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},o=function(n){l(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},p=function(n){l(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},d=function(n){l(),e.onActiveItemChange({index:n})},h=function(n){e.changeItemOnIndicatorHover&&(l(),e.onActiveItemChange({index:n}))},f=function(n,t){13===n.which&&(l(),e.onActiveItemChange({index:t}))};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var v=function(n){var t="p-galleria-indicator-"+n,r=e.activeItemIndex===n,l=e.indicator&&e.indicator(n),o=s.mergeProps({className:i("indicator",{isActive:r}),key:t,tabIndex:0,onClick:function(){return d(n)},onMouseEnter:function(){return h(n)},onKeyDown:function(e){return f(e,n)},"data-p-highlight":r},a("indicator"));return l||(l=g.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},g.createElement(c.Ripple,null))),g.createElement("li",o,l)},b=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),I=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=s.mergeProps({className:i("previousItemIcon")},a("previousItemIcon")),r=s.IconUtils.getJSXIcon(e.itemPrevIcon||g.createElement(u.ChevronLeftIcon,t),D({},t),{props:e}),l=s.mergeProps({type:"button",className:i("previousItemButton",{isDisabled:n}),onClick:o,disabled:n,"data-p-disabled":n},a("previousItemButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null}(),y=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=s.mergeProps({className:i("nextItemIcon")},a("nextItemIcon")),r=s.IconUtils.getJSXIcon(e.itemNextIcon||g.createElement(m.ChevronRightIcon,t),D({},t),{props:e}),l=s.mergeProps({type:"button",className:i("nextItemButton",{isDisabled:n}),onClick:p,disabled:n,"data-p-disabled":n},a("nextItemButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null}(),x=function(){var n=s.mergeProps({className:i("caption")},a("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return g.createElement("div",n,t)}return null}(),w=function(){if(e.showIndicators){for(var n=[],t=s.mergeProps({className:s.classNames(e.indicatorsContentClassName,i("indicators"))},a("indicators")),r=0;r<e.value.length;r++)n.push(v(r));return g.createElement("ul",t,n)}return null}(),P=s.mergeProps({ref:n,className:i("itemWrapper")},a("itemWrapper")),O=s.mergeProps({className:i("itemContainer")},a("itemContainer")),S=s.mergeProps({className:i("item")},a("item"));return g.createElement("div",P,g.createElement("div",O,I,g.createElement("div",S,b),y,x),w)})));function A(e){if(Array.isArray(e))return S(e)}function H(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function R(){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 V(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 U(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}k.displayName="GalleriaItem";var B=g.memo((function(e){var n=e.ptm,t=e.cx,i=function(t,i){return n(t,U({hostName:e.hostName},i))},a=e.active?0:null,r=e.template&&e.template(e.item),l=s.mergeProps({className:s.classNames(e.className,t("thumbnailItem",{subProps:e})),"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},i("thumbnailItem")),o=s.mergeProps({className:t("thumbnailItemContent"),tabIndex:a,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})},onKeyDown:function(n){13===n.which&&e.onItemClick({originalEvent:n,index:e.index})}},i("thumbnailItemContent"));return g.createElement("div",l,g.createElement("div",o,r))})),M=g.memo(g.forwardRef((function(e,n){var i=C(g.useState(e.numVisible),2),a=i[0],l=i[1],o=C(g.useState(0),2),h=o[0],f=o[1],b=g.useRef(null),I=g.useRef(null),y=g.useRef(""),x=g.useRef(null),w=g.useRef(null),P=r.usePrevious(a),O=r.usePrevious(e.activeItemIndex),S=g.useContext(t.PrimeReactContext),E=e.ptm,j=e.cx,T=e.sx,D=function(n,t){return E(n,U({hostName:e.hostName},t))},k=C(r.useResizeListener({listener:function(){F()},when:e.responsiveOptions}),1)[0],V=function(n){var t=h+n;n<0&&-1*t+a>e.value.length-1?t=a-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=a-e.value.length)),b.current&&(s.DomHandler.removeClass(b.current,"p-items-hidden"),b.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/a),"%, 0)"):"translate3d(".concat(t*(100/a),"%, 0, 0)"),b.current.style.transition="transform 500ms ease 0s"),f(t)},M=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},G=function(){var e=Math.floor(a/2);return a%2?e:e-1},W=function(n){M();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;a-(t+h)-1>G()&&(-1*h!=0||e.circular)&&V(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},X=function(n){M();var t=e.activeItemIndex+1;t+h>G()&&(-1*h<Y()-1||e.circular)&&V(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},Z=function(n){M();var t=n.index;if(t!==e.activeItemIndex){var i=t+h,r=0;t<e.activeItemIndex?(r=a-i-1-G())>0&&-1*h!=0&&V(r):(r=G()-i)<0&&-1*h<Y()-1&&V(r),e.onActiveItemChange({index:t})}},z=function(n){b.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(b.current,"p-items-hidden"),b.current.style.transition="")},_=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},J=function(e){e.cancelable&&e.preventDefault()},L=function(n){var t=n.changedTouches[0];K(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},K=function(e,n){n<0?X(e):W(e)},Y=function(){return e.value.length>a?e.value.length-a+1:0},q=function(){x.current||(x.current=s.DomHandler.createInlineStyle(S&&S.nonce||v.default.nonce));var n,t='\n            [data-pc-section="thumbnailitems"]['.concat(y.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/a,"%\n                }\n            } \n        ");if(e.responsiveOptions){var i=s.ObjectUtils.localeComparator(S&&S.locale||v.default.locale);w.current=A(n=e.responsiveOptions)||H(n)||N(n)||R(),w.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,i,S&&S.nullSortOrder||v.default.nullSortOrder)}));for(var r=0;r<w.current.length;r++){var l=w.current[r];t+="\n                    @media screen and (max-width: ".concat(l.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(y.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/l.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}x.current.innerHTML=t},F=function(){if(b.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},i=0;i<w.current.length;i++){var r=w.current[i];parseInt(r.breakpoint,10)>=n&&(t=r)}a!==t.numVisible&&l(t.numVisible)}};r.useMountEffect((function(){b.current&&(y.current=s.UniqueComponentId(),b.current.setAttribute(y.current,"")),q(),F(),k()})),r.useUpdateEffect((function(){var n=h;P===a&&O===e.activeItemIndex||((n=e.activeItemIndex<=G()?0:e.value.length-a+G()<e.activeItemIndex?a-e.value.length:e.value.length-a<e.activeItemIndex&&a%2==0?-1*e.activeItemIndex+G()+1:-1*e.activeItemIndex+G())!==h&&f(n),b.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/a),"%, 0)"):"translate3d(".concat(n*(100/a),"%, 0, 0)"),O!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(b.current,"p-items-hidden"),b.current.style.transition="transform 500ms ease 0s"))}));var $,Q,ee,ne,te,ie,ae,re=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=a,t=s.mergeProps({className:j("previousThumbnailIcon")},D("previousThumbnailIcon")),i=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||g.createElement(d.ChevronUpIcon,t):e.prevThumbnailIcon||g.createElement(u.ChevronLeftIcon,t),U({},t),{props:e}),r=s.mergeProps({className:j("previousThumbnailButton",{isDisabled:n}),onClick:W,disabled:n,"data-p-disabled":n},D("previousThumbnailButton"));return g.createElement("button",r,i,g.createElement(c.Ripple,null))}return null},le=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=a,t=s.mergeProps({className:j("nextThumbnailIcon")},D("nextThumbnailIcon")),i=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||g.createElement(p.ChevronDownIcon,t):e.nextThumbnailIcon||g.createElement(m.ChevronRightIcon,t),U({},t),{props:e}),r=s.mergeProps({className:j("nextThumbnailButton",{isDisabled:n}),onClick:X,disabled:n,"data-p-disabled":n},D("nextThumbnailButton"));return g.createElement("button",r,i,g.createElement(c.Ripple,null))}return null},oe=($=e.value.map((function(n,t){var i=-1*h,r=i+a-1;return g.createElement(B,{key:t,index:t,template:e.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:Z,current:e.activeItemIndex===t,ptm:E,cx:j,sx:T})})),Q=e.isVertical?e.contentHeight:"",ee=re(),ne=le(),te=s.mergeProps({className:j("thumbnailContainer")},D("thumbnailContainer")),ie=s.mergeProps({className:j("thumbnailItemsContainer"),style:T("thumbnailItemsContainer",{height:Q})},D("thumbnailItemsContainer")),ae=s.mergeProps({ref:b,className:j("thumbnailItems"),onTransitionEnd:z,onTouchStart:_,onTouchMove:J,onTouchEnd:L},D("thumbnailItems")),g.createElement("div",te,ee,g.createElement("div",ie,g.createElement("div",ae,$)),ne)),ce=s.mergeProps({className:j("thumbnailWrapper")},D("thumbnailWrapper"));return g.createElement("div",ce,oe)})));function G(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 W(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?G(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",M.displayName="GalleriaThumbnails";var X=g.memo(g.forwardRef((function(e,n){var u=g.useContext(t.PrimeReactContext),m=j.getProps(e,u),p=C(g.useState(!1),2),d=p[0],h=p[1],f=C(g.useState(m.numVisible),2),I=f[0],y=f[1],x=C(g.useState(!1),2),w=x[0],P=x[1],O=C(g.useState(m.activeIndex),2),S=O[0],N=O[1],E=g.useRef(null),T=g.useRef(null),D=g.useRef(null),A=m.onItemChange?m.activeIndex:S,H="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,R=j.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=R.ptm,U=R.cx,B=R.sx,G=R.isUnstyled;i.useHandleStyle(j.css.styles,G,{name:"galleria"}),r.useInterval((function(){X({index:m.circular&&m.value.length-1===A?0:A+1})}),m.transitionInterval,w);var X=function(e){e.index>=m.value.length?$():m.onItemChange?m.onItemChange(e):N(e.index)},Z=function(){h(!0)},z=function(){h(!1)},_=function(){s.DomHandler.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",s.DomHandler.calculateScrollbarWidth()+"px")},J=function(){s.ZIndexUtils.set("modal",D.current,u&&u.autoZIndex||v.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||v.default.zIndex.modal),!G()&&s.DomHandler.addMultipleClasses(D.current,"p-component-overlay p-component-overlay-enter")},L=function(){m.onShow&&m.onShow()},K=function(){s.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"),!G()&&s.DomHandler.addClass(D.current,"p-component-overlay-leave")},Y=function(){s.ZIndexUtils.clear(D.current),m.onHide&&m.onHide()},q=function(){return w},F=function(){P(!0)},$=function(){P(!1)},Q=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&&y(m.value.length)}),[m.value,I]),g.useEffect((function(){y(m.numVisible)}),[m.numVisible]),r.useUnmountEffect((function(){w&&$(),s.ZIndexUtils.clear(D.current)})),g.useImperativeHandle(n,(function(){return{props:m,show:Z,hide:z,isAutoPlayActive:q,startSlideShow:F,stopSlideShow:$,getElement:function(){return E.current},getPreviewContent:function(){return T.current}}}));return s.ObjectUtils.isNotEmpty(m.value)&&function(){var e,n,i,r,p,h,f,v,y,x,P,O,S=(i=m.showThumbnails&&Q("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&Q("p-galleria-indicators",m.indicatorsPosition),p=s.mergeProps({className:U("closeIcon"),"aria-hidden":!0},V("closeIcon")),h=s.IconUtils.getJSXIcon(m.closeIcon||g.createElement(l.TimesIcon,p),W({},p),{props:m}),f=s.mergeProps({type:"button",className:U("closeButton"),"aria-label":t.localeOption("close"),onClick:z},V("closeButton")),v=m.fullScreen&&g.createElement("button",f,h,g.createElement(c.Ripple,null)),e=s.mergeProps({className:U("header")},V("header")),y=m.header?g.createElement("div",e,m.header):null,n=s.mergeProps({className:U("footer")},V("footer")),x=m.footer?g.createElement("div",n,m.footer):null,P=s.mergeProps({ref:E,id:m.id,className:s.classNames(m.className,U("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:r})),style:m.style},j.getOtherProps(m),V("root")),O=s.mergeProps({className:U("content")},V("content")),g.createElement("div",P,v,y,g.createElement("div",O,g.createElement(k,{hostName:"Galleria",ref:T,value:m.value,activeItemIndex:A,onActiveItemChange:X,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:F,stopSlideShow:$,ptm:V,cx:U}),m.showThumbnails&&g.createElement(M,{hostName:"Galleria",value:m.value,activeItemIndex:A,onActiveItemChange:X,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:H,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:$,isUnstyled:G,ptm:V,cx:U,sx:B})),x));if(m.fullScreen){var N=s.mergeProps({className:U("mask",{visibleState:d})},V("mask")),C=s.mergeProps({classNames:U("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:_,onEntering:J,onEntered:L,onExit:K,onExited:Y},V("transition")),R=g.createElement("div",b({ref:D},N),g.createElement(a.CSSTransition,b({nodeRef:E},C),S));return g.createElement(o.Portal,{element:R})}return S}()})));return X.displayName="Galleria",e.Galleria=X,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,i,a,r,l,o,c,s,u,m,p,d){"use strict";function h(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 i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g=f(n),v=h(t);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 i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},b.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 y(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==I(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=y(e,"string");return"symbol"===I(n)?n:String(n)}function w(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 P(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 i,a,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=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}function S(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 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 P(e)||O(e,n)||N(e,n)||E()}var j=i.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"===v.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===v.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 T(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 D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=g.memo(g.forwardRef((function(e,n){var t=e.ptm,i=e.cx,a=function(n,i){return t(n,D({hostName:e.hostName},i))},l=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},o=function(n){l(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},p=function(n){l(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},d=function(n){l(),e.onActiveItemChange({index:n})},h=function(n){e.changeItemOnIndicatorHover&&(l(),e.onActiveItemChange({index:n}))},f=function(n,t){13===n.which&&(l(),e.onActiveItemChange({index:t}))};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var v=function(n){var t="p-galleria-indicator-"+n,r=e.activeItemIndex===n,l=e.indicator&&e.indicator(n),o=s.mergeProps({className:i("indicator",{isActive:r}),key:t,tabIndex:0,onClick:function(){return d(n)},onMouseEnter:function(){return h(n)},onKeyDown:function(e){return f(e,n)},"data-p-highlight":r},a("indicator"));return l||(l=g.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},g.createElement(c.Ripple,null))),g.createElement("li",o,l)},b=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),I=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=s.mergeProps({className:i("previousItemIcon")},a("previousItemIcon")),r=s.IconUtils.getJSXIcon(e.itemPrevIcon||g.createElement(u.ChevronLeftIcon,t),D({},t),{props:e}),l=s.mergeProps({type:"button",className:i("previousItemButton",{isDisabled:n}),onClick:o,disabled:n,"data-p-disabled":n},a("previousItemButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null}(),y=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=s.mergeProps({className:i("nextItemIcon")},a("nextItemIcon")),r=s.IconUtils.getJSXIcon(e.itemNextIcon||g.createElement(m.ChevronRightIcon,t),D({},t),{props:e}),l=s.mergeProps({type:"button",className:i("nextItemButton",{isDisabled:n}),onClick:p,disabled:n,"data-p-disabled":n},a("nextItemButton"));return g.createElement("button",l,r,g.createElement(c.Ripple,null))}return null}(),x=function(){var n=s.mergeProps({className:i("caption")},a("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return g.createElement("div",n,t)}return null}(),w=function(){if(e.showIndicators){for(var n=[],t=s.mergeProps({className:s.classNames(e.indicatorsContentClassName,i("indicators"))},a("indicators")),r=0;r<e.value.length;r++)n.push(v(r));return g.createElement("ul",t,n)}return null}(),P=s.mergeProps({ref:n,className:i("itemWrapper")},a("itemWrapper")),O=s.mergeProps({className:i("itemContainer")},a("itemContainer")),S=s.mergeProps({className:i("item")},a("item"));return g.createElement("div",P,g.createElement("div",O,I,g.createElement("div",S,b),y,x),w)})));function A(e){if(Array.isArray(e))return S(e)}function R(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function H(){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 V(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 U(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}k.displayName="GalleriaItem";var B=g.memo((function(e){var n=e.ptm,t=e.cx,i=function(t,i){return n(t,U({hostName:e.hostName},i))},a=e.active?0:null,r=e.template&&e.template(e.item),l=s.mergeProps({className:s.classNames(e.className,t("thumbnailItem",{subProps:e})),"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},i("thumbnailItem")),o=s.mergeProps({className:t("thumbnailItemContent"),tabIndex:a,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})},onKeyDown:function(n){13===n.which&&e.onItemClick({originalEvent:n,index:e.index})}},i("thumbnailItemContent"));return g.createElement("div",l,g.createElement("div",o,r))})),M=g.memo(g.forwardRef((function(e,n){var i=C(g.useState(e.numVisible),2),a=i[0],l=i[1],o=C(g.useState(0),2),h=o[0],f=o[1],b=g.useRef(null),I=g.useRef(null),y=g.useRef(""),x=g.useRef(null),w=g.useRef(null),P=r.usePrevious(a),O=r.usePrevious(e.activeItemIndex),S=g.useContext(t.PrimeReactContext),E=e.ptm,j=e.cx,T=e.sx,D=function(n,t){return E(n,U({hostName:e.hostName},t))},k=C(r.useResizeListener({listener:function(){F()},when:e.responsiveOptions}),1)[0],V=function(n){var t=h+n;n<0&&-1*t+a>e.value.length-1?t=a-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=a-e.value.length)),b.current&&(s.DomHandler.removeClass(b.current,"p-items-hidden"),b.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/a),"%, 0)"):"translate3d(".concat(t*(100/a),"%, 0, 0)"),b.current.style.transition="transform 500ms ease 0s"),f(t)},M=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},G=function(){var e=Math.floor(a/2);return a%2?e:e-1},z=function(n){M();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;a-(t+h)-1>G()&&(-1*h!=0||e.circular)&&V(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},W=function(n){M();var t=e.activeItemIndex+1;t+h>G()&&(-1*h<Y()-1||e.circular)&&V(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},X=function(n){M();var t=n.index;if(t!==e.activeItemIndex){var i=t+h,r=0;t<e.activeItemIndex?(r=a-i-1-G())>0&&-1*h!=0&&V(r):(r=G()-i)<0&&-1*h<Y()-1&&V(r),e.onActiveItemChange({index:t})}},Z=function(n){b.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(b.current,"p-items-hidden"),b.current.style.transition="")},_=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},J=function(e){e.cancelable&&e.preventDefault()},L=function(n){var t=n.changedTouches[0];K(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},K=function(e,n){n<0?W(e):z(e)},Y=function(){return e.value.length>a?e.value.length-a+1:0},q=function(){x.current||(x.current=s.DomHandler.createInlineStyle(S&&S.nonce||v.default.nonce));var n,t='\n            [data-pc-section="thumbnailitems"]['.concat(y.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/a,"%\n                }\n            } \n        ");if(e.responsiveOptions){var i=s.ObjectUtils.localeComparator(S&&S.locale||v.default.locale);w.current=A(n=e.responsiveOptions)||R(n)||N(n)||H(),w.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,i,S&&S.nullSortOrder||v.default.nullSortOrder)}));for(var r=0;r<w.current.length;r++){var l=w.current[r];t+="\n                    @media screen and (max-width: ".concat(l.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(y.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/l.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}x.current.innerHTML=t},F=function(){if(b.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},i=0;i<w.current.length;i++){var r=w.current[i];parseInt(r.breakpoint,10)>=n&&(t=r)}a!==t.numVisible&&l(t.numVisible)}};r.useMountEffect((function(){b.current&&(y.current=s.UniqueComponentId(),b.current.setAttribute(y.current,"")),q(),F(),k()})),r.useUpdateEffect((function(){var n=h;P===a&&O===e.activeItemIndex||((n=e.activeItemIndex<=G()?0:e.value.length-a+G()<e.activeItemIndex?a-e.value.length:e.value.length-a<e.activeItemIndex&&a%2==0?-1*e.activeItemIndex+G()+1:-1*e.activeItemIndex+G())!==h&&f(n),b.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/a),"%, 0)"):"translate3d(".concat(n*(100/a),"%, 0, 0)"),O!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(b.current,"p-items-hidden"),b.current.style.transition="transform 500ms ease 0s"))}));var $,Q,ee,ne,te,ie,ae,re=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=a,t=s.mergeProps({className:j("previousThumbnailIcon")},D("previousThumbnailIcon")),i=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||g.createElement(d.ChevronUpIcon,t):e.prevThumbnailIcon||g.createElement(u.ChevronLeftIcon,t),U({},t),{props:e}),r=s.mergeProps({className:j("previousThumbnailButton",{isDisabled:n}),onClick:z,disabled:n,"data-p-disabled":n},D("previousThumbnailButton"));return g.createElement("button",r,i,g.createElement(c.Ripple,null))}return null},le=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=a,t=s.mergeProps({className:j("nextThumbnailIcon")},D("nextThumbnailIcon")),i=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||g.createElement(p.ChevronDownIcon,t):e.nextThumbnailIcon||g.createElement(m.ChevronRightIcon,t),U({},t),{props:e}),r=s.mergeProps({className:j("nextThumbnailButton",{isDisabled:n}),onClick:W,disabled:n,"data-p-disabled":n},D("nextThumbnailButton"));return g.createElement("button",r,i,g.createElement(c.Ripple,null))}return null},oe=($=e.value.map((function(n,t){var i=-1*h,r=i+a-1;return g.createElement(B,{key:t,index:t,template:e.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:X,current:e.activeItemIndex===t,ptm:E,cx:j,sx:T})})),Q=e.isVertical?e.contentHeight:"",ee=re(),ne=le(),te=s.mergeProps({className:j("thumbnailContainer")},D("thumbnailContainer")),ie=s.mergeProps({className:j("thumbnailItemsContainer"),style:T("thumbnailItemsContainer",{height:Q})},D("thumbnailItemsContainer")),ae=s.mergeProps({ref:b,className:j("thumbnailItems"),onTransitionEnd:Z,onTouchStart:_,onTouchMove:J,onTouchEnd:L},D("thumbnailItems")),g.createElement("div",te,ee,g.createElement("div",ie,g.createElement("div",ae,$)),ne)),ce=s.mergeProps({className:j("thumbnailWrapper")},D("thumbnailWrapper"));return g.createElement("div",ce,oe)})));function G(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?G(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",M.displayName="GalleriaThumbnails";var W=g.memo(g.forwardRef((function(e,n){var u=g.useContext(t.PrimeReactContext),m=j.getProps(e,u),p=C(g.useState(!1),2),d=p[0],h=p[1],f=C(g.useState(m.numVisible),2),I=f[0],y=f[1],x=C(g.useState(!1),2),w=x[0],P=x[1],O=C(g.useState(m.activeIndex),2),S=O[0],N=O[1],E=g.useRef(null),T=g.useRef(null),D=g.useRef(null),A=m.onItemChange?m.activeIndex:S,R="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=j.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=H.ptm,U=H.cx,B=H.sx,G=H.isUnstyled;i.useHandleStyle(j.css.styles,G,{name:"galleria"}),r.useInterval((function(){W({index:m.circular&&m.value.length-1===A?0:A+1})}),m.transitionInterval,w);var W=function(e){e.index>=m.value.length?$():m.onItemChange?m.onItemChange(e):N(e.index)},X=function(){h(!0)},Z=function(){h(!1)},_=function(){s.DomHandler.blockBodyScroll()},J=function(){s.ZIndexUtils.set("modal",D.current,u&&u.autoZIndex||v.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||v.default.zIndex.modal),!G()&&s.DomHandler.addMultipleClasses(D.current,"p-component-overlay p-component-overlay-enter")},L=function(){m.onShow&&m.onShow()},K=function(){s.DomHandler.unblockBodyScroll(),!G()&&s.DomHandler.addClass(D.current,"p-component-overlay-leave")},Y=function(){s.ZIndexUtils.clear(D.current),m.onHide&&m.onHide()},q=function(){return w},F=function(){P(!0)},$=function(){P(!1)},Q=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&&y(m.value.length)}),[m.value,I]),g.useEffect((function(){y(m.numVisible)}),[m.numVisible]),r.useUnmountEffect((function(){w&&$(),s.ZIndexUtils.clear(D.current)})),g.useImperativeHandle(n,(function(){return{props:m,show:X,hide:Z,isAutoPlayActive:q,startSlideShow:F,stopSlideShow:$,getElement:function(){return E.current},getPreviewContent:function(){return T.current}}}));return s.ObjectUtils.isNotEmpty(m.value)&&function(){var e,n,i,r,p,h,f,v,y,x,P,O,S=(i=m.showThumbnails&&Q("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&Q("p-galleria-indicators",m.indicatorsPosition),p=s.mergeProps({className:U("closeIcon"),"aria-hidden":!0},V("closeIcon")),h=s.IconUtils.getJSXIcon(m.closeIcon||g.createElement(l.TimesIcon,p),z({},p),{props:m}),f=s.mergeProps({type:"button",className:U("closeButton"),"aria-label":t.localeOption("close"),onClick:Z},V("closeButton")),v=m.fullScreen&&g.createElement("button",f,h,g.createElement(c.Ripple,null)),e=s.mergeProps({className:U("header")},V("header")),y=m.header?g.createElement("div",e,m.header):null,n=s.mergeProps({className:U("footer")},V("footer")),x=m.footer?g.createElement("div",n,m.footer):null,P=s.mergeProps({ref:E,id:m.id,className:s.classNames(m.className,U("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:r})),style:m.style},j.getOtherProps(m),V("root")),O=s.mergeProps({className:U("content")},V("content")),g.createElement("div",P,v,y,g.createElement("div",O,g.createElement(k,{hostName:"Galleria",ref:T,value:m.value,activeItemIndex:A,onActiveItemChange:W,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:F,stopSlideShow:$,ptm:V,cx:U}),m.showThumbnails&&g.createElement(M,{hostName:"Galleria",value:m.value,activeItemIndex:A,onActiveItemChange:W,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:R,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:$,isUnstyled:G,ptm:V,cx:U,sx:B})),x));if(m.fullScreen){var N=s.mergeProps({className:U("mask",{visibleState:d})},V("mask")),C=s.mergeProps({classNames:U("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:_,onEntering:J,onEntered:L,onExit:K,onExited:Y},V("transition")),H=g.createElement("div",b({ref:D},N),g.createElement(a.CSSTransition,b({nodeRef:E},C),S));return g.createElement(o.Portal,{element:H})}return S}()})));return W.displayName="Galleria",e.Galleria=W,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);

package/hooks/hooks.cjs.js

@@ -891,7 +891,8 @@ var useStorage = function useStorage(initialValue, key) {
       listener: function listener(event) {
         var area = storage === 'local' ? window.localStorage : window.sessionStorage;
         if (event.storageArea === area && event.key === key) {
-          setStoredValue(event.newValue || undefined);
+          var newValue = event.newValue ? JSON.parse(event.newValue) : undefined;
+          setStoredValue(newValue);
         }
       }
     }),

package/hooks/hooks.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/api");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=u(e),c=r(n);function i(e){if(Array.isArray(e))return e}function a(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,o,c,i=[],a=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){l=!0,u=e}finally{try{if(!a&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(l)throw u}}return i}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function s(){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 d(e,t){return i(e)||a(e,t)||f(e,t)||s()}var p=function(e){var t=o.useRef(void 0);return o.useEffect((function(){t.current=e})),t.current},v=function(e){return o.useEffect((function(){return e}),[])},m=function(e){var n=e.target,r=void 0===n?"document":n,u=e.type,c=e.listener,i=e.options,a=e.when,l=void 0===a||a,f=o.useRef(null),s=o.useRef(null),d=p(c),m=p(i),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||l)&&(f.current=t.DomHandler.getTargetElement(e.target))),!s.current&&f.current&&(s.current=function(e){return c&&c(e)},f.current.addEventListener(u,s.current,i))},g=function(){s.current&&(f.current.removeEventListener(u,s.current,i),s.current=null)};return o.useEffect((function(){l?f.current=t.DomHandler.getTargetElement(r):(g(),f.current=null)}),[r,l]),o.useEffect((function(){!s.current||""+d==""+c&&m===i||(g(),l&&y())}),[c,i,l]),v((function(){g()})),[y,g]},y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=o.useRef(null),u=o.useRef(null),c=o.useCallback((function(){return clearTimeout(r.current)}),[r.current]);return o.useEffect((function(){u.current=e})),o.useEffect((function(){if(n)return r.current=setTimeout((function(){u.current()}),t),c;c()}),[t,n]),v((function(){c()})),[c]},g={ico:"image/x-icon",png:"image/png",svg:"image/svg+xml",gif:"image/gif"};function h(e){return h="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},h(e)}function b(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=b(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=function(e){var r=e.target,u=e.listener,i=e.options,a=e.when,l=void 0===a||a,f=o.useRef(null),s=o.useRef(null),d=o.useRef([]),m=p(i),y=o.useContext(n.PrimeReactContext),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(t.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||l)&&(f.current=t.DomHandler.getTargetElement(e.target))),!s.current&&f.current){var n=d.current=t.DomHandler.getScrollableParents(f.current,y?y.hideOverlaysOnDocumentScrolling:c.default.hideOverlaysOnDocumentScrolling);s.current=function(e){return u&&u(e)},n.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},h=function(){s.current&&(d.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return o.useEffect((function(){l?f.current=t.DomHandler.getTargetElement(r):(h(),f.current=null)}),[r,l]),o.useEffect((function(){!s.current||s.current===u&&m===i||(h(),l&&g())}),[u,i]),v((function(){h()})),[g,h]},D=function(e){var t=e.when;return m({target:"window",type:"resize",listener:e.listener,when:void 0===t||t})},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",r="undefined"!=typeof window,u=d(m({target:"window",type:"storage",listener:function(e){var r="local"===n?window.localStorage:window.sessionStorage;e.storageArea===r&&e.key===t&&f(e.newValue||void 0)}}),2),c=u[0],i=u[1],a=d(o.useState(e),2),l=a[0],f=a[1];return o.useEffect((function(){r||f(e);try{var u="local"===n?window.localStorage.getItem(t):window.sessionStorage.getItem(t);f(u?JSON.parse(u):e)}catch(t){f(e)}return c(),function(){return i()}}),[]),[l,function(e){try{var u=e instanceof Function?e(l):e;if(f(u),r){var o=JSON.stringify(u);"local"===n?window.localStorage.setItem(t,o):window.sessionStorage.setItem(t,o)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}}]},C=0;exports.useClickOutside=function(e,t){var n=function(n){e.current&&!e.current.contains(n.target)&&t(n)},r=d(m({type:"mousedown",listener:n}),2),u=r[0],c=r[1],i=d(m({type:"touchstart",listener:n}),2),a=i[0],l=i[1];return o.useEffect((function(){if(e.current)return u(),a(),function(){c(),l()}})),[e,t]},exports.useCounter=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},t=d(o.useState(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0),2),n=t[0],r=t[1];return{count:n,increment:function(){e.max&&n>=e.max||r(n+e.step)},decrement:function(){if(e.min||0===e.min&&n<=e.min)return null;r(n-e.step)},reset:function(){r(0)}}},exports.useDebounce=function(e,t){var n=d(o.useState(e),2),r=n[0],u=n[1],c=d(o.useState(e),2),i=c[0],a=c[1];return y((function(){a(r)}),t,r!==i),[r,i,u]},exports.useEventListener=m,exports.useFavicon=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"shortcut icon";o.useLayoutEffect((function(){if(e){document.querySelectorAll("link[rel*='icon']").forEach((function(e){document.head.removeChild(e)}));var n=document.createElement("link");n.setAttribute("type",g[e.split(".").pop()]),n.setAttribute("rel",t),n.setAttribute("href",e),document.head.appendChild(n)}}),[e,t])},exports.useIntersectionObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=d(o.useState(!1),2),r=n[0],u=n[1];return o.useEffect((function(){if(e.current){var n=new IntersectionObserver((function(e){var t=d(e,1);u(t[0].isIntersecting)}),t);return n.observe(e.current),function(){n.disconnect()}}}),[t,e]),r},exports.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=o.useRef(null),u=o.useRef(null),c=o.useCallback((function(){return clearInterval(r.current)}),[r.current]);return o.useEffect((function(){u.current=e})),o.useEffect((function(){if(n)return r.current=setInterval((function(){u.current()}),t),c;c()}),[t,n]),v((function(){c()})),[c]},exports.useLocalStorage=function(e,t){return R(e,t,"local")},exports.useMatchMedia=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=d(o.useState(!1),2),r=n[0],u=n[1],c=o.useRef(null),i=function(e){return u(e.matches)},a=function(){return c.current&&c.current.removeEventListener("change",i)&&(c.current=null)};return o.useEffect((function(){return t&&(c.current=window.matchMedia(e),u(c.current.matches),c.current&&c.current.addEventListener("change",i)),a}),[e,t]),r},exports.useMountEffect=function(e){return o.useEffect(e,[])},exports.useMouse=function(){var e=d(o.useState({x:0,y:0}),2),t=e[0],n=e[1],r=o.useRef(null),u=o.useCallback((function(e){var t,u;if(r.current){var o=e.currentTarget.getBoundingClientRect();t=e.pageX-o.left-(window.pageXOffset||window.scrollX),u=e.pageY-o.top-(window.pageYOffset||window.scrollY)}else t=e.clientX,u=e.clientY;n({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(u))})}),[]),c=d(m({target:r,type:"mousemove",listener:u}),2),i=c[0],a=c[1],l=d(m({type:"mousemove",listener:u}),2),f=l[0],s=l[1];return o.useEffect((function(){return i(),r.current||f(),function(){a(),r.current||s()}}),[f,i,s,a]),x(x({ref:r},t),{},{reset:function(){return n({x:0,y:0})}})},exports.useMove=function(e){var t=e.mode,n=void 0===t?"both":t,r=e.initialValue,u=void 0===r?{x:0,y:0}:r,c=d(o.useState(u),2),i=c[0],a=c[1],l=d(o.useState(!1),2),f=l[0],s=l[1],p=o.useRef(!1),v=o.useRef(!1),y=o.useRef(null),g=function(e){return B({x:e.clientX,y:e.clientY})},h=function(e){var t=e.clampedX,r=e.clampedY;"vertical"===n?a({y:1-r}):"horizontal"===n?a({x:t}):"both"===n&&a({x:t,y:r})},b=function(){v.current&&p.current&&(v.current=!1,s(!1),U())},w=function(e){e.cancelable&&e.preventDefault(),B({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},O=d(m({type:"mousemove",listener:g}),2),E=O[0],x=O[1],S=d(m({type:"mouseup",listener:b}),2),P=S[0],D=S[1],R=d(m({type:"touchmove",listener:w}),2),C=R[0],I=R[1],k=d(m({type:"touchend",listener:b}),2),M=k[0],T=k[1],L=d(m({target:y,type:"mousedown",listener:function(e){_(),e.preventDefault(),g(e)}}),2),A=L[0],H=L[1],X=d(m({target:y,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),_(),w(e)},options:{passive:!1}}),2),Y=X[0],N=X[1],z=function(e,t,n){return Math.min(Math.max(e,t),n)},q=function(e){var t=e.y;return{clampedX:z(e.x,0,1),clampedY:z(t,0,1)}},U=function(){x(),D(),I(),T()};o.useEffect((function(){p.current=!0}),[]);var _=function(){!v.current&&p.current&&(v.current=!0,s(!0),E(),P(),C(),M())},B=function(e){var t=e.x,n=e.y;if(v.current){var r=y.current.getBoundingClientRect(),u=q({x:(t-r.left)/r.width,y:(n-r.top)/r.height});h({clampedX:u.clampedX,clampedY:u.clampedY})}};return o.useEffect((function(){return y.current&&(A(),Y()),function(){y.current&&(H(),N())}}),[A,Y,i,H,N]),j(j({ref:y},i),{},{active:f,reset:function(){a(u)}})},exports.useOnEscapeKey=function(e,t,n){var r=d(m({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),n(e))}}),2),u=r[0],c=r[1];return o.useEffect((function(){if(t&&e.current)return u(),function(){c()}})),[e,n]},exports.useOverlayListener=function(e){var n=e.target,r=e.overlay,u=e.listener,c=e.when,i=void 0===c||c,a=o.useRef(null),l=o.useRef(null),f=d(m({target:"window",type:"click",listener:function(e){u&&u(e,{type:"outside",valid:3!==e.which&&I(e)})}}),2),s=f[0],p=f[1],y=d(D({target:"window",listener:function(e){u&&u(e,{type:"resize",valid:!t.DomHandler.isTouchDevice()})}}),2),g=y[0],h=y[1],b=d(m({target:"window",type:"orientationchange",listener:function(e){u&&u(e,{type:"orientationchange",valid:!0})}}),2),w=b[0],O=b[1],E=d(m({target:"window",type:"scroll",listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),x=E[0],S=E[1],j=d(P({target:n,listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),R=j[0],C=j[1],I=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||l.current&&l.current.contains(e.target))},k=function(){p(),h(),O(),S(),C()};return o.useEffect((function(){i?(a.current=t.DomHandler.getTargetElement(n),l.current=t.DomHandler.getTargetElement(r)):(k(),a.current=l.current=null)}),[n,r,i]),o.useEffect((function(){k()}),[i]),v((function(){k()})),[function(){s(),g(),w(),x(),R()},k]},exports.useOverlayScrollListener=P,exports.usePrevious=p,exports.useResizeListener=D,exports.useSessionStorage=function(e,t){return R(e,t,"session")},exports.useStorage=R,exports.useStyle=function(r){var u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=d(e.useState(!1),2),i=o[0],a=o[1],l=e.useRef(null),f=e.useContext(n.PrimeReactContext),s=t.DomHandler.isClient()?window.document:void 0,p=u.document,v=void 0===p?s:p,m=u.manual,y=void 0!==m&&m,g=u.name,h=void 0===g?"style_".concat(++C):g,b=u.id,w=void 0===b?void 0:b,O=u.media,E=void 0===O?void 0:O,x=function(){v&&(l.current=v.querySelector('style[data-primereact-style-id="'.concat(h,'"]'))||v.getElementById(w)||v.createElement("style"),l.current.isConnected||(l.current.type="text/css",w&&(l.current.id=w),E&&(l.current.media=E),t.DomHandler.addNonce(l.current,f&&f.nonce||c.default.nonce),v.head.appendChild(l.current),h&&l.current.setAttribute("data-primereact-style-id",h)),i||(l.current.textContent=r,a(!0)))};return e.useEffect((function(){y||x()}),[]),{id:w,name:h,update:function(e){i&&r!==e&&(l.current.textContent=e)},unload:function(){v&&l.current&&(t.DomHandler.removeInlineStyle(l.current),a(!1))},load:x,isLoaded:i}},exports.useTimeout=y,exports.useUnmountEffect=v,exports.useUpdateEffect=function(e,t){var n=o.useRef(!1);return o.useEffect((function(){if(n.current)return e&&e();n.current=!0}),t)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/api");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=u(e),c=r(n);function i(e){if(Array.isArray(e))return e}function a(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,o,c,i=[],a=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){l=!0,u=e}finally{try{if(!a&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(l)throw u}}return i}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function s(){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 d(e,t){return i(e)||a(e,t)||f(e,t)||s()}var p=function(e){var t=o.useRef(void 0);return o.useEffect((function(){t.current=e})),t.current},v=function(e){return o.useEffect((function(){return e}),[])},m=function(e){var n=e.target,r=void 0===n?"document":n,u=e.type,c=e.listener,i=e.options,a=e.when,l=void 0===a||a,f=o.useRef(null),s=o.useRef(null),d=p(c),m=p(i),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||l)&&(f.current=t.DomHandler.getTargetElement(e.target))),!s.current&&f.current&&(s.current=function(e){return c&&c(e)},f.current.addEventListener(u,s.current,i))},g=function(){s.current&&(f.current.removeEventListener(u,s.current,i),s.current=null)};return o.useEffect((function(){l?f.current=t.DomHandler.getTargetElement(r):(g(),f.current=null)}),[r,l]),o.useEffect((function(){!s.current||""+d==""+c&&m===i||(g(),l&&y())}),[c,i,l]),v((function(){g()})),[y,g]},y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=o.useRef(null),u=o.useRef(null),c=o.useCallback((function(){return clearTimeout(r.current)}),[r.current]);return o.useEffect((function(){u.current=e})),o.useEffect((function(){if(n)return r.current=setTimeout((function(){u.current()}),t),c;c()}),[t,n]),v((function(){c()})),[c]},g={ico:"image/x-icon",png:"image/png",svg:"image/svg+xml",gif:"image/gif"};function h(e){return h="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},h(e)}function b(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=b(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=function(e){var r=e.target,u=e.listener,i=e.options,a=e.when,l=void 0===a||a,f=o.useRef(null),s=o.useRef(null),d=o.useRef([]),m=p(i),y=o.useContext(n.PrimeReactContext),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(t.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||l)&&(f.current=t.DomHandler.getTargetElement(e.target))),!s.current&&f.current){var n=d.current=t.DomHandler.getScrollableParents(f.current,y?y.hideOverlaysOnDocumentScrolling:c.default.hideOverlaysOnDocumentScrolling);s.current=function(e){return u&&u(e)},n.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},h=function(){s.current&&(d.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return o.useEffect((function(){l?f.current=t.DomHandler.getTargetElement(r):(h(),f.current=null)}),[r,l]),o.useEffect((function(){!s.current||s.current===u&&m===i||(h(),l&&g())}),[u,i]),v((function(){h()})),[g,h]},D=function(e){var t=e.when;return m({target:"window",type:"resize",listener:e.listener,when:void 0===t||t})},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",r="undefined"!=typeof window,u=d(m({target:"window",type:"storage",listener:function(e){var r="local"===n?window.localStorage:window.sessionStorage;if(e.storageArea===r&&e.key===t){var u=e.newValue?JSON.parse(e.newValue):void 0;f(u)}}}),2),c=u[0],i=u[1],a=d(o.useState(e),2),l=a[0],f=a[1];return o.useEffect((function(){r||f(e);try{var u="local"===n?window.localStorage.getItem(t):window.sessionStorage.getItem(t);f(u?JSON.parse(u):e)}catch(t){f(e)}return c(),function(){return i()}}),[]),[l,function(e){try{var u=e instanceof Function?e(l):e;if(f(u),r){var o=JSON.stringify(u);"local"===n?window.localStorage.setItem(t,o):window.sessionStorage.setItem(t,o)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}}]},C=0;exports.useClickOutside=function(e,t){var n=function(n){e.current&&!e.current.contains(n.target)&&t(n)},r=d(m({type:"mousedown",listener:n}),2),u=r[0],c=r[1],i=d(m({type:"touchstart",listener:n}),2),a=i[0],l=i[1];return o.useEffect((function(){if(e.current)return u(),a(),function(){c(),l()}})),[e,t]},exports.useCounter=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},t=d(o.useState(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0),2),n=t[0],r=t[1];return{count:n,increment:function(){e.max&&n>=e.max||r(n+e.step)},decrement:function(){if(e.min||0===e.min&&n<=e.min)return null;r(n-e.step)},reset:function(){r(0)}}},exports.useDebounce=function(e,t){var n=d(o.useState(e),2),r=n[0],u=n[1],c=d(o.useState(e),2),i=c[0],a=c[1];return y((function(){a(r)}),t,r!==i),[r,i,u]},exports.useEventListener=m,exports.useFavicon=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"shortcut icon";o.useLayoutEffect((function(){if(e){document.querySelectorAll("link[rel*='icon']").forEach((function(e){document.head.removeChild(e)}));var n=document.createElement("link");n.setAttribute("type",g[e.split(".").pop()]),n.setAttribute("rel",t),n.setAttribute("href",e),document.head.appendChild(n)}}),[e,t])},exports.useIntersectionObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=d(o.useState(!1),2),r=n[0],u=n[1];return o.useEffect((function(){if(e.current){var n=new IntersectionObserver((function(e){var t=d(e,1);u(t[0].isIntersecting)}),t);return n.observe(e.current),function(){n.disconnect()}}}),[t,e]),r},exports.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=o.useRef(null),u=o.useRef(null),c=o.useCallback((function(){return clearInterval(r.current)}),[r.current]);return o.useEffect((function(){u.current=e})),o.useEffect((function(){if(n)return r.current=setInterval((function(){u.current()}),t),c;c()}),[t,n]),v((function(){c()})),[c]},exports.useLocalStorage=function(e,t){return R(e,t,"local")},exports.useMatchMedia=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=d(o.useState(!1),2),r=n[0],u=n[1],c=o.useRef(null),i=function(e){return u(e.matches)},a=function(){return c.current&&c.current.removeEventListener("change",i)&&(c.current=null)};return o.useEffect((function(){return t&&(c.current=window.matchMedia(e),u(c.current.matches),c.current&&c.current.addEventListener("change",i)),a}),[e,t]),r},exports.useMountEffect=function(e){return o.useEffect(e,[])},exports.useMouse=function(){var e=d(o.useState({x:0,y:0}),2),t=e[0],n=e[1],r=o.useRef(null),u=o.useCallback((function(e){var t,u;if(r.current){var o=e.currentTarget.getBoundingClientRect();t=e.pageX-o.left-(window.pageXOffset||window.scrollX),u=e.pageY-o.top-(window.pageYOffset||window.scrollY)}else t=e.clientX,u=e.clientY;n({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(u))})}),[]),c=d(m({target:r,type:"mousemove",listener:u}),2),i=c[0],a=c[1],l=d(m({type:"mousemove",listener:u}),2),f=l[0],s=l[1];return o.useEffect((function(){return i(),r.current||f(),function(){a(),r.current||s()}}),[f,i,s,a]),x(x({ref:r},t),{},{reset:function(){return n({x:0,y:0})}})},exports.useMove=function(e){var t=e.mode,n=void 0===t?"both":t,r=e.initialValue,u=void 0===r?{x:0,y:0}:r,c=d(o.useState(u),2),i=c[0],a=c[1],l=d(o.useState(!1),2),f=l[0],s=l[1],p=o.useRef(!1),v=o.useRef(!1),y=o.useRef(null),g=function(e){return B({x:e.clientX,y:e.clientY})},h=function(e){var t=e.clampedX,r=e.clampedY;"vertical"===n?a({y:1-r}):"horizontal"===n?a({x:t}):"both"===n&&a({x:t,y:r})},b=function(){v.current&&p.current&&(v.current=!1,s(!1),U())},w=function(e){e.cancelable&&e.preventDefault(),B({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},O=d(m({type:"mousemove",listener:g}),2),E=O[0],x=O[1],S=d(m({type:"mouseup",listener:b}),2),P=S[0],D=S[1],R=d(m({type:"touchmove",listener:w}),2),C=R[0],I=R[1],k=d(m({type:"touchend",listener:b}),2),M=k[0],T=k[1],L=d(m({target:y,type:"mousedown",listener:function(e){_(),e.preventDefault(),g(e)}}),2),A=L[0],H=L[1],X=d(m({target:y,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),_(),w(e)},options:{passive:!1}}),2),Y=X[0],N=X[1],z=function(e,t,n){return Math.min(Math.max(e,t),n)},q=function(e){var t=e.y;return{clampedX:z(e.x,0,1),clampedY:z(t,0,1)}},U=function(){x(),D(),I(),T()};o.useEffect((function(){p.current=!0}),[]);var _=function(){!v.current&&p.current&&(v.current=!0,s(!0),E(),P(),C(),M())},B=function(e){var t=e.x,n=e.y;if(v.current){var r=y.current.getBoundingClientRect(),u=q({x:(t-r.left)/r.width,y:(n-r.top)/r.height});h({clampedX:u.clampedX,clampedY:u.clampedY})}};return o.useEffect((function(){return y.current&&(A(),Y()),function(){y.current&&(H(),N())}}),[A,Y,i,H,N]),j(j({ref:y},i),{},{active:f,reset:function(){a(u)}})},exports.useOnEscapeKey=function(e,t,n){var r=d(m({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),n(e))}}),2),u=r[0],c=r[1];return o.useEffect((function(){if(t&&e.current)return u(),function(){c()}})),[e,n]},exports.useOverlayListener=function(e){var n=e.target,r=e.overlay,u=e.listener,c=e.when,i=void 0===c||c,a=o.useRef(null),l=o.useRef(null),f=d(m({target:"window",type:"click",listener:function(e){u&&u(e,{type:"outside",valid:3!==e.which&&I(e)})}}),2),s=f[0],p=f[1],y=d(D({target:"window",listener:function(e){u&&u(e,{type:"resize",valid:!t.DomHandler.isTouchDevice()})}}),2),g=y[0],h=y[1],b=d(m({target:"window",type:"orientationchange",listener:function(e){u&&u(e,{type:"orientationchange",valid:!0})}}),2),w=b[0],O=b[1],E=d(m({target:"window",type:"scroll",listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),x=E[0],S=E[1],j=d(P({target:n,listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),R=j[0],C=j[1],I=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||l.current&&l.current.contains(e.target))},k=function(){p(),h(),O(),S(),C()};return o.useEffect((function(){i?(a.current=t.DomHandler.getTargetElement(n),l.current=t.DomHandler.getTargetElement(r)):(k(),a.current=l.current=null)}),[n,r,i]),o.useEffect((function(){k()}),[i]),v((function(){k()})),[function(){s(),g(),w(),x(),R()},k]},exports.useOverlayScrollListener=P,exports.usePrevious=p,exports.useResizeListener=D,exports.useSessionStorage=function(e,t){return R(e,t,"session")},exports.useStorage=R,exports.useStyle=function(r){var u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=d(e.useState(!1),2),i=o[0],a=o[1],l=e.useRef(null),f=e.useContext(n.PrimeReactContext),s=t.DomHandler.isClient()?window.document:void 0,p=u.document,v=void 0===p?s:p,m=u.manual,y=void 0!==m&&m,g=u.name,h=void 0===g?"style_".concat(++C):g,b=u.id,w=void 0===b?void 0:b,O=u.media,E=void 0===O?void 0:O,x=function(){v&&(l.current=v.querySelector('style[data-primereact-style-id="'.concat(h,'"]'))||v.getElementById(w)||v.createElement("style"),l.current.isConnected||(l.current.type="text/css",w&&(l.current.id=w),E&&(l.current.media=E),t.DomHandler.addNonce(l.current,f&&f.nonce||c.default.nonce),v.head.appendChild(l.current),h&&l.current.setAttribute("data-primereact-style-id",h)),i||(l.current.textContent=r,a(!0)))};return e.useEffect((function(){y||x()}),[]),{id:w,name:h,update:function(e){i&&r!==e&&(l.current.textContent=e)},unload:function(){v&&l.current&&(t.DomHandler.removeInlineStyle(l.current),a(!1))},load:x,isLoaded:i}},exports.useTimeout=y,exports.useUnmountEffect=v,exports.useUpdateEffect=function(e,t){var n=o.useRef(!1);return o.useEffect((function(){if(n.current)return e&&e();n.current=!0}),t)};

package/hooks/hooks.d.ts

@@ -248,7 +248,7 @@ export declare function useCounter(initialValue: number, options: { min: number;
  * @param {*} initialValue - The initial value for debounce.
  * @param {number} delay - The delay in milliseconds.
  */
-export declare function useDebounce(initialValue: any, delay: number): any[];
+export declare function useDebounce<S>(initialValue: S, delay: number): [S, React.Dispatch<React.SetStateAction<S>>];
 /**
  * Custom hook to use to get the current mouse position.
  */

package/hooks/hooks.esm.js

@@ -865,7 +865,8 @@ var useStorage = function useStorage(initialValue, key) {
       listener: function listener(event) {
         var area = storage === 'local' ? window.localStorage : window.sessionStorage;
         if (event.storageArea === area && event.key === key) {
-          setStoredValue(event.newValue || undefined);
+          var newValue = event.newValue ? JSON.parse(event.newValue) : undefined;
+          setStoredValue(newValue);
         }
       }
     }),

package/hooks/hooks.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useState as t,useRef as n,useContext as r,useEffect as u}from"react";import{DomHandler as c,ObjectUtils as o}from"primereact/utils";import i,{PrimeReactContext as a}from"primereact/api";function f(e){if(Array.isArray(e))return e}function l(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,c,o,i=[],a=!0,f=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){f=!0,u=e}finally{try{if(!a&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(f)throw u}}return i}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function v(){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 p(e,t){return f(e)||l(e,t)||d(e,t)||v()}var m=function(t){var n=e.useRef(void 0);return e.useEffect((function(){n.current=t})),n.current},g=function(t){return e.useEffect((function(){return t}),[])},y=function(t){var n=t.target,r=void 0===n?"document":n,u=t.type,i=t.listener,a=t.options,f=t.when,l=void 0===f||f,s=e.useRef(null),d=e.useRef(null),v=m(i),p=m(a),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};o.isNotEmpty(e.target)&&(h(),(e.when||l)&&(s.current=c.getTargetElement(e.target))),!d.current&&s.current&&(d.current=function(e){return i&&i(e)},s.current.addEventListener(u,d.current,a))},h=function(){d.current&&(s.current.removeEventListener(u,d.current,a),d.current=null)};return e.useEffect((function(){l?s.current=c.getTargetElement(r):(h(),s.current=null)}),[r,l]),e.useEffect((function(){!d.current||""+v==""+i&&p===a||(h(),l&&y())}),[i,a,l]),g((function(){h()})),[y,h]},h=function(t,n){var r=function(e){t.current&&!t.current.contains(e.target)&&n(e)},u=p(y({type:"mousedown",listener:r}),2),c=u[0],o=u[1],i=p(y({type:"touchstart",listener:r}),2),a=i[0],f=i[1];return e.useEffect((function(){if(t.current)return c(),a(),function(){o(),f()}})),[t,n]},w=function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},n=p(e.useState(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0),2),r=n[0],u=n[1];return{count:r,increment:function(){t.max&&r>=t.max||u(r+t.step)},decrement:function(){if(t.min||0===t.min&&r<=t.min)return null;u(r-t.step)},reset:function(){u(0)}}},b=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=e.useRef(null),c=e.useRef(null),o=e.useCallback((function(){return clearTimeout(u.current)}),[u.current]);return e.useEffect((function(){c.current=t})),e.useEffect((function(){if(r)return u.current=setTimeout((function(){c.current()}),n),o;o()}),[n,r]),g((function(){o()})),[o]},E=function(t,n){var r=p(e.useState(t),2),u=r[0],c=r[1],o=p(e.useState(t),2),i=o[0],a=o[1];return b((function(){a(u)}),n,u!==i),[u,i,c]},O={ico:"image/x-icon",png:"image/png",svg:"image/svg+xml",gif:"image/gif"},S=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"shortcut icon";e.useLayoutEffect((function(){if(t){document.querySelectorAll("link[rel*='icon']").forEach((function(e){document.head.removeChild(e)}));var e=document.createElement("link");e.setAttribute("type",O[t.split(".").pop()]),e.setAttribute("rel",n),e.setAttribute("href",t),document.head.appendChild(e)}}),[t,n])},j=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=p(e.useState(!1),2),u=r[0],c=r[1];return e.useEffect((function(){if(t.current){var e=new IntersectionObserver((function(e){var t=p(e,1);c(t[0].isIntersecting)}),n);return e.observe(t.current),function(){e.disconnect()}}}),[n,t]),u},x=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=e.useRef(null),c=e.useRef(null),o=e.useCallback((function(){return clearInterval(u.current)}),[u.current]);return e.useEffect((function(){c.current=t})),e.useEffect((function(){if(r)return u.current=setInterval((function(){c.current()}),n),o;o()}),[n,r]),g((function(){o()})),[o]},P=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=p(e.useState(!1),2),u=r[0],c=r[1],o=e.useRef(null),i=function(e){return c(e.matches)},a=function(){return o.current&&o.current.removeEventListener("change",i)&&(o.current=null)};return e.useEffect((function(){return n&&(o.current=window.matchMedia(t),c(o.current.matches),o.current&&o.current.addEventListener("change",i)),a}),[t,n]),u},R=function(t){return e.useEffect(t,[])};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 D(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=D(e,"string");return"symbol"===C(t)?t:String(t)}function T(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=function(){var t=p(e.useState({x:0,y:0}),2),n=t[0],r=t[1],u=e.useRef(null),c=e.useCallback((function(e){var t,n;if(u.current){var c=e.currentTarget.getBoundingClientRect();t=e.pageX-c.left-(window.pageXOffset||window.scrollX),n=e.pageY-c.top-(window.pageYOffset||window.scrollY)}else t=e.clientX,n=e.clientY;r({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(n))})}),[]),o=p(y({target:u,type:"mousemove",listener:c}),2),i=o[0],a=o[1],f=p(y({type:"mousemove",listener:c}),2),l=f[0],s=f[1];return e.useEffect((function(){return i(),u.current||l(),function(){a(),u.current||s()}}),[l,i,s,a]),A(A({ref:u},n),{},{reset:function(){return r({x:0,y:0})}})};function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(t){var n=t.mode,r=void 0===n?"both":n,u=t.initialValue,c=void 0===u?{x:0,y:0}:u,o=p(e.useState(c),2),i=o[0],a=o[1],f=p(e.useState(!1),2),l=f[0],s=f[1],d=e.useRef(!1),v=e.useRef(!1),m=e.useRef(null),g=function(e){return V({x:e.clientX,y:e.clientY})},h=function(e){var t=e.clampedX,n=e.clampedY;"vertical"===r?a({y:1-n}):"horizontal"===r?a({x:t}):"both"===r&&a({x:t,y:n})},w=function(){v.current&&d.current&&(v.current=!1,s(!1),F())},b=function(e){e.cancelable&&e.preventDefault(),V({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},E=p(y({type:"mousemove",listener:g}),2),O=E[0],S=E[1],j=p(y({type:"mouseup",listener:w}),2),x=j[0],P=j[1],R=p(y({type:"touchmove",listener:b}),2),C=R[0],D=R[1],I=p(y({type:"touchend",listener:w}),2),T=I[0],k=I[1],A=p(y({target:m,type:"mousedown",listener:function(e){J(),e.preventDefault(),g(e)}}),2),X=A[0],Y=A[1],M=p(y({target:m,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),J(),b(e)},options:{passive:!1}}),2),N=M[0],z=M[1],B=function(e,t,n){return Math.min(Math.max(e,t),n)},q=function(e){var t=e.y;return{clampedX:B(e.x,0,1),clampedY:B(t,0,1)}},F=function(){S(),P(),D(),k()};e.useEffect((function(){d.current=!0}),[]);var J=function(){!v.current&&d.current&&(v.current=!0,s(!0),O(),x(),C(),T())},V=function(e){var t=e.x,n=e.y;if(v.current){var r=m.current.getBoundingClientRect(),u=q({x:(t-r.left)/r.width,y:(n-r.top)/r.height});h({clampedX:u.clampedX,clampedY:u.clampedY})}};return e.useEffect((function(){return m.current&&(X(),N()),function(){m.current&&(Y(),z())}}),[X,N,i,Y,z]),L(L({ref:m},i),{},{active:l,reset:function(){a(c)}})}var N=function(t){var n=t.target,r=t.listener,u=t.options,f=t.when,l=void 0===f||f,s=e.useRef(null),d=e.useRef(null),v=e.useRef([]),p=m(u),y=e.useContext(a),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(o.isNotEmpty(e.target)&&(w(),(e.when||l)&&(s.current=c.getTargetElement(e.target))),!d.current&&s.current){var t=v.current=c.getScrollableParents(s.current,y?y.hideOverlaysOnDocumentScrolling:i.hideOverlaysOnDocumentScrolling);d.current=function(e){return r&&r(e)},t.forEach((function(e){return e.addEventListener("scroll",d.current,u)}))}},w=function(){d.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",d.current,u)})),d.current=null)};return e.useEffect((function(){l?s.current=c.getTargetElement(n):(w(),s.current=null)}),[n,l]),e.useEffect((function(){!d.current||d.current===r&&p===u||(w(),l&&h())}),[r,u]),g((function(){w()})),[h,w]},z=function(e){var t=e.when;return y({target:"window",type:"resize",listener:e.listener,when:void 0===t||t})},B=function(t){var n=t.target,r=t.overlay,u=t.listener,o=t.when,i=void 0===o||o,a=e.useRef(null),f=e.useRef(null),l=p(y({target:"window",type:"click",listener:function(e){u&&u(e,{type:"outside",valid:3!==e.which&&C(e)})}}),2),s=l[0],d=l[1],v=p(z({target:"window",listener:function(e){u&&u(e,{type:"resize",valid:!c.isTouchDevice()})}}),2),m=v[0],h=v[1],w=p(y({target:"window",type:"orientationchange",listener:function(e){u&&u(e,{type:"orientationchange",valid:!0})}}),2),b=w[0],E=w[1],O=p(y({target:"window",type:"scroll",listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),S=O[0],j=O[1],x=p(N({target:n,listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),P=x[0],R=x[1],C=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||f.current&&f.current.contains(e.target))},D=function(){d(),h(),E(),j(),R()};return e.useEffect((function(){i?(a.current=c.getTargetElement(n),f.current=c.getTargetElement(r)):(D(),a.current=f.current=null)}),[n,r,i]),e.useEffect((function(){D()}),[i]),g((function(){D()})),[function(){s(),m(),b(),S(),P()},D]},q=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",u="undefined"!=typeof window,c=p(y({target:"window",type:"storage",listener:function(e){var t="local"===r?window.localStorage:window.sessionStorage;e.storageArea===t&&e.key===n&&l(e.newValue||void 0)}}),2),o=c[0],i=c[1],a=p(e.useState(t),2),f=a[0],l=a[1];return e.useEffect((function(){u||l(t);try{var e="local"===r?window.localStorage.getItem(n):window.sessionStorage.getItem(n);l(e?JSON.parse(e):t)}catch(e){l(t)}return o(),function(){return i()}}),[]),[f,function(e){try{var t=e instanceof Function?e(f):e;if(l(t),u){var c=JSON.stringify(t);"local"===r?window.localStorage.setItem(n,c):window.sessionStorage.setItem(n,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(n))}}]},F=function(e,t){return q(e,t,"local")},J=function(e,t){return q(e,t,"session")},V=function(t,n){var r=e.useRef(!1);return e.useEffect((function(){if(r.current)return t&&t();r.current=!0}),n)},U=0,$=function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},f=p(t(!1),2),l=f[0],s=f[1],d=n(null),v=r(a),m=c.isClient()?window.document:void 0,g=o.document,y=void 0===g?m:g,h=o.manual,w=void 0!==h&&h,b=o.name,E=void 0===b?"style_".concat(++U):b,O=o.id,S=void 0===O?void 0:O,j=o.media,x=void 0===j?void 0:j,P=function(){y&&(d.current=y.querySelector('style[data-primereact-style-id="'.concat(E,'"]'))||y.getElementById(S)||y.createElement("style"),d.current.isConnected||(d.current.type="text/css",S&&(d.current.id=S),x&&(d.current.media=x),c.addNonce(d.current,v&&v.nonce||i.nonce),y.head.appendChild(d.current),E&&d.current.setAttribute("data-primereact-style-id",E)),l||(d.current.textContent=e,s(!0)))};return u((function(){w||P()}),[]),{id:S,name:E,update:function(t){l&&e!==t&&(d.current.textContent=t)},unload:function(){y&&d.current&&(c.removeInlineStyle(d.current),s(!1))},load:P,isLoaded:l}},_=function(t,n,r){var u=p(y({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),c=u[0],o=u[1];return e.useEffect((function(){if(n&&t.current)return c(),function(){o()}})),[t,r]};export{h as useClickOutside,w as useCounter,E as useDebounce,y as useEventListener,S as useFavicon,j as useIntersectionObserver,x as useInterval,F as useLocalStorage,P as useMatchMedia,R as useMountEffect,X as useMouse,M as useMove,_ as useOnEscapeKey,B as useOverlayListener,N as useOverlayScrollListener,m as usePrevious,z as useResizeListener,J as useSessionStorage,q as useStorage,$ as useStyle,b as useTimeout,g as useUnmountEffect,V as useUpdateEffect};
+import*as e from"react";import{useState as t,useRef as n,useContext as r,useEffect as u}from"react";import{DomHandler as c,ObjectUtils as o}from"primereact/utils";import i,{PrimeReactContext as a}from"primereact/api";function f(e){if(Array.isArray(e))return e}function l(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,c,o,i=[],a=!0,f=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){f=!0,u=e}finally{try{if(!a&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(f)throw u}}return i}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function v(){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 p(e,t){return f(e)||l(e,t)||d(e,t)||v()}var m=function(t){var n=e.useRef(void 0);return e.useEffect((function(){n.current=t})),n.current},g=function(t){return e.useEffect((function(){return t}),[])},y=function(t){var n=t.target,r=void 0===n?"document":n,u=t.type,i=t.listener,a=t.options,f=t.when,l=void 0===f||f,s=e.useRef(null),d=e.useRef(null),v=m(i),p=m(a),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};o.isNotEmpty(e.target)&&(h(),(e.when||l)&&(s.current=c.getTargetElement(e.target))),!d.current&&s.current&&(d.current=function(e){return i&&i(e)},s.current.addEventListener(u,d.current,a))},h=function(){d.current&&(s.current.removeEventListener(u,d.current,a),d.current=null)};return e.useEffect((function(){l?s.current=c.getTargetElement(r):(h(),s.current=null)}),[r,l]),e.useEffect((function(){!d.current||""+v==""+i&&p===a||(h(),l&&y())}),[i,a,l]),g((function(){h()})),[y,h]},h=function(t,n){var r=function(e){t.current&&!t.current.contains(e.target)&&n(e)},u=p(y({type:"mousedown",listener:r}),2),c=u[0],o=u[1],i=p(y({type:"touchstart",listener:r}),2),a=i[0],f=i[1];return e.useEffect((function(){if(t.current)return c(),a(),function(){o(),f()}})),[t,n]},w=function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},n=p(e.useState(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0),2),r=n[0],u=n[1];return{count:r,increment:function(){t.max&&r>=t.max||u(r+t.step)},decrement:function(){if(t.min||0===t.min&&r<=t.min)return null;u(r-t.step)},reset:function(){u(0)}}},b=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=e.useRef(null),c=e.useRef(null),o=e.useCallback((function(){return clearTimeout(u.current)}),[u.current]);return e.useEffect((function(){c.current=t})),e.useEffect((function(){if(r)return u.current=setTimeout((function(){c.current()}),n),o;o()}),[n,r]),g((function(){o()})),[o]},E=function(t,n){var r=p(e.useState(t),2),u=r[0],c=r[1],o=p(e.useState(t),2),i=o[0],a=o[1];return b((function(){a(u)}),n,u!==i),[u,i,c]},O={ico:"image/x-icon",png:"image/png",svg:"image/svg+xml",gif:"image/gif"},S=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"shortcut icon";e.useLayoutEffect((function(){if(t){document.querySelectorAll("link[rel*='icon']").forEach((function(e){document.head.removeChild(e)}));var e=document.createElement("link");e.setAttribute("type",O[t.split(".").pop()]),e.setAttribute("rel",n),e.setAttribute("href",t),document.head.appendChild(e)}}),[t,n])},j=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=p(e.useState(!1),2),u=r[0],c=r[1];return e.useEffect((function(){if(t.current){var e=new IntersectionObserver((function(e){var t=p(e,1);c(t[0].isIntersecting)}),n);return e.observe(t.current),function(){e.disconnect()}}}),[n,t]),u},x=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=e.useRef(null),c=e.useRef(null),o=e.useCallback((function(){return clearInterval(u.current)}),[u.current]);return e.useEffect((function(){c.current=t})),e.useEffect((function(){if(r)return u.current=setInterval((function(){c.current()}),n),o;o()}),[n,r]),g((function(){o()})),[o]},P=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=p(e.useState(!1),2),u=r[0],c=r[1],o=e.useRef(null),i=function(e){return c(e.matches)},a=function(){return o.current&&o.current.removeEventListener("change",i)&&(o.current=null)};return e.useEffect((function(){return n&&(o.current=window.matchMedia(t),c(o.current.matches),o.current&&o.current.addEventListener("change",i)),a}),[t,n]),u},R=function(t){return e.useEffect(t,[])};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 D(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=D(e,"string");return"symbol"===C(t)?t:String(t)}function T(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=function(){var t=p(e.useState({x:0,y:0}),2),n=t[0],r=t[1],u=e.useRef(null),c=e.useCallback((function(e){var t,n;if(u.current){var c=e.currentTarget.getBoundingClientRect();t=e.pageX-c.left-(window.pageXOffset||window.scrollX),n=e.pageY-c.top-(window.pageYOffset||window.scrollY)}else t=e.clientX,n=e.clientY;r({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(n))})}),[]),o=p(y({target:u,type:"mousemove",listener:c}),2),i=o[0],a=o[1],f=p(y({type:"mousemove",listener:c}),2),l=f[0],s=f[1];return e.useEffect((function(){return i(),u.current||l(),function(){a(),u.current||s()}}),[l,i,s,a]),A(A({ref:u},n),{},{reset:function(){return r({x:0,y:0})}})};function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(t){var n=t.mode,r=void 0===n?"both":n,u=t.initialValue,c=void 0===u?{x:0,y:0}:u,o=p(e.useState(c),2),i=o[0],a=o[1],f=p(e.useState(!1),2),l=f[0],s=f[1],d=e.useRef(!1),v=e.useRef(!1),m=e.useRef(null),g=function(e){return F({x:e.clientX,y:e.clientY})},h=function(e){var t=e.clampedX,n=e.clampedY;"vertical"===r?a({y:1-n}):"horizontal"===r?a({x:t}):"both"===r&&a({x:t,y:n})},w=function(){v.current&&d.current&&(v.current=!1,s(!1),V())},b=function(e){e.cancelable&&e.preventDefault(),F({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},E=p(y({type:"mousemove",listener:g}),2),O=E[0],S=E[1],j=p(y({type:"mouseup",listener:w}),2),x=j[0],P=j[1],R=p(y({type:"touchmove",listener:b}),2),C=R[0],D=R[1],I=p(y({type:"touchend",listener:w}),2),T=I[0],k=I[1],A=p(y({target:m,type:"mousedown",listener:function(e){q(),e.preventDefault(),g(e)}}),2),X=A[0],Y=A[1],M=p(y({target:m,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),q(),b(e)},options:{passive:!1}}),2),N=M[0],z=M[1],B=function(e,t,n){return Math.min(Math.max(e,t),n)},J=function(e){var t=e.y;return{clampedX:B(e.x,0,1),clampedY:B(t,0,1)}},V=function(){S(),P(),D(),k()};e.useEffect((function(){d.current=!0}),[]);var q=function(){!v.current&&d.current&&(v.current=!0,s(!0),O(),x(),C(),T())},F=function(e){var t=e.x,n=e.y;if(v.current){var r=m.current.getBoundingClientRect(),u=J({x:(t-r.left)/r.width,y:(n-r.top)/r.height});h({clampedX:u.clampedX,clampedY:u.clampedY})}};return e.useEffect((function(){return m.current&&(X(),N()),function(){m.current&&(Y(),z())}}),[X,N,i,Y,z]),L(L({ref:m},i),{},{active:l,reset:function(){a(c)}})}var N=function(t){var n=t.target,r=t.listener,u=t.options,f=t.when,l=void 0===f||f,s=e.useRef(null),d=e.useRef(null),v=e.useRef([]),p=m(u),y=e.useContext(a),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(o.isNotEmpty(e.target)&&(w(),(e.when||l)&&(s.current=c.getTargetElement(e.target))),!d.current&&s.current){var t=v.current=c.getScrollableParents(s.current,y?y.hideOverlaysOnDocumentScrolling:i.hideOverlaysOnDocumentScrolling);d.current=function(e){return r&&r(e)},t.forEach((function(e){return e.addEventListener("scroll",d.current,u)}))}},w=function(){d.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",d.current,u)})),d.current=null)};return e.useEffect((function(){l?s.current=c.getTargetElement(n):(w(),s.current=null)}),[n,l]),e.useEffect((function(){!d.current||d.current===r&&p===u||(w(),l&&h())}),[r,u]),g((function(){w()})),[h,w]},z=function(e){var t=e.when;return y({target:"window",type:"resize",listener:e.listener,when:void 0===t||t})},B=function(t){var n=t.target,r=t.overlay,u=t.listener,o=t.when,i=void 0===o||o,a=e.useRef(null),f=e.useRef(null),l=p(y({target:"window",type:"click",listener:function(e){u&&u(e,{type:"outside",valid:3!==e.which&&C(e)})}}),2),s=l[0],d=l[1],v=p(z({target:"window",listener:function(e){u&&u(e,{type:"resize",valid:!c.isTouchDevice()})}}),2),m=v[0],h=v[1],w=p(y({target:"window",type:"orientationchange",listener:function(e){u&&u(e,{type:"orientationchange",valid:!0})}}),2),b=w[0],E=w[1],O=p(y({target:"window",type:"scroll",listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),S=O[0],j=O[1],x=p(N({target:n,listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),P=x[0],R=x[1],C=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||f.current&&f.current.contains(e.target))},D=function(){d(),h(),E(),j(),R()};return e.useEffect((function(){i?(a.current=c.getTargetElement(n),f.current=c.getTargetElement(r)):(D(),a.current=f.current=null)}),[n,r,i]),e.useEffect((function(){D()}),[i]),g((function(){D()})),[function(){s(),m(),b(),S(),P()},D]},J=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",u="undefined"!=typeof window,c=p(y({target:"window",type:"storage",listener:function(e){var t="local"===r?window.localStorage:window.sessionStorage;if(e.storageArea===t&&e.key===n){var u=e.newValue?JSON.parse(e.newValue):void 0;l(u)}}}),2),o=c[0],i=c[1],a=p(e.useState(t),2),f=a[0],l=a[1];return e.useEffect((function(){u||l(t);try{var e="local"===r?window.localStorage.getItem(n):window.sessionStorage.getItem(n);l(e?JSON.parse(e):t)}catch(e){l(t)}return o(),function(){return i()}}),[]),[f,function(e){try{var t=e instanceof Function?e(f):e;if(l(t),u){var c=JSON.stringify(t);"local"===r?window.localStorage.setItem(n,c):window.sessionStorage.setItem(n,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(n))}}]},V=function(e,t){return J(e,t,"local")},q=function(e,t){return J(e,t,"session")},F=function(t,n){var r=e.useRef(!1);return e.useEffect((function(){if(r.current)return t&&t();r.current=!0}),n)},U=0,$=function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},f=p(t(!1),2),l=f[0],s=f[1],d=n(null),v=r(a),m=c.isClient()?window.document:void 0,g=o.document,y=void 0===g?m:g,h=o.manual,w=void 0!==h&&h,b=o.name,E=void 0===b?"style_".concat(++U):b,O=o.id,S=void 0===O?void 0:O,j=o.media,x=void 0===j?void 0:j,P=function(){y&&(d.current=y.querySelector('style[data-primereact-style-id="'.concat(E,'"]'))||y.getElementById(S)||y.createElement("style"),d.current.isConnected||(d.current.type="text/css",S&&(d.current.id=S),x&&(d.current.media=x),c.addNonce(d.current,v&&v.nonce||i.nonce),y.head.appendChild(d.current),E&&d.current.setAttribute("data-primereact-style-id",E)),l||(d.current.textContent=e,s(!0)))};return u((function(){w||P()}),[]),{id:S,name:E,update:function(t){l&&e!==t&&(d.current.textContent=t)},unload:function(){y&&d.current&&(c.removeInlineStyle(d.current),s(!1))},load:P,isLoaded:l}},_=function(t,n,r){var u=p(y({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),c=u[0],o=u[1];return e.useEffect((function(){if(n&&t.current)return c(),function(){o()}})),[t,r]};export{h as useClickOutside,w as useCounter,E as useDebounce,y as useEventListener,S as useFavicon,j as useIntersectionObserver,x as useInterval,V as useLocalStorage,P as useMatchMedia,R as useMountEffect,X as useMouse,M as useMove,_ as useOnEscapeKey,B as useOverlayListener,N as useOverlayScrollListener,m as usePrevious,z as useResizeListener,q as useSessionStorage,J as useStorage,$ as useStyle,b as useTimeout,g as useUnmountEffect,F as useUpdateEffect};

package/hooks/hooks.js

@@ -886,7 +886,8 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
         listener: function listener(event) {
           var area = storage === 'local' ? window.localStorage : window.sessionStorage;
           if (event.storageArea === area && event.key === key) {
-            setStoredValue(event.newValue || undefined);
+            var newValue = event.newValue ? JSON.parse(event.newValue) : undefined;
+            setStoredValue(newValue);
           }
         }
       }),