primereact 9.5.0 → 9.6.1

package/galleria/galleria.cjs.min.js

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

package/galleria/galleria.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
 import { TimesIcon } from 'primereact/icons/times';
@@ -400,6 +400,7 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var responsiveOptions = React.useRef(null);
   var prevNumVisible = usePrevious(numVisibleState);
   var prevActiveItemIndex = usePrevious(props.activeItemIndex);
+  var context = React.useContext(PrimeReactContext);
   var _useResizeListener = useResizeListener({
       listener: function listener() {
         calculatePosition();
@@ -527,7 +528,7 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   };
   var createStyle = function createStyle() {
     if (!thumbnailsStyle.current) {
-      thumbnailsStyle.current = DomHandler.createInlineStyle(PrimeReact.nonce);
+      thumbnailsStyle.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
     }
     var innerHTML = "\n            .p-galleria-thumbnail-items[".concat(attributeSelector.current, "] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100 / numVisibleState, "%\n            }\n        ");
     if (props.responsiveOptions) {
@@ -535,7 +536,7 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale, PrimeReact.nullSortOrder);
+        return ObjectUtils.sort(value1, value2, -1, context && context.locale || PrimeReact.locale, context && context.nullSortOrder || PrimeReact.nullSortOrder);
       });
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
@@ -696,7 +697,8 @@ GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = GalleriaBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = GalleriaBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -755,7 +757,7 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     DomHandler.addClass(document.body, 'p-overflow-hidden');
   };
   var onEntering = function onEntering() {
-    ZIndexUtils.set('modal', maskRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['modal']);
+    ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact.zIndex['modal']);
     DomHandler.addMultipleClasses(maskRef.current, 'p-component-overlay p-component-overlay-enter');
   };
   var onEntered = function onEntered() {
@@ -840,8 +842,8 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       'p-galleria-fullscreen': props.fullScreen,
       'p-galleria-indicator-onitem': props.showIndicatorsOnItem,
       'p-galleria-item-nav-onhover': props.showItemNavigatorsOnHover && !props.fullScreen,
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     }, thumbnailsPosClassName, indicatorPosClassName);
     var iconProps = {
       className: 'p-galleria-close-icon',

package/galleria/galleria.esm.min.js

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

package/galleria/galleria.js

@@ -413,6 +413,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     var responsiveOptions = React__namespace.useRef(null);
     var prevNumVisible = hooks.usePrevious(numVisibleState);
     var prevActiveItemIndex = hooks.usePrevious(props.activeItemIndex);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var _useResizeListener = hooks.useResizeListener({
         listener: function listener() {
           calculatePosition();
@@ -540,7 +541,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     };
     var createStyle = function createStyle() {
       if (!thumbnailsStyle.current) {
-        thumbnailsStyle.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
       }
       var innerHTML = "\n            .p-galleria-thumbnail-items[".concat(attributeSelector.current, "] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100 / numVisibleState, "%\n            }\n        ");
       if (props.responsiveOptions) {
@@ -548,7 +549,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         responsiveOptions.current.sort(function (data1, data2) {
           var value1 = data1.breakpoint;
           var value2 = data2.breakpoint;
-          return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
+          return utils.ObjectUtils.sort(value1, value2, -1, context && context.locale || PrimeReact__default["default"].locale, context && context.nullSortOrder || PrimeReact__default["default"].nullSortOrder);
         });
         for (var i = 0; i < responsiveOptions.current.length; i++) {
           var res = responsiveOptions.current[i];
@@ -709,7 +710,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = GalleriaBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = GalleriaBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -768,7 +770,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
     };
     var onEntering = function onEntering() {
-      utils.ZIndexUtils.set('modal', maskRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+      utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
       utils.DomHandler.addMultipleClasses(maskRef.current, 'p-component-overlay p-component-overlay-enter');
     };
     var onEntered = function onEntered() {
@@ -853,8 +855,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         'p-galleria-fullscreen': props.fullScreen,
         'p-galleria-indicator-onitem': props.showIndicatorsOnItem,
         'p-galleria-item-nav-onhover': props.showItemNavigatorsOnHover && !props.fullScreen,
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       }, thumbnailsPosClassName, indicatorPosClassName);
       var iconProps = {
         className: 'p-galleria-close-icon',

package/galleria/galleria.min.js

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

package/hooks/hooks.cjs.js

@@ -111,6 +111,7 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React__namespace.useRef(null);
   var listenerRef = React__namespace.useRef(null);
+  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -140,11 +141,12 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React__namespace.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+    // to properly compare functions we can implicitly converting the function to it's body's text as a String
+    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options]);
+  }, [listener, options, when]);
   useUnmountEffect(function () {
     unbind();
   });
@@ -699,6 +701,7 @@ var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
   var listenerRef = React__namespace.useRef(null);
   var scrollableParents = React__namespace.useRef([]);
   var prevOptions = usePrevious(options);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
@@ -706,7 +709,7 @@ var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
       (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
     }
     if (!listenerRef.current && targetRef.current) {
-      var nodes = scrollableParents.current = utils.DomHandler.getScrollableParents(targetRef.current, PrimeReact__default["default"].hideOverlaysOnDocumentScrolling);
+      var nodes = scrollableParents.current = utils.DomHandler.getScrollableParents(targetRef.current, context ? context.hideOverlaysOnDocumentScrolling : PrimeReact__default["default"].hideOverlaysOnDocumentScrolling);
       listenerRef.current = function (event) {
         return listener && listener(event);
       };

package/hooks/hooks.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/api");function n(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(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=u(e),c=n(r);function i(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,o,c,i=[],a=!0,f=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);a=!0);}catch(e){f=!0,u=e}finally{try{if(!a&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(f)throw u}}return i}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(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 p(e,t){return i(e)||a(e,t)||l(e,t)||s()}var v=function(e){var t=o.useRef(void 0);return o.useEffect((function(){t.current=e})),t.current},d=function(e){return o.useEffect((function(){return e}),[])},g=function(e){var r=e.target,n=void 0===r?"document":r,u=e.type,c=e.listener,i=e.options,a=e.when,f=void 0===a||a,l=o.useRef(null),s=o.useRef(null),p=v(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||f)&&(l.current=t.DomHandler.getTargetElement(e.target))),!s.current&&l.current&&(s.current=function(e){return c&&c(e)},l.current.addEventListener(u,s.current,i))},m=function(){s.current&&(l.current.removeEventListener(u,s.current,i),s.current=null)};return o.useEffect((function(){f?l.current=t.DomHandler.getTargetElement(n):(m(),l.current=null)}),[n,f]),o.useEffect((function(){!s.current||s.current===c&&p===i||(m(),f&&g())}),[c,i]),d((function(){m()})),[g,m]},m=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=o.useRef(null),u=o.useRef(null),c=o.useCallback((function(){return clearTimeout(n.current)}),[n.current]);return o.useEffect((function(){u.current=e})),o.useEffect((function(){if(r)return n.current=setTimeout((function(){u.current()}),t),c;c()}),[t,r]),d((function(){c()})),[c]},y={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 r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==h(n))return n;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,r){return(t=w(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(e){var r=e.target,n=e.listener,u=e.options,i=e.when,a=void 0===i||i,f=o.useRef(null),l=o.useRef(null),s=o.useRef([]),p=v(u),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(t.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||a)&&(f.current=t.DomHandler.getTargetElement(e.target))),!l.current&&f.current){var r=s.current=t.DomHandler.getScrollableParents(f.current,c.default.hideOverlaysOnDocumentScrolling);l.current=function(e){return n&&n(e)},r.forEach((function(e){return e.addEventListener("scroll",l.current,u)}))}},m=function(){l.current&&(s.current.forEach((function(e){return e.removeEventListener("scroll",l.current,u)})),l.current=null)};return o.useEffect((function(){a?f.current=t.DomHandler.getTargetElement(r):(m(),f.current=null)}),[r,a]),o.useEffect((function(){!l.current||l.current===n&&p===u||(m(),a&&g())}),[n,u]),d((function(){m()})),[g,m]},D=function(e){var t=e.when;return g({target:"window",type:"resize",listener:e.listener,when:void 0===t||t})},R=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",n="undefined"!=typeof window,u=p(g({target:"window",type:"storage",listener:function(e){var n="local"===r?window.localStorage:window.sessionStorage;e.storageArea===n&&e.key===t&&l(e.newValue||void 0)}}),2),c=u[0],i=u[1],a=p(o.useState(e),2),f=a[0],l=a[1];return o.useEffect((function(){n||l(e);try{var u="local"===r?window.localStorage.getItem(t):window.sessionStorage.getItem(t);l(u?JSON.parse(u):e)}catch(t){l(e)}return c(),function(){return i()}}),[]),[f,function(e){try{var u=e instanceof Function?e(f):e;if(l(u),n){var o=JSON.stringify(u);"local"===r?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))}}]};exports.useClickOutside=function(e,t){var r=function(r){e.current&&!e.current.contains(r.target)&&t(r)},n=p(g({type:"mousedown",listener:r}),2),u=n[0],c=n[1],i=p(g({type:"touchstart",listener:r}),2),a=i[0],f=i[1];return o.useEffect((function(){if(e.current)return u(),a(),function(){c(),f()}})),[e,t]},exports.useCounter=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},t=p(o.useState(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0),2),r=t[0],n=t[1];return{count:r,increment:function(){e.max&&r>=e.max||n(r+e.step)},decrement:function(){if(e.min||0===e.min&&r<=e.min)return null;n(r-e.step)},reset:function(){n(0)}}},exports.useDebounce=function(e,t){var r=p(o.useState(e),2),n=r[0],u=r[1],c=p(o.useState(e),2),i=c[0],a=c[1];return m((function(){a(n)}),t,n!==i),[n,i,u]},exports.useEventListener=g,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 r=document.createElement("link");r.setAttribute("type",y[e.split(".").pop()]),r.setAttribute("rel",t),r.setAttribute("href",e),document.head.appendChild(r)}}),[e,t])},exports.useIntersectionObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=p(o.useState(!1),2),n=r[0],u=r[1];return o.useEffect((function(){if(e.current){var r=new IntersectionObserver((function(e){var t=p(e,1);u(t[0].isIntersecting)}),t);return r.observe(e.current),function(){r.disconnect()}}}),[t,e]),n},exports.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=o.useRef(null),u=o.useRef(null),c=o.useCallback((function(){return clearInterval(n.current)}),[n.current]);return o.useEffect((function(){u.current=e})),o.useEffect((function(){if(r)return n.current=setInterval((function(){u.current()}),t),c;c()}),[t,r]),d((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],r=p(o.useState(!1),2),n=r[0],u=r[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]),n},exports.useMountEffect=function(e){var t=o.useRef(!1);return o.useEffect((function(){if(!t.current)return t.current=!0,e&&e()}),[])},exports.useMouse=function(){var e=p(o.useState({x:0,y:0}),2),t=e[0],r=e[1],n=o.useRef(null),u=o.useCallback((function(e){var t,u;if(n.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;r({x:Math.max(0,Math.round(t)),y:Math.max(0,Math.round(u))})}),[]),c=p(g({target:n,type:"mousemove",listener:u}),2),i=c[0],a=c[1],f=p(g({type:"mousemove",listener:u}),2),l=f[0],s=f[1];return o.useEffect((function(){return i(),n.current||l(),function(){a(),n.current||s()}}),[l,i,s,a]),S(S({ref:n},t),{},{reset:function(){return r({x:0,y:0})}})},exports.useMove=function(e){var t=e.mode,r=void 0===t?"both":t,n=e.initialValue,u=void 0===n?{x:0,y:0}:n,c=p(o.useState(u),2),i=c[0],a=c[1],f=p(o.useState(!1),2),l=f[0],s=f[1],v=o.useRef(!1),d=o.useRef(!1),m=o.useRef(null),y=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})},b=function(){d.current&&v.current&&(d.current=!1,s(!1),q())},w=function(e){e.cancelable&&e.preventDefault(),F({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},O=p(g({type:"mousemove",listener:y}),2),E=O[0],S=O[1],x=p(g({type:"mouseup",listener:b}),2),P=x[0],D=x[1],R=p(g({type:"touchmove",listener:w}),2),M=R[0],T=R[1],I=p(g({type:"touchend",listener:b}),2),k=I[0],L=I[1],A=p(g({target:m,type:"mousedown",listener:function(e){_(),e.preventDefault(),y(e)}}),2),C=A[0],X=A[1],Y=p(g({target:m,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),_(),w(e)},options:{passive:!1}}),2),H=Y[0],z=Y[1],N=function(e,t,r){return Math.min(Math.max(e,t),r)},U=function(e){var t=e.y;return{clampedX:N(e.x,0,1),clampedY:N(t,0,1)}},q=function(){S(),D(),T(),L()};o.useEffect((function(){v.current=!0}),[]);var _=function(){!d.current&&v.current&&(d.current=!0,s(!0),E(),P(),M(),k())},F=function(e){var t=e.x,r=e.y;if(d.current){var n=m.current.getBoundingClientRect(),u=U({x:(t-n.left)/n.width,y:(r-n.top)/n.height});h({clampedX:u.clampedX,clampedY:u.clampedY})}};return o.useEffect((function(){return m.current&&(C(),H()),function(){m.current&&(X(),z())}}),[C,H,i,X,z]),j(j({ref:m},i),{},{active:l,reset:function(){a(u)}})},exports.useOverlayListener=function(e){var r=e.target,n=e.overlay,u=e.listener,c=e.when,i=void 0===c||c,a=o.useRef(null),f=o.useRef(null),l=p(g({type:"click",listener:function(e){u&&u(e,{type:"outside",valid:3!==e.which&&j(e)})}}),2),s=l[0],v=l[1],m=p(D({listener:function(e){u&&u(e,{type:"resize",valid:!t.DomHandler.isTouchDevice()})}}),2),y=m[0],h=m[1],b=p(g({target:"window",type:"orientationchange",listener:function(e){u&&u(e,{type:"orientationchange",valid:!0})}}),2),w=b[0],O=b[1],E=p(P({target:r,listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),S=E[0],x=E[1],j=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||f.current&&f.current.contains(e.target))},R=function(){v(),h(),O(),x()};return o.useEffect((function(){i?(a.current=t.DomHandler.getTargetElement(r),f.current=t.DomHandler.getTargetElement(n)):(R(),a.current=f.current=null)}),[r,n,i]),o.useEffect((function(){R()}),[i]),d((function(){R()})),[function(){s(),y(),w(),S()},R]},exports.useOverlayScrollListener=P,exports.usePrevious=v,exports.useResizeListener=D,exports.useSessionStorage=function(e,t){return R(e,t,"session")},exports.useStorage=R,exports.useTimeout=m,exports.useUnmountEffect=d,exports.useUpdateEffect=function(e,t){var r=o.useRef(!1);return o.useEffect((function(){if(r.current)return e&&e();r.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,f=!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){f=!0,u=e}finally{try{if(!a&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(f)throw u}}return i}}function f(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 l(e,t){if(e){if("string"==typeof e)return f(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)?f(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 p(e,t){return i(e)||a(e,t)||l(e,t)||s()}var v=function(e){var t=o.useRef(void 0);return o.useEffect((function(){t.current=e})),t.current},d=function(e){return o.useEffect((function(){return e}),[])},g=function(e){var n=e.target,r=void 0===n?"document":n,u=e.type,c=e.listener,i=e.options,a=e.when,f=void 0===a||a,l=o.useRef(null),s=o.useRef(null),p=v(c),g=v(i),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||f)&&(l.current=t.DomHandler.getTargetElement(e.target))),!s.current&&l.current&&(s.current=function(e){return c&&c(e)},l.current.addEventListener(u,s.current,i))},y=function(){s.current&&(l.current.removeEventListener(u,s.current,i),s.current=null)};return o.useEffect((function(){f?l.current=t.DomHandler.getTargetElement(r):(y(),l.current=null)}),[r,f]),o.useEffect((function(){!s.current||""+p==""+c&&g===i||(y(),f&&m())}),[c,i,f]),d((function(){y()})),[m,y]},m=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]),d((function(){c()})),[c]},y={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 S(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 x(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?x(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(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,f=void 0===a||a,l=o.useRef(null),s=o.useRef(null),p=o.useRef([]),g=v(i),m=o.useContext(n.PrimeReactContext),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(t.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||f)&&(l.current=t.DomHandler.getTargetElement(e.target))),!s.current&&l.current){var n=p.current=t.DomHandler.getScrollableParents(l.current,m?m.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&&(p.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return o.useEffect((function(){f?l.current=t.DomHandler.getTargetElement(r):(h(),l.current=null)}),[r,f]),o.useEffect((function(){!s.current||s.current===u&&g===i||(h(),f&&y())}),[u,i]),d((function(){h()})),[y,h]},D=function(e){var t=e.when;return g({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=p(g({target:"window",type:"storage",listener:function(e){var r="local"===n?window.localStorage:window.sessionStorage;e.storageArea===r&&e.key===t&&l(e.newValue||void 0)}}),2),c=u[0],i=u[1],a=p(o.useState(e),2),f=a[0],l=a[1];return o.useEffect((function(){r||l(e);try{var u="local"===n?window.localStorage.getItem(t):window.sessionStorage.getItem(t);l(u?JSON.parse(u):e)}catch(t){l(e)}return c(),function(){return i()}}),[]),[f,function(e){try{var u=e instanceof Function?e(f):e;if(l(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))}}]};exports.useClickOutside=function(e,t){var n=function(n){e.current&&!e.current.contains(n.target)&&t(n)},r=p(g({type:"mousedown",listener:n}),2),u=r[0],c=r[1],i=p(g({type:"touchstart",listener:n}),2),a=i[0],f=i[1];return o.useEffect((function(){if(e.current)return u(),a(),function(){c(),f()}})),[e,t]},exports.useCounter=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{step:1},t=p(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=p(o.useState(e),2),r=n[0],u=n[1],c=p(o.useState(e),2),i=c[0],a=c[1];return m((function(){a(r)}),t,r!==i),[r,i,u]},exports.useEventListener=g,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",y[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=p(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=p(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]),d((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=p(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){var t=o.useRef(!1);return o.useEffect((function(){if(!t.current)return t.current=!0,e&&e()}),[])},exports.useMouse=function(){var e=p(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=p(g({target:r,type:"mousemove",listener:u}),2),i=c[0],a=c[1],f=p(g({type:"mousemove",listener:u}),2),l=f[0],s=f[1];return o.useEffect((function(){return i(),r.current||l(),function(){a(),r.current||s()}}),[l,i,s,a]),S(S({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=p(o.useState(u),2),i=c[0],a=c[1],f=p(o.useState(!1),2),l=f[0],s=f[1],v=o.useRef(!1),d=o.useRef(!1),m=o.useRef(null),y=function(e){return F({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(){d.current&&v.current&&(d.current=!1,s(!1),q())},w=function(e){e.cancelable&&e.preventDefault(),F({x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY})},O=p(g({type:"mousemove",listener:y}),2),E=O[0],S=O[1],x=p(g({type:"mouseup",listener:b}),2),P=x[0],D=x[1],R=p(g({type:"touchmove",listener:w}),2),M=R[0],T=R[1],I=p(g({type:"touchend",listener:b}),2),k=I[0],C=I[1],L=p(g({target:m,type:"mousedown",listener:function(e){_(),e.preventDefault(),y(e)}}),2),A=L[0],X=L[1],Y=p(g({target:m,type:"touchstart",listener:function(e){e.cancelable&&e.preventDefault(),_(),w(e)},options:{passive:!1}}),2),H=Y[0],z=Y[1],N=function(e,t,n){return Math.min(Math.max(e,t),n)},U=function(e){var t=e.y;return{clampedX:N(e.x,0,1),clampedY:N(t,0,1)}},q=function(){S(),D(),T(),C()};o.useEffect((function(){v.current=!0}),[]);var _=function(){!d.current&&v.current&&(d.current=!0,s(!0),E(),P(),M(),k())},F=function(e){var t=e.x,n=e.y;if(d.current){var r=m.current.getBoundingClientRect(),u=U({x:(t-r.left)/r.width,y:(n-r.top)/r.height});h({clampedX:u.clampedX,clampedY:u.clampedY})}};return o.useEffect((function(){return m.current&&(A(),H()),function(){m.current&&(X(),z())}}),[A,H,i,X,z]),j(j({ref:m},i),{},{active:l,reset:function(){a(u)}})},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),f=o.useRef(null),l=p(g({type:"click",listener:function(e){u&&u(e,{type:"outside",valid:3!==e.which&&j(e)})}}),2),s=l[0],v=l[1],m=p(D({listener:function(e){u&&u(e,{type:"resize",valid:!t.DomHandler.isTouchDevice()})}}),2),y=m[0],h=m[1],b=p(g({target:"window",type:"orientationchange",listener:function(e){u&&u(e,{type:"orientationchange",valid:!0})}}),2),w=b[0],O=b[1],E=p(P({target:n,listener:function(e){u&&u(e,{type:"scroll",valid:!0})}}),2),S=E[0],x=E[1],j=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||f.current&&f.current.contains(e.target))},R=function(){v(),h(),O(),x()};return o.useEffect((function(){i?(a.current=t.DomHandler.getTargetElement(n),f.current=t.DomHandler.getTargetElement(r)):(R(),a.current=f.current=null)}),[n,r,i]),o.useEffect((function(){R()}),[i]),d((function(){R()})),[function(){s(),y(),w(),S()},R]},exports.useOverlayScrollListener=P,exports.usePrevious=v,exports.useResizeListener=D,exports.useSessionStorage=function(e,t){return R(e,t,"session")},exports.useStorage=R,exports.useTimeout=m,exports.useUnmountEffect=d,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.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DomHandler, ObjectUtils } from 'primereact/utils';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -84,6 +84,7 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React.useRef(null);
   var listenerRef = React.useRef(null);
+  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -113,11 +114,12 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React.useEffect(function () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+    // to properly compare functions we can implicitly converting the function to it's body's text as a String
+    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options]);
+  }, [listener, options, when]);
   useUnmountEffect(function () {
     unbind();
   });
@@ -672,6 +674,7 @@ var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
   var listenerRef = React.useRef(null);
   var scrollableParents = React.useRef([]);
   var prevOptions = usePrevious(options);
+  var context = React.useContext(PrimeReactContext);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (ObjectUtils.isNotEmpty(bindOptions.target)) {
@@ -679,7 +682,7 @@ var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
       (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
     }
     if (!listenerRef.current && targetRef.current) {
-      var nodes = scrollableParents.current = DomHandler.getScrollableParents(targetRef.current, PrimeReact.hideOverlaysOnDocumentScrolling);
+      var nodes = scrollableParents.current = DomHandler.getScrollableParents(targetRef.current, context ? context.hideOverlaysOnDocumentScrolling : PrimeReact.hideOverlaysOnDocumentScrolling);
       listenerRef.current = function (event) {
         return listener && listener(event);
       };