primereact 8.6.1 → 8.7.1

package/galleria/galleria.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as a,usePrevious as i,useResizeListener as r,useUpdateEffect as l,useInterval as o,useUnmountEffect as c}from"primereact/hooks";import{Portal as u}from"primereact/portal";import{Ripple as s}from"primereact/ripple";import{classNames as m,UniqueComponentId as d,DomHandler as v,ObjectUtils as p,ZIndexUtils as h}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},f.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return r}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function x(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){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 w(e,t){return g(e)||I(e,t)||x(e,t)||y()}var E=e.memo(e.forwardRef((function(t,n){var i=function(){t.slideShowActive&&t.stopSlideShow&&t.stopSlideShow()},r=function(e){i(),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){i(),t.onActiveItemChange({index:t.circular&&t.value.length-1===t.activeItemIndex?0:t.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},o=function(e){i(),t.onActiveItemChange({index:e})},c=function(e){t.changeItemOnIndicatorHover&&(i(),t.onActiveItemChange({index:e}))},u=function(e,n){13===e.which&&(i(),t.onActiveItemChange({index:n}))};a((function(){t.autoPlay&&t.startSlideShow()}));var d=function(n){var a="p-galleria-indicator-"+n,i=m("p-galleria-indicator",{"p-highlight":t.activeItemIndex===n}),r=t.indicator&&t.indicator(n);return r||(r=e.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},e.createElement(s,null))),e.createElement("li",{className:i,key:a,tabIndex:0,onClick:function(){return o(n)},onMouseEnter:function(){return c(n)},onKeyDown:function(e){return u(e,n)}},r)},v=t.itemTemplate&&t.itemTemplate(t.value[t.activeItemIndex]),p=function(){if(t.showItemNavigators){var n=!t.circular&&0===t.activeItemIndex,a=m("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":n});return e.createElement("button",{type:"button",className:a,onClick:r,disabled:n},e.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),e.createElement(s,null))}return null}(),h=function(){if(t.showItemNavigators){var n=!t.circular&&t.activeItemIndex===t.value.length-1,a=m("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":n});return e.createElement("button",{type:"button",className:a,onClick:l,disabled:n},e.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),e.createElement(s,null))}return null}(),f=function(){if(t.caption){var n=t.caption(t.value[t.activeItemIndex]);return e.createElement("div",{className:"p-galleria-caption"},n)}return null}(),g=function(){if(t.showIndicators){for(var n=m("p-galleria-indicators p-reset",t.indicatorsContentClassName),a=[],i=0;i<t.value.length;i++)a.push(d(i));return e.createElement("ul",{className:n},a)}return null}();return e.createElement("div",{ref:n,className:"p-galleria-item-wrapper"},e.createElement("div",{className:"p-galleria-item-container"},p,e.createElement("div",{className:"p-galleria-item"},v),h,f),g)})));function N(e){if(Array.isArray(e))return b(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}E.displayName="GalleriaItem";var T=e.memo((function(t){var n=t.active?0:null,a=t.template&&t.template(t.item),i=m("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);return e.createElement("div",{className:i},e.createElement("div",{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})}},a))})),A=e.memo(e.forwardRef((function(n,o){var c=w(e.useState(n.numVisible),2),u=c[0],h=c[1],f=w(e.useState(0),2),g=f[0],I=f[1],b=e.useRef(null),y=e.useRef(null),E=e.useRef(""),A=e.useRef(null),O=e.useRef(null),k=i(u),V=i(n.activeItemIndex),P=w(r({listener:function(){U()},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)),b.current&&(v.removeClass(b.current,"p-items-hidden"),b.current.style.transform=n.isVertical?"translate3d(0, ".concat(t*(100/u),"%, 0)"):"translate3d(".concat(t*(100/u),"%, 0, 0)"),b.current.style.transition="transform 500ms ease 0s"),I(t)},R=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},D=function(){var e=Math.floor(u/2);return u%2?e:e-1},j=function(e){R();var t=0!==n.activeItemIndex?n.activeItemIndex-1:0;u-(t+g)-1>D()&&(-1*g!=0||n.circular)&&H(1),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:t}),e.cancelable&&e.preventDefault()},M=function(e){R();var t=n.activeItemIndex+1;t+g>D()&&(-1*g<z()-1||n.circular)&&H(-1),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:t}),e.cancelable&&e.preventDefault()},G=function(e){R();var t=e.index;if(t!==n.activeItemIndex){var a=t+g,i=0;t<n.activeItemIndex?(i=u-a-1-D())>0&&-1*g!=0&&H(i):(i=D()-a)<0&&-1*g<z()-1&&H(i),n.onActiveItemChange({index:t})}},K=function(e){b.current&&"transform"===e.propertyName&&(v.addClass(b.current,"p-items-hidden"),b.current.style.transition="")},Y=function(e){var t=e.changedTouches[0];y.current={x:t.pageX,y:t.pageY}},Z=function(e){e.cancelable&&e.preventDefault()},X=function(e){var t=e.changedTouches[0];_(e,n.isVertical?t.pageY-y.current.y:t.pageX-y.current.x)},_=function(e,t){t<0?M(e):j(e)},z=function(){return n.value.length>u?n.value.length-u+1:0},L=function(){A.current||(A.current=v.createInlineStyle(t.nonce));var e,a="\n            .p-galleria-thumbnail-items[".concat(E.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/u,"%\n            }\n        ");if(n.responsiveOptions){O.current=N(e=n.responsiveOptions)||S(e)||x(e)||C(),O.current.sort((function(e,n){return p.sort(e.breakpoint,n.breakpoint,-1,t.locale,t.nullSortOrder)}));for(var i=0;i<O.current.length;i++){var r=O.current[i];a+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(E.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}A.current.innerHTML=a},U=function(){if(b.current&&O.current){for(var e=window.innerWidth,t={numVisible:n.numVisible},a=0;a<O.current.length;a++){var i=O.current[a];parseInt(i.breakpoint,10)>=e&&(t=i)}u!==t.numVisible&&h(t.numVisible)}};a((function(){b.current&&(E.current=d(),b.current.setAttribute(E.current,"")),L(),U(),P()})),l((function(){var e=g;k===u&&V===n.activeItemIndex||((e=n.activeItemIndex<=D()?0:n.value.length-u+D()<n.activeItemIndex?u-n.value.length:n.value.length-u<n.activeItemIndex&&u%2==0?-1*n.activeItemIndex+D()+1:-1*n.activeItemIndex+D())!==g&&I(e),b.current.style.transform=n.isVertical?"translate3d(0, ".concat(e*(100/u),"%, 0)"):"translate3d(".concat(e*(100/u),"%, 0, 0)"),V!==n.activeItemIndex&&(v.removeClass(b.current,"p-items-hidden"),b.current.style.transition="transform 500ms ease 0s"))}));var W,$,q,B,F=function(){if(n.showThumbnailNavigators){var t=!n.circular&&0===n.activeItemIndex||n.value.length<=u,a=m("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),i=m("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!n.isVertical,"pi-chevron-up":n.isVertical});return e.createElement("button",{className:a,onClick:j,disabled:t},e.createElement("span",{className:i}),e.createElement(s,null))}return null},J=function(){if(n.showThumbnailNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1||n.value.length<=u,a=m("p-galleria-thumbnail-next p-link",{"p-disabled":t}),i=m("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!n.isVertical,"pi-chevron-down":n.isVertical});return e.createElement("button",{className:a,onClick:M,disabled:t},e.createElement("span",{className:i}),e.createElement(s,null))}return null},Q=(W=n.value.map((function(t,a){var i=-1*g,r=i+u-1;return e.createElement(T,{key:a,index:a,template:n.itemTemplate,item:t,active:i<=a&&r>=a,start:i===a,end:r===a,onItemClick:G,current:n.activeItemIndex===a})})),$=n.isVertical?n.contentHeight:"",q=F(),B=J(),e.createElement("div",{className:"p-galleria-thumbnail-container"},q,e.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:$}},e.createElement("div",{ref:b,className:"p-galleria-thumbnail-items",onTransitionEnd:K,onTouchStart:Y,onTouchMove:Z,onTouchEnd:X},W)),B));return e.createElement("div",{className:"p-galleria-thumbnail-wrapper"},Q)})));T.displayName="GalleriaThumbnailItem",A.displayName="GalleriaThumbnails";var O=e.memo(e.forwardRef((function(a,i){var r=w(e.useState(!1),2),l=r[0],d=r[1],g=w(e.useState(a.numVisible),2),I=g[0],b=g[1],x=w(e.useState(!1),2),y=x[0],N=x[1],S=w(e.useState(a.activeIndex),2),C=S[0],T=S[1],k=e.useRef(null),V=e.useRef(null),P=e.useRef(null),H=a.onItemChange?a.activeIndex:C,R="left"===a.thumbnailsPosition||"right"===a.thumbnailsPosition;o((function(){D({index:a.circular&&a.value.length-1===H?0:H+1})}),a.transitionInterval,y);var D=function(e){a.onItemChange?a.onItemChange(e):T(e.index)},j=function(){d(!0)},M=function(){d(!1)},G=function(){v.addClass(document.body,"p-overflow-hidden")},K=function(){h.set("modal",P.current,t.autoZIndex,a.baseZIndex||t.zIndex.modal),v.addMultipleClasses(P.current,"p-component-overlay p-component-overlay-enter")},Y=function(){a.onShow&&a.onShow()},Z=function(){v.removeClass(document.body,"p-overflow-hidden"),v.addClass(P.current,"p-component-overlay-leave")},X=function(){h.clear(P.current),a.onHide&&a.onHide()},_=function(){return y},z=function(){N(!0)},L=function(){N(!1)},U=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};e.useEffect((function(){a.value&&a.value.length<I&&b(a.value.length)}),[a.value,I]),e.useEffect((function(){b(a.numVisible)}),[a.numVisible]),c((function(){y&&L(),h.clear(P.current)})),e.useImperativeHandle(i,(function(){return{props:a,show:j,hide:M,isAutoPlayActive:_,startSlideShow:z,stopSlideShow:L,getElement:function(){return k.current},getPreviewContent:function(){return V.current}}}));return p.isNotEmpty(a.value)&&function(){var t,i,r,o,c,d,v,h=(t=p.findDiffKeys(a,O.defaultProps),i=a.showThumbnails&&U("p-galleria-thumbnails",a.thumbnailsPosition),r=a.showIndicators&&U("p-galleria-indicators",a.indicatorsPosition),o=m("p-galleria p-component",a.className,{"p-galleria-fullscreen":a.fullScreen,"p-galleria-indicator-onitem":a.showIndicatorsOnItem,"p-galleria-item-nav-onhover":a.showItemNavigatorsOnHover&&!a.fullScreen},i,r),c=a.fullScreen&&e.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":localeOption("close"),onClick:M},e.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(s,null)),d=a.header?e.createElement("div",{className:"p-galleria-header"},a.header):null,v=a.footer?e.createElement("div",{className:"p-galleria-footer"},a.footer):null,e.createElement("div",f({ref:k,id:a.id,className:o,style:a.style},t),c,d,e.createElement("div",{className:"p-galleria-content"},e.createElement(E,{ref:V,value:a.value,activeItemIndex:H,onActiveItemChange:D,itemTemplate:a.item,circular:a.circular,caption:a.caption,showIndicators:a.showIndicators,changeItemOnIndicatorHover:a.changeItemOnIndicatorHover,indicator:a.indicator,showItemNavigators:a.showItemNavigators,autoPlay:a.autoPlay,slideShowActive:y,startSlideShow:z,stopSlideShow:L}),a.showThumbnails&&e.createElement(A,{value:a.value,activeItemIndex:H,onActiveItemChange:D,itemTemplate:a.thumbnail,numVisible:I,responsiveOptions:a.responsiveOptions,circular:a.circular,isVertical:R,contentHeight:a.verticalThumbnailViewPortHeight,showThumbnailNavigators:a.showThumbnailNavigators,autoPlay:a.autoPlay,slideShowActive:y,stopSlideShow:L})),v));if(a.fullScreen){var g=m("p-galleria-mask",{"p-galleria-visible":l});return e.createElement(u,{element:e.createElement("div",{ref:P,className:g},e.createElement(n,{nodeRef:k,classNames:"p-galleria",in:l,timeout:{enter:150,exit:150},options:a.transitionOptions,unmountOnExit:!0,onEnter:G,onEntering:K,onEntered:Y,onExit:Z,onExited:X},h))})}return h}()})));O.displayName="Galleria",O.defaultProps={__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className: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,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null};export{O as Galleria};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as i,usePrevious as r,useResizeListener as l,useUpdateEffect as o,useInterval as c,useUnmountEffect as u}from"primereact/hooks";import{Portal as s}from"primereact/portal";import{Ripple as m}from"primereact/ripple";import{classNames as d,UniqueComponentId as v,DomHandler as p,ObjectUtils as h,ZIndexUtils as f}from"primereact/utils";function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},g.apply(this,arguments)}function I(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return r}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function y(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function w(){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 I(e)||b(e,t)||y(e,t)||w()}var N=e.memo(e.forwardRef((function(t,n){var a=function(){t.slideShowActive&&t.stopSlideShow&&t.stopSlideShow()},r=function(e){a(),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){a(),t.onActiveItemChange({index:t.circular&&t.value.length-1===t.activeItemIndex?0:t.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},o=function(e){a(),t.onActiveItemChange({index:e})},c=function(e){t.changeItemOnIndicatorHover&&(a(),t.onActiveItemChange({index:e}))},u=function(e,n){13===e.which&&(a(),t.onActiveItemChange({index:n}))};i((function(){t.autoPlay&&t.startSlideShow()}));var s=function(n){var a="p-galleria-indicator-"+n,i=d("p-galleria-indicator",{"p-highlight":t.activeItemIndex===n}),r=t.indicator&&t.indicator(n);return r||(r=e.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},e.createElement(m,null))),e.createElement("li",{className:i,key:a,tabIndex:0,onClick:function(){return o(n)},onMouseEnter:function(){return c(n)},onKeyDown:function(e){return u(e,n)}},r)},v=t.itemTemplate&&t.itemTemplate(t.value[t.activeItemIndex]),p=function(){if(t.showItemNavigators){var n=!t.circular&&0===t.activeItemIndex,a=d("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":n});return e.createElement("button",{type:"button",className:a,onClick:r,disabled:n},e.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),e.createElement(m,null))}return null}(),h=function(){if(t.showItemNavigators){var n=!t.circular&&t.activeItemIndex===t.value.length-1,a=d("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":n});return e.createElement("button",{type:"button",className:a,onClick:l,disabled:n},e.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),e.createElement(m,null))}return null}(),f=function(){if(t.caption){var n=t.caption(t.value[t.activeItemIndex]);return e.createElement("div",{className:"p-galleria-caption"},n)}return null}(),g=function(){if(t.showIndicators){for(var n=d("p-galleria-indicators p-reset",t.indicatorsContentClassName),a=[],i=0;i<t.value.length;i++)a.push(s(i));return e.createElement("ul",{className:n},a)}return null}();return e.createElement("div",{ref:n,className:"p-galleria-item-wrapper"},e.createElement("div",{className:"p-galleria-item-container"},p,e.createElement("div",{className:"p-galleria-item"},v),h,f),g)})));function S(e){if(Array.isArray(e))return x(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}N.displayName="GalleriaItem";var A=e.memo((function(t){var n=t.active?0:null,a=t.template&&t.template(t.item),i=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);return e.createElement("div",{className:i},e.createElement("div",{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})}},a))})),k=e.memo(e.forwardRef((function(n,a){var c=E(e.useState(n.numVisible),2),u=c[0],s=c[1],f=E(e.useState(0),2),g=f[0],I=f[1],b=e.useRef(null),x=e.useRef(null),w=e.useRef(""),N=e.useRef(null),k=e.useRef(null),O=r(u),V=r(n.activeItemIndex),P=E(l({listener:function(){U()},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)),b.current&&(p.removeClass(b.current,"p-items-hidden"),b.current.style.transform=n.isVertical?"translate3d(0, ".concat(t*(100/u),"%, 0)"):"translate3d(".concat(t*(100/u),"%, 0, 0)"),b.current.style.transition="transform 500ms ease 0s"),I(t)},R=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},D=function(){var e=Math.floor(u/2);return u%2?e:e-1},j=function(e){R();var t=0!==n.activeItemIndex?n.activeItemIndex-1:0;u-(t+g)-1>D()&&(-1*g!=0||n.circular)&&H(1),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:t}),e.cancelable&&e.preventDefault()},M=function(e){R();var t=n.activeItemIndex+1;t+g>D()&&(-1*g<z()-1||n.circular)&&H(-1),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:t}),e.cancelable&&e.preventDefault()},G=function(e){R();var t=e.index;if(t!==n.activeItemIndex){var a=t+g,i=0;t<n.activeItemIndex?(i=u-a-1-D())>0&&-1*g!=0&&H(i):(i=D()-a)<0&&-1*g<z()-1&&H(i),n.onActiveItemChange({index:t})}},K=function(e){b.current&&"transform"===e.propertyName&&(p.addClass(b.current,"p-items-hidden"),b.current.style.transition="")},Y=function(e){var t=e.changedTouches[0];x.current={x:t.pageX,y:t.pageY}},Z=function(e){e.cancelable&&e.preventDefault()},X=function(e){var t=e.changedTouches[0];_(e,n.isVertical?t.pageY-x.current.y:t.pageX-x.current.x)},_=function(e,t){t<0?M(e):j(e)},z=function(){return n.value.length>u?n.value.length-u+1:0},L=function(){N.current||(N.current=p.createInlineStyle(t.nonce));var e,a="\n            .p-galleria-thumbnail-items[".concat(w.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/u,"%\n            }\n        ");if(n.responsiveOptions){k.current=S(e=n.responsiveOptions)||C(e)||y(e)||T(),k.current.sort((function(e,n){return h.sort(e.breakpoint,n.breakpoint,-1,t.locale,t.nullSortOrder)}));for(var i=0;i<k.current.length;i++){var r=k.current[i];a+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(w.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}N.current.innerHTML=a},U=function(){if(b.current&&k.current){for(var e=window.innerWidth,t={numVisible:n.numVisible},a=0;a<k.current.length;a++){var i=k.current[a];parseInt(i.breakpoint,10)>=e&&(t=i)}u!==t.numVisible&&s(t.numVisible)}};i((function(){b.current&&(w.current=v(),b.current.setAttribute(w.current,"")),L(),U(),P()})),o((function(){var e=g;O===u&&V===n.activeItemIndex||((e=n.activeItemIndex<=D()?0:n.value.length-u+D()<n.activeItemIndex?u-n.value.length:n.value.length-u<n.activeItemIndex&&u%2==0?-1*n.activeItemIndex+D()+1:-1*n.activeItemIndex+D())!==g&&I(e),b.current.style.transform=n.isVertical?"translate3d(0, ".concat(e*(100/u),"%, 0)"):"translate3d(".concat(e*(100/u),"%, 0, 0)"),V!==n.activeItemIndex&&(p.removeClass(b.current,"p-items-hidden"),b.current.style.transition="transform 500ms ease 0s"))}));var W,$,q,B,F=function(){if(n.showThumbnailNavigators){var t=!n.circular&&0===n.activeItemIndex||n.value.length<=u,a=d("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),i=d("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!n.isVertical,"pi-chevron-up":n.isVertical});return e.createElement("button",{className:a,onClick:j,disabled:t},e.createElement("span",{className:i}),e.createElement(m,null))}return null},J=function(){if(n.showThumbnailNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1||n.value.length<=u,a=d("p-galleria-thumbnail-next p-link",{"p-disabled":t}),i=d("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!n.isVertical,"pi-chevron-down":n.isVertical});return e.createElement("button",{className:a,onClick:M,disabled:t},e.createElement("span",{className:i}),e.createElement(m,null))}return null},Q=(W=n.value.map((function(t,a){var i=-1*g,r=i+u-1;return e.createElement(A,{key:a,index:a,template:n.itemTemplate,item:t,active:i<=a&&r>=a,start:i===a,end:r===a,onItemClick:G,current:n.activeItemIndex===a})})),$=n.isVertical?n.contentHeight:"",q=F(),B=J(),e.createElement("div",{className:"p-galleria-thumbnail-container"},q,e.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:$}},e.createElement("div",{ref:b,className:"p-galleria-thumbnail-items",onTransitionEnd:K,onTouchStart:Y,onTouchMove:Z,onTouchEnd:X},W)),B));return e.createElement("div",{className:"p-galleria-thumbnail-wrapper"},Q)})));A.displayName="GalleriaThumbnailItem",k.displayName="GalleriaThumbnails";var O=e.memo(e.forwardRef((function(i,r){var l=E(e.useState(!1),2),o=l[0],v=l[1],I=E(e.useState(i.numVisible),2),b=I[0],x=I[1],y=E(e.useState(!1),2),w=y[0],S=y[1],C=E(e.useState(i.activeIndex),2),T=C[0],A=C[1],V=e.useRef(null),P=e.useRef(null),H=e.useRef(null),R=i.onItemChange?i.activeIndex:T,D="left"===i.thumbnailsPosition||"right"===i.thumbnailsPosition;c((function(){j({index:i.circular&&i.value.length-1===R?0:R+1})}),i.transitionInterval,w);var j=function(e){i.onItemChange?i.onItemChange(e):A(e.index)},M=function(){v(!0)},G=function(){v(!1)},K=function(){p.addClass(document.body,"p-overflow-hidden")},Y=function(){f.set("modal",H.current,t.autoZIndex,i.baseZIndex||t.zIndex.modal),p.addMultipleClasses(H.current,"p-component-overlay p-component-overlay-enter")},Z=function(){i.onShow&&i.onShow()},X=function(){p.removeClass(document.body,"p-overflow-hidden"),p.addClass(H.current,"p-component-overlay-leave")},_=function(){f.clear(H.current),i.onHide&&i.onHide()},z=function(){return w},L=function(){S(!0)},U=function(){S(!1)},W=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};e.useEffect((function(){i.value&&i.value.length<b&&x(i.value.length)}),[i.value,b]),e.useEffect((function(){x(i.numVisible)}),[i.numVisible]),u((function(){w&&U(),f.clear(H.current)})),e.useImperativeHandle(r,(function(){return{props:i,show:M,hide:G,isAutoPlayActive:z,startSlideShow:L,stopSlideShow:U,getElement:function(){return V.current},getPreviewContent:function(){return P.current}}}));return h.isNotEmpty(i.value)&&function(){var t,r,l,c,u,v,p,f=(t=h.findDiffKeys(i,O.defaultProps),r=i.showThumbnails&&W("p-galleria-thumbnails",i.thumbnailsPosition),l=i.showIndicators&&W("p-galleria-indicators",i.indicatorsPosition),c=d("p-galleria p-component",i.className,{"p-galleria-fullscreen":i.fullScreen,"p-galleria-indicator-onitem":i.showIndicatorsOnItem,"p-galleria-item-nav-onhover":i.showItemNavigatorsOnHover&&!i.fullScreen},r,l),u=i.fullScreen&&e.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":n("close"),onClick:G},e.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(m,null)),v=i.header?e.createElement("div",{className:"p-galleria-header"},i.header):null,p=i.footer?e.createElement("div",{className:"p-galleria-footer"},i.footer):null,e.createElement("div",g({ref:V,id:i.id,className:c,style:i.style},t),u,v,e.createElement("div",{className:"p-galleria-content"},e.createElement(N,{ref:P,value:i.value,activeItemIndex:R,onActiveItemChange:j,itemTemplate:i.item,circular:i.circular,caption:i.caption,showIndicators:i.showIndicators,changeItemOnIndicatorHover:i.changeItemOnIndicatorHover,indicator:i.indicator,showItemNavigators:i.showItemNavigators,autoPlay:i.autoPlay,slideShowActive:w,startSlideShow:L,stopSlideShow:U}),i.showThumbnails&&e.createElement(k,{value:i.value,activeItemIndex:R,onActiveItemChange:j,itemTemplate:i.thumbnail,numVisible:b,responsiveOptions:i.responsiveOptions,circular:i.circular,isVertical:D,contentHeight:i.verticalThumbnailViewPortHeight,showThumbnailNavigators:i.showThumbnailNavigators,autoPlay:i.autoPlay,slideShowActive:w,stopSlideShow:U})),p));if(i.fullScreen){var I=d("p-galleria-mask",{"p-galleria-visible":o});return e.createElement(s,{element:e.createElement("div",{ref:H,className:I},e.createElement(a,{nodeRef:V,classNames:"p-galleria",in:o,timeout:{enter:150,exit:150},options:i.transitionOptions,unmountOnExit:!0,onEnter:K,onEntering:Y,onEntered:Z,onExit:X,onExited:_},f))})}return f}()})));O.displayName="Galleria",O.defaultProps={__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className: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,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null};export{O as Galleria};

package/galleria/galleria.js

@@ -844,7 +844,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       var closeIcon = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-galleria-close p-link",
-        "aria-label": localeOption('close'),
+        "aria-label": PrimeReact.localeOption('close'),
         onClick: hide
       }, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-galleria-close-icon pi pi-times",

package/galleria/galleria.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.galleria=function(e,t,n,a,i,r,l,c){"use strict";function o(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 a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t),m=o(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},d.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw i}}return r}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function h(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 g(){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 I(e,t){return p(e)||v(e,t)||h(e,t)||g()}var b=s.memo(s.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()},r=function(t){n(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),t&&t.cancelable&&t.preventDefault()},o=function(t){n(),e.onActiveItemChange({index:t})},u=function(t){e.changeItemOnIndicatorHover&&(n(),e.onActiveItemChange({index:t}))},m=function(t,a){13===t.which&&(n(),e.onActiveItemChange({index:a}))};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var d=function(t){var n="p-galleria-indicator-"+t,a=c.classNames("p-galleria-indicator",{"p-highlight":e.activeItemIndex===t}),i=e.indicator&&e.indicator(t);return i||(i=s.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},s.createElement(l.Ripple,null))),s.createElement("li",{className:a,key:n,tabIndex:0,onClick:function(){return o(t)},onMouseEnter:function(){return u(t)},onKeyDown:function(e){return m(e,t)}},i)},p=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),v=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});return s.createElement("button",{type:"button",className:n,onClick:a,disabled:t},s.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),s.createElement(l.Ripple,null))}return null}(),f=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});return s.createElement("button",{type:"button",className:n,onClick:r,disabled:t},s.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),s.createElement(l.Ripple,null))}return null}(),h=function(){if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return s.createElement("div",{className:"p-galleria-caption"},t)}return null}(),g=function(){if(e.showIndicators){for(var t=c.classNames("p-galleria-indicators p-reset",e.indicatorsContentClassName),n=[],a=0;a<e.value.length;a++)n.push(d(a));return s.createElement("ul",{className:t},n)}return null}();return s.createElement("div",{ref:t,className:"p-galleria-item-wrapper"},s.createElement("div",{className:"p-galleria-item-container"},v,s.createElement("div",{className:"p-galleria-item"},p),f,h),g)})));function x(e){if(Array.isArray(e))return f(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}b.displayName="GalleriaItem";var E=s.memo((function(e){var t=e.active?0:null,n=e.template&&e.template(e.item),a=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);return s.createElement("div",{className:a},s.createElement("div",{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})}},n))})),N=s.memo(s.forwardRef((function(e,t){var n=I(s.useState(e.numVisible),2),a=n[0],r=n[1],o=I(s.useState(0),2),u=o[0],d=o[1],p=s.useRef(null),v=s.useRef(null),f=s.useRef(""),g=s.useRef(null),b=s.useRef(null),N=i.usePrevious(a),S=i.usePrevious(e.activeItemIndex),C=I(i.useResizeListener({listener:function(){Z()},when:e.responsiveOptions}),1)[0],O=function(t){var n=u+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)),p.current&&(c.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/a),"%, 0)"):"translate3d(".concat(n*(100/a),"%, 0, 0)"),p.current.style.transition="transform 500ms ease 0s"),d(n)},T=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},A=function(){var e=Math.floor(a/2);return a%2?e:e-1},P=function(t){T();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;a-(n+u)-1>A()&&(-1*u!=0||e.circular)&&O(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:n}),t.cancelable&&t.preventDefault()},k=function(t){T();var n=e.activeItemIndex+1;n+u>A()&&(-1*u<U()-1||e.circular)&&O(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:n}),t.cancelable&&t.preventDefault()},H=function(t){T();var n=t.index;if(n!==e.activeItemIndex){var i=n+u,r=0;n<e.activeItemIndex?(r=a-i-1-A())>0&&-1*u!=0&&O(r):(r=A()-i)<0&&-1*u<U()-1&&O(r),e.onActiveItemChange({index:n})}},V=function(e){p.current&&"transform"===e.propertyName&&(c.DomHandler.addClass(p.current,"p-items-hidden"),p.current.style.transition="")},R=function(e){var t=e.changedTouches[0];v.current={x:t.pageX,y:t.pageY}},j=function(e){e.cancelable&&e.preventDefault()},D=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-v.current.y:n.pageX-v.current.x)},M=function(e,t){t<0?k(e):P(e)},U=function(){return e.value.length>a?e.value.length-a+1:0},G=function(){g.current||(g.current=c.DomHandler.createInlineStyle(m.default.nonce));var t,n="\n            .p-galleria-thumbnail-items[".concat(f.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/a,"%\n            }\n        ");if(e.responsiveOptions){b.current=x(t=e.responsiveOptions)||y(t)||h(t)||w(),b.current.sort((function(e,t){return c.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,m.default.locale,m.default.nullSortOrder)}));for(var i=0;i<b.current.length;i++){var r=b.current[i];n+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(f.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}g.current.innerHTML=n},Z=function(){if(p.current&&b.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},i=0;i<b.current.length;i++){var l=b.current[i];parseInt(l.breakpoint,10)>=t&&(n=l)}a!==n.numVisible&&r(n.numVisible)}};i.useMountEffect((function(){p.current&&(f.current=c.UniqueComponentId(),p.current.setAttribute(f.current,"")),G(),Z(),C()})),i.useUpdateEffect((function(){var t=u;N===a&&S===e.activeItemIndex||((t=e.activeItemIndex<=A()?0:e.value.length-a+A()<e.activeItemIndex?a-e.value.length:e.value.length-a<e.activeItemIndex&&a%2==0?-1*e.activeItemIndex+A()+1:-1*e.activeItemIndex+A())!==u&&d(t),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/a),"%, 0)"):"translate3d(".concat(t*(100/a),"%, 0, 0)"),S!==e.activeItemIndex&&(c.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transition="transform 500ms ease 0s"))}));var _,z,K,Y,L=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=a,n=c.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),i=c.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!e.isVertical,"pi-chevron-up":e.isVertical});return s.createElement("button",{className:n,onClick:P,disabled:t},s.createElement("span",{className:i}),s.createElement(l.Ripple,null))}return null},X=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=a,n=c.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":t}),i=c.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!e.isVertical,"pi-chevron-down":e.isVertical});return s.createElement("button",{className:n,onClick:k,disabled:t},s.createElement("span",{className:i}),s.createElement(l.Ripple,null))}return null},q=(_=e.value.map((function(t,n){var i=-1*u,r=i+a-1;return s.createElement(E,{key:n,index:n,template:e.itemTemplate,item:t,active:i<=n&&r>=n,start:i===n,end:r===n,onItemClick:H,current:e.activeItemIndex===n})})),z=e.isVertical?e.contentHeight:"",K=L(),Y=X(),s.createElement("div",{className:"p-galleria-thumbnail-container"},K,s.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:z}},s.createElement("div",{ref:p,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:R,onTouchMove:j,onTouchEnd:D},_)),Y));return s.createElement("div",{className:"p-galleria-thumbnail-wrapper"},q)})));E.displayName="GalleriaThumbnailItem",N.displayName="GalleriaThumbnails";var S=s.memo(s.forwardRef((function(e,t){var n=I(s.useState(!1),2),o=n[0],u=n[1],p=I(s.useState(e.numVisible),2),v=p[0],f=p[1],h=I(s.useState(!1),2),g=h[0],x=h[1],y=I(s.useState(e.activeIndex),2),w=y[0],E=y[1],C=s.useRef(null),O=s.useRef(null),T=s.useRef(null),A=e.onItemChange?e.activeIndex:w,P="left"===e.thumbnailsPosition||"right"===e.thumbnailsPosition;i.useInterval((function(){k({index:e.circular&&e.value.length-1===A?0:A+1})}),e.transitionInterval,g);var k=function(t){e.onItemChange?e.onItemChange(t):E(t.index)},H=function(){u(!0)},V=function(){u(!1)},R=function(){c.DomHandler.addClass(document.body,"p-overflow-hidden")},j=function(){c.ZIndexUtils.set("modal",T.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.modal),c.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},D=function(){e.onShow&&e.onShow()},M=function(){c.DomHandler.removeClass(document.body,"p-overflow-hidden"),c.DomHandler.addClass(T.current,"p-component-overlay-leave")},U=function(){c.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()},G=function(){return g},Z=function(){x(!0)},_=function(){x(!1)},z=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};s.useEffect((function(){e.value&&e.value.length<v&&f(e.value.length)}),[e.value,v]),s.useEffect((function(){f(e.numVisible)}),[e.numVisible]),i.useUnmountEffect((function(){g&&_(),c.ZIndexUtils.clear(T.current)})),s.useImperativeHandle(t,(function(){return{props:e,show:H,hide:V,isAutoPlayActive:G,startSlideShow:Z,stopSlideShow:_,getElement:function(){return C.current},getPreviewContent:function(){return O.current}}}));return c.ObjectUtils.isNotEmpty(e.value)&&function(){var t,n,i,u,m,p,f,h=(t=c.ObjectUtils.findDiffKeys(e,S.defaultProps),n=e.showThumbnails&&z("p-galleria-thumbnails",e.thumbnailsPosition),i=e.showIndicators&&z("p-galleria-indicators",e.indicatorsPosition),u=c.classNames("p-galleria p-component",e.className,{"p-galleria-fullscreen":e.fullScreen,"p-galleria-indicator-onitem":e.showIndicatorsOnItem,"p-galleria-item-nav-onhover":e.showItemNavigatorsOnHover&&!e.fullScreen},n,i),m=e.fullScreen&&s.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":localeOption("close"),onClick:V},s.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(l.Ripple,null)),p=e.header?s.createElement("div",{className:"p-galleria-header"},e.header):null,f=e.footer?s.createElement("div",{className:"p-galleria-footer"},e.footer):null,s.createElement("div",d({ref:C,id:e.id,className:u,style:e.style},t),m,p,s.createElement("div",{className:"p-galleria-content"},s.createElement(b,{ref:O,value:e.value,activeItemIndex:A,onActiveItemChange:k,itemTemplate:e.item,circular:e.circular,caption:e.caption,showIndicators:e.showIndicators,changeItemOnIndicatorHover:e.changeItemOnIndicatorHover,indicator:e.indicator,showItemNavigators:e.showItemNavigators,autoPlay:e.autoPlay,slideShowActive:g,startSlideShow:Z,stopSlideShow:_}),e.showThumbnails&&s.createElement(N,{value:e.value,activeItemIndex:A,onActiveItemChange:k,itemTemplate:e.thumbnail,numVisible:v,responsiveOptions:e.responsiveOptions,circular:e.circular,isVertical:P,contentHeight:e.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.showThumbnailNavigators,autoPlay:e.autoPlay,slideShowActive:g,stopSlideShow:_})),f));if(e.fullScreen){var I=c.classNames("p-galleria-mask",{"p-galleria-visible":o});return s.createElement(r.Portal,{element:s.createElement("div",{ref:T,className:I},s.createElement(a.CSSTransition,{nodeRef:C,classNames:"p-galleria",in:o,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntering:j,onEntered:D,onExit:M,onExited:U},h))})}return h}()})));return S.displayName="Galleria",S.defaultProps={__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className: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,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null},e.Galleria=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.galleria=function(e,t,n,a,i,r,l,c){"use strict";function o(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 a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t),m=o(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},d.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r=[],l=!0,c=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(c)throw i}}return r}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function h(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 g(){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 I(e,t){return p(e)||v(e,t)||h(e,t)||g()}var b=s.memo(s.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()},r=function(t){n(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),t&&t.cancelable&&t.preventDefault()},o=function(t){n(),e.onActiveItemChange({index:t})},u=function(t){e.changeItemOnIndicatorHover&&(n(),e.onActiveItemChange({index:t}))},m=function(t,a){13===t.which&&(n(),e.onActiveItemChange({index:a}))};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var d=function(t){var n="p-galleria-indicator-"+t,a=c.classNames("p-galleria-indicator",{"p-highlight":e.activeItemIndex===t}),i=e.indicator&&e.indicator(t);return i||(i=s.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},s.createElement(l.Ripple,null))),s.createElement("li",{className:a,key:n,tabIndex:0,onClick:function(){return o(t)},onMouseEnter:function(){return u(t)},onKeyDown:function(e){return m(e,t)}},i)},p=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),v=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});return s.createElement("button",{type:"button",className:n,onClick:a,disabled:t},s.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),s.createElement(l.Ripple,null))}return null}(),f=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});return s.createElement("button",{type:"button",className:n,onClick:r,disabled:t},s.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),s.createElement(l.Ripple,null))}return null}(),h=function(){if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return s.createElement("div",{className:"p-galleria-caption"},t)}return null}(),g=function(){if(e.showIndicators){for(var t=c.classNames("p-galleria-indicators p-reset",e.indicatorsContentClassName),n=[],a=0;a<e.value.length;a++)n.push(d(a));return s.createElement("ul",{className:t},n)}return null}();return s.createElement("div",{ref:t,className:"p-galleria-item-wrapper"},s.createElement("div",{className:"p-galleria-item-container"},v,s.createElement("div",{className:"p-galleria-item"},p),f,h),g)})));function x(e){if(Array.isArray(e))return f(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}b.displayName="GalleriaItem";var E=s.memo((function(e){var t=e.active?0:null,n=e.template&&e.template(e.item),a=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);return s.createElement("div",{className:a},s.createElement("div",{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})}},n))})),N=s.memo(s.forwardRef((function(e,t){var n=I(s.useState(e.numVisible),2),a=n[0],r=n[1],o=I(s.useState(0),2),u=o[0],d=o[1],p=s.useRef(null),v=s.useRef(null),f=s.useRef(""),g=s.useRef(null),b=s.useRef(null),N=i.usePrevious(a),S=i.usePrevious(e.activeItemIndex),C=I(i.useResizeListener({listener:function(){Z()},when:e.responsiveOptions}),1)[0],O=function(t){var n=u+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)),p.current&&(c.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/a),"%, 0)"):"translate3d(".concat(n*(100/a),"%, 0, 0)"),p.current.style.transition="transform 500ms ease 0s"),d(n)},T=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},A=function(){var e=Math.floor(a/2);return a%2?e:e-1},P=function(t){T();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;a-(n+u)-1>A()&&(-1*u!=0||e.circular)&&O(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:n}),t.cancelable&&t.preventDefault()},k=function(t){T();var n=e.activeItemIndex+1;n+u>A()&&(-1*u<U()-1||e.circular)&&O(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:n}),t.cancelable&&t.preventDefault()},H=function(t){T();var n=t.index;if(n!==e.activeItemIndex){var i=n+u,r=0;n<e.activeItemIndex?(r=a-i-1-A())>0&&-1*u!=0&&O(r):(r=A()-i)<0&&-1*u<U()-1&&O(r),e.onActiveItemChange({index:n})}},V=function(e){p.current&&"transform"===e.propertyName&&(c.DomHandler.addClass(p.current,"p-items-hidden"),p.current.style.transition="")},R=function(e){var t=e.changedTouches[0];v.current={x:t.pageX,y:t.pageY}},j=function(e){e.cancelable&&e.preventDefault()},D=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-v.current.y:n.pageX-v.current.x)},M=function(e,t){t<0?k(e):P(e)},U=function(){return e.value.length>a?e.value.length-a+1:0},G=function(){g.current||(g.current=c.DomHandler.createInlineStyle(m.default.nonce));var t,n="\n            .p-galleria-thumbnail-items[".concat(f.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/a,"%\n            }\n        ");if(e.responsiveOptions){b.current=x(t=e.responsiveOptions)||y(t)||h(t)||w(),b.current.sort((function(e,t){return c.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,m.default.locale,m.default.nullSortOrder)}));for(var i=0;i<b.current.length;i++){var r=b.current[i];n+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(f.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}g.current.innerHTML=n},Z=function(){if(p.current&&b.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},i=0;i<b.current.length;i++){var l=b.current[i];parseInt(l.breakpoint,10)>=t&&(n=l)}a!==n.numVisible&&r(n.numVisible)}};i.useMountEffect((function(){p.current&&(f.current=c.UniqueComponentId(),p.current.setAttribute(f.current,"")),G(),Z(),C()})),i.useUpdateEffect((function(){var t=u;N===a&&S===e.activeItemIndex||((t=e.activeItemIndex<=A()?0:e.value.length-a+A()<e.activeItemIndex?a-e.value.length:e.value.length-a<e.activeItemIndex&&a%2==0?-1*e.activeItemIndex+A()+1:-1*e.activeItemIndex+A())!==u&&d(t),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/a),"%, 0)"):"translate3d(".concat(t*(100/a),"%, 0, 0)"),S!==e.activeItemIndex&&(c.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transition="transform 500ms ease 0s"))}));var _,z,K,Y,L=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=a,n=c.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),i=c.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!e.isVertical,"pi-chevron-up":e.isVertical});return s.createElement("button",{className:n,onClick:P,disabled:t},s.createElement("span",{className:i}),s.createElement(l.Ripple,null))}return null},X=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=a,n=c.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":t}),i=c.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!e.isVertical,"pi-chevron-down":e.isVertical});return s.createElement("button",{className:n,onClick:k,disabled:t},s.createElement("span",{className:i}),s.createElement(l.Ripple,null))}return null},q=(_=e.value.map((function(t,n){var i=-1*u,r=i+a-1;return s.createElement(E,{key:n,index:n,template:e.itemTemplate,item:t,active:i<=n&&r>=n,start:i===n,end:r===n,onItemClick:H,current:e.activeItemIndex===n})})),z=e.isVertical?e.contentHeight:"",K=L(),Y=X(),s.createElement("div",{className:"p-galleria-thumbnail-container"},K,s.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:z}},s.createElement("div",{ref:p,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:R,onTouchMove:j,onTouchEnd:D},_)),Y));return s.createElement("div",{className:"p-galleria-thumbnail-wrapper"},q)})));E.displayName="GalleriaThumbnailItem",N.displayName="GalleriaThumbnails";var S=s.memo(s.forwardRef((function(e,t){var o=I(s.useState(!1),2),u=o[0],p=o[1],v=I(s.useState(e.numVisible),2),f=v[0],h=v[1],g=I(s.useState(!1),2),x=g[0],y=g[1],w=I(s.useState(e.activeIndex),2),E=w[0],C=w[1],O=s.useRef(null),T=s.useRef(null),A=s.useRef(null),P=e.onItemChange?e.activeIndex:E,k="left"===e.thumbnailsPosition||"right"===e.thumbnailsPosition;i.useInterval((function(){H({index:e.circular&&e.value.length-1===P?0:P+1})}),e.transitionInterval,x);var H=function(t){e.onItemChange?e.onItemChange(t):C(t.index)},V=function(){p(!0)},R=function(){p(!1)},j=function(){c.DomHandler.addClass(document.body,"p-overflow-hidden")},D=function(){c.ZIndexUtils.set("modal",A.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.modal),c.DomHandler.addMultipleClasses(A.current,"p-component-overlay p-component-overlay-enter")},M=function(){e.onShow&&e.onShow()},U=function(){c.DomHandler.removeClass(document.body,"p-overflow-hidden"),c.DomHandler.addClass(A.current,"p-component-overlay-leave")},G=function(){c.ZIndexUtils.clear(A.current),e.onHide&&e.onHide()},Z=function(){return x},_=function(){y(!0)},z=function(){y(!1)},K=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};s.useEffect((function(){e.value&&e.value.length<f&&h(e.value.length)}),[e.value,f]),s.useEffect((function(){h(e.numVisible)}),[e.numVisible]),i.useUnmountEffect((function(){x&&z(),c.ZIndexUtils.clear(A.current)})),s.useImperativeHandle(t,(function(){return{props:e,show:V,hide:R,isAutoPlayActive:Z,startSlideShow:_,stopSlideShow:z,getElement:function(){return O.current},getPreviewContent:function(){return T.current}}}));return c.ObjectUtils.isNotEmpty(e.value)&&function(){var t,i,o,m,p,v,h,g=(t=c.ObjectUtils.findDiffKeys(e,S.defaultProps),i=e.showThumbnails&&K("p-galleria-thumbnails",e.thumbnailsPosition),o=e.showIndicators&&K("p-galleria-indicators",e.indicatorsPosition),m=c.classNames("p-galleria p-component",e.className,{"p-galleria-fullscreen":e.fullScreen,"p-galleria-indicator-onitem":e.showIndicatorsOnItem,"p-galleria-item-nav-onhover":e.showItemNavigatorsOnHover&&!e.fullScreen},i,o),p=e.fullScreen&&s.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":n.localeOption("close"),onClick:R},s.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(l.Ripple,null)),v=e.header?s.createElement("div",{className:"p-galleria-header"},e.header):null,h=e.footer?s.createElement("div",{className:"p-galleria-footer"},e.footer):null,s.createElement("div",d({ref:O,id:e.id,className:m,style:e.style},t),p,v,s.createElement("div",{className:"p-galleria-content"},s.createElement(b,{ref:T,value:e.value,activeItemIndex:P,onActiveItemChange:H,itemTemplate:e.item,circular:e.circular,caption:e.caption,showIndicators:e.showIndicators,changeItemOnIndicatorHover:e.changeItemOnIndicatorHover,indicator:e.indicator,showItemNavigators:e.showItemNavigators,autoPlay:e.autoPlay,slideShowActive:x,startSlideShow:_,stopSlideShow:z}),e.showThumbnails&&s.createElement(N,{value:e.value,activeItemIndex:P,onActiveItemChange:H,itemTemplate:e.thumbnail,numVisible:f,responsiveOptions:e.responsiveOptions,circular:e.circular,isVertical:k,contentHeight:e.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.showThumbnailNavigators,autoPlay:e.autoPlay,slideShowActive:x,stopSlideShow:z})),h));if(e.fullScreen){var I=c.classNames("p-galleria-mask",{"p-galleria-visible":u});return s.createElement(r.Portal,{element:s.createElement("div",{ref:A,className:I},s.createElement(a.CSSTransition,{nodeRef:O,classNames:"p-galleria",in:u,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:j,onEntering:D,onEntered:M,onExit:U,onExited:G},g))})}return g}()})));return S.displayName="Galleria",S.defaultProps={__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className: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,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null},e.Galleria=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);

package/image/image.cjs.js

@@ -137,7 +137,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var previewRef = React__namespace.useRef(null);
   var previewClick = React__namespace.useRef(false);
 
-  var onImageClick = function onImageClick() {
+  var show = function show() {
     if (props.preview) {
       setMaskVisibleState(true);
       setTimeout(function () {
@@ -146,11 +146,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }
   };
 
-  var onPreviewImageClick = function onPreviewImageClick() {
-    previewClick.current = true;
-  };
-
-  var onMaskClick = function onMaskClick() {
+  var hide = function hide() {
     if (!previewClick.current) {
       setPreviewVisibleState(false);
       setRotateState(0);
@@ -160,6 +156,10 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     previewClick.current = false;
   };
 
+  var onPreviewImageClick = function onPreviewImageClick() {
+    previewClick.current = true;
+  };
+
   var onDownload = function onDownload() {
     var name = props.alt,
         src = props.src;
@@ -227,7 +227,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     if (props.preview) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-image-preview-indicator",
-        onClick: onImageClick
+        onClick: show
       }, content);
     }
 
@@ -244,7 +244,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: maskRef,
       className: "p-image-mask p-component-overlay p-component-overlay-enter",
-      onClick: onMaskClick
+      onClick: hide
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-image-toolbar"
     }, downloadable && /*#__PURE__*/React__namespace.createElement("button", {
@@ -302,7 +302,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }, /*#__PURE__*/React__namespace.createElement("div", {
       ref: previewRef
     }, /*#__PURE__*/React__namespace.createElement("img", {
-      src: props.src,
+      src: props.zoomSrc || props.src,
       className: "p-image-preview",
       style: imagePreviewStyle,
       onClick: onPreviewImageClick,
@@ -313,6 +313,8 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -334,7 +336,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     className: "p-image-preview-icon pi pi-eye"
   });
   var preview = createPreview();
-  var image = /*#__PURE__*/React__namespace.createElement("img", {
+  var image = props.src && /*#__PURE__*/React__namespace.createElement("img", {
     ref: imageRef,
     src: src,
     className: props.imageClassName,
@@ -355,17 +357,20 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 Image.displayName = 'Image';
 Image.defaultProps = {
   __TYPE: 'Image',
-  preview: false,
+  alt: null,
   className: null,
   downloadable: false,
-  imageStyle: null,
+  height: null,
   imageClassName: null,
-  template: null,
+  imageStyle: null,
+  onError: null,
+  onHide: null,
+  onShow: null,
+  preview: false,
   src: null,
-  alt: null,
+  template: null,
   width: null,
-  height: null,
-  onError: null
+  zoomSrc: null
 };
 
 exports.Image = Image;

package/image/image.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/portal"),i=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(e),u=l(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}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 d(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 g(){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 b(e,t){return m(e)||p(e,t)||d(e,t)||g()}var y=c.memo(c.forwardRef((function(e,l){var o=b(c.useState(!1),2),m=o[0],p=o[1],f=b(c.useState(!1),2),d=f[0],g=f[1],v=b(c.useState(0),2),E=v[0],h=v[1],N=b(c.useState(1),2),w=N[0],k=N[1],O=c.useRef(null),S=c.useRef(null),j=c.useRef(null),x=c.useRef(null),C=c.useRef(!1),I=function(){e.preview&&(p(!0),setTimeout((function(){g(!0)}),25))},P=function(){C.current=!0},A=function(){C.current||(g(!1),h(0),k(1)),C.current=!1},R=function(){i.DomHandler.saveAs({name:e.alt,src:e.src}),C.current=!0},U=function(){h((function(e){return e+90})),C.current=!0},q=function(){h((function(e){return e-90})),C.current=!0},_=function(){k((function(e){return e+.1})),C.current=!0},H=function(){k((function(e){return e-.1})),C.current=!0},T=function(){i.ZIndexUtils.set("modal",j.current,u.default.autoZIndex,u.default.zIndex.modal)},D=function(){e.onShow&&e.onShow()},Z=function(){i.DomHandler.addClass(j.current,"p-component-overlay-leave")},M=function(){e.onHide&&e.onHide()},z=function(){i.ZIndexUtils.clear(j.current),p(!1)};r.useUnmountEffect((function(){j.current&&i.ZIndexUtils.clear(j.current)}));c.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return O.current},getImage:function(){return S.current}}}));var J,K,X=e.src,Y=e.alt,$=e.width,B=e.height,F=i.ObjectUtils.findDiffKeys(e,y.defaultProps),G=i.classNames("p-image p-component",e.className,{"p-image-preview-container":e.preview}),L=(J={transform:"rotate("+E+"deg) scale("+w+")"},K=w<=.5||w>=1.5,c.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:A},c.createElement("div",{className:"p-image-toolbar"},e.downloadable&&c.createElement("button",{className:"p-image-action p-link",onClick:R,type:"button"},c.createElement("i",{className:"pi pi-download"})),c.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},c.createElement("i",{className:"pi pi-refresh"})),c.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button"},c.createElement("i",{className:"pi pi-undo"})),c.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button",disabled:K},c.createElement("i",{className:"pi pi-search-minus"})),c.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:K},c.createElement("i",{className:"pi pi-search-plus"})),c.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":t.localeOption("close")},c.createElement("i",{className:"pi pi-times"}))),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-image-preview",in:d,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:T,onEntered:D,onExit:Z,onExiting:M,onExited:z},c.createElement("div",{ref:x},c.createElement("img",{src:e.src,className:"p-image-preview",style:J,onClick:P,alt:e.alt}))))),Q=e.template?i.ObjectUtils.getJSXElement(e.template,e):c.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),V=e.preview?c.createElement("div",{className:"p-image-preview-indicator",onClick:I},Q):null,W=c.createElement("img",{ref:S,src:X,className:e.imageClassName,width:$,height:B,style:e.imageStyle,alt:Y,onError:e.onError});return c.createElement("span",s({ref:O,className:G},F),W,V,m&&c.createElement(a.Portal,{element:L,appendTo:document.body}))})));y.displayName="Image",y.defaultProps={__TYPE:"Image",preview:!1,className:null,downloadable:!1,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null,onError:null},exports.Image=y;
+"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/portal"),i=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(e),u=l(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}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 d(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 g(){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 b(e,t){return m(e)||p(e,t)||d(e,t)||g()}var y=c.memo(c.forwardRef((function(e,l){var o=b(c.useState(!1),2),m=o[0],p=o[1],f=b(c.useState(!1),2),d=f[0],g=f[1],v=b(c.useState(0),2),E=v[0],h=v[1],w=b(c.useState(1),2),N=w[0],S=w[1],k=c.useRef(null),O=c.useRef(null),j=c.useRef(null),x=c.useRef(null),C=c.useRef(!1),I=function(){e.preview&&(p(!0),setTimeout((function(){g(!0)}),25))},P=function(){C.current||(g(!1),h(0),S(1)),C.current=!1},A=function(){C.current=!0},R=function(){i.DomHandler.saveAs({name:e.alt,src:e.src}),C.current=!0},U=function(){h((function(e){return e+90})),C.current=!0},q=function(){h((function(e){return e-90})),C.current=!0},H=function(){S((function(e){return e+.1})),C.current=!0},_=function(){S((function(e){return e-.1})),C.current=!0},T=function(){i.ZIndexUtils.set("modal",j.current,u.default.autoZIndex,u.default.zIndex.modal)},z=function(){e.onShow&&e.onShow()},D=function(){i.DomHandler.addClass(j.current,"p-component-overlay-leave")},Z=function(){e.onHide&&e.onHide()},M=function(){i.ZIndexUtils.clear(j.current),p(!1)};r.useUnmountEffect((function(){j.current&&i.ZIndexUtils.clear(j.current)}));c.useImperativeHandle(l,(function(){return{props:e,show:I,hide:P,getElement:function(){return k.current},getImage:function(){return O.current}}}));var J,K,X=e.src,Y=e.alt,$=e.width,B=e.height,F=i.ObjectUtils.findDiffKeys(e,y.defaultProps),G=i.classNames("p-image p-component",e.className,{"p-image-preview-container":e.preview}),L=(J={transform:"rotate("+E+"deg) scale("+N+")"},K=N<=.5||N>=1.5,c.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},c.createElement("div",{className:"p-image-toolbar"},e.downloadable&&c.createElement("button",{className:"p-image-action p-link",onClick:R,type:"button"},c.createElement("i",{className:"pi pi-download"})),c.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},c.createElement("i",{className:"pi pi-refresh"})),c.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button"},c.createElement("i",{className:"pi pi-undo"})),c.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:K},c.createElement("i",{className:"pi pi-search-minus"})),c.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button",disabled:K},c.createElement("i",{className:"pi pi-search-plus"})),c.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":t.localeOption("close")},c.createElement("i",{className:"pi pi-times"}))),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-image-preview",in:d,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:T,onEntered:z,onExit:D,onExiting:Z,onExited:M},c.createElement("div",{ref:x},c.createElement("img",{src:e.zoomSrc||e.src,className:"p-image-preview",style:J,onClick:A,alt:e.alt}))))),Q=e.template?i.ObjectUtils.getJSXElement(e.template,e):c.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),V=e.preview?c.createElement("div",{className:"p-image-preview-indicator",onClick:I},Q):null,W=e.src&&c.createElement("img",{ref:O,src:X,className:e.imageClassName,width:$,height:B,style:e.imageStyle,alt:Y,onError:e.onError});return c.createElement("span",s({ref:k,className:G},F),W,V,m&&c.createElement(a.Portal,{element:L,appendTo:document.body}))})));y.displayName="Image",y.defaultProps={__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null},exports.Image=y;

package/image/image.d.ts

@@ -1,21 +1,24 @@
 import * as React from 'react';
 
 export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
-    preview?: boolean;
+    alt?: string;
+    children?: React.ReactNode;
     downloadable?: boolean;
-    imageStyle?: string;
+    height?: string;
     imageClassName?: string;
-    template?: any;
+    imageStyle?: string;
+    preview?: boolean;
     src?: string;
-    alt?: string;
+    template?: any;
     width?: string;
-    height?: string;
-    onShow?(): void;
+    zoomSrc?: string;
     onHide?(): void;
-    children?: React.ReactNode;
+    onShow?(): void;
 }
 
 export declare class Image extends React.Component<ImageProps, any> {
+    public show(): void;
+    public hide(): void;
     public getElement(): HTMLSpanElement;
     public getImage(): HTMLImageElement;
 }

package/image/image.esm.js

@@ -110,7 +110,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   var previewRef = React.useRef(null);
   var previewClick = React.useRef(false);
 
-  var onImageClick = function onImageClick() {
+  var show = function show() {
     if (props.preview) {
       setMaskVisibleState(true);
       setTimeout(function () {
@@ -119,11 +119,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     }
   };
 
-  var onPreviewImageClick = function onPreviewImageClick() {
-    previewClick.current = true;
-  };
-
-  var onMaskClick = function onMaskClick() {
+  var hide = function hide() {
     if (!previewClick.current) {
       setPreviewVisibleState(false);
       setRotateState(0);
@@ -133,6 +129,10 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     previewClick.current = false;
   };
 
+  var onPreviewImageClick = function onPreviewImageClick() {
+    previewClick.current = true;
+  };
+
   var onDownload = function onDownload() {
     var name = props.alt,
         src = props.src;
@@ -200,7 +200,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     if (props.preview) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-image-preview-indicator",
-        onClick: onImageClick
+        onClick: show
       }, content);
     }
 
@@ -217,7 +217,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return /*#__PURE__*/React.createElement("div", {
       ref: maskRef,
       className: "p-image-mask p-component-overlay p-component-overlay-enter",
-      onClick: onMaskClick
+      onClick: hide
     }, /*#__PURE__*/React.createElement("div", {
       className: "p-image-toolbar"
     }, downloadable && /*#__PURE__*/React.createElement("button", {
@@ -275,7 +275,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     }, /*#__PURE__*/React.createElement("div", {
       ref: previewRef
     }, /*#__PURE__*/React.createElement("img", {
-      src: props.src,
+      src: props.zoomSrc || props.src,
       className: "p-image-preview",
       style: imagePreviewStyle,
       onClick: onPreviewImageClick,
@@ -286,6 +286,8 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -307,7 +309,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     className: "p-image-preview-icon pi pi-eye"
   });
   var preview = createPreview();
-  var image = /*#__PURE__*/React.createElement("img", {
+  var image = props.src && /*#__PURE__*/React.createElement("img", {
     ref: imageRef,
     src: src,
     className: props.imageClassName,
@@ -328,17 +330,20 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 Image.displayName = 'Image';
 Image.defaultProps = {
   __TYPE: 'Image',
-  preview: false,
+  alt: null,
   className: null,
   downloadable: false,
-  imageStyle: null,
+  height: null,
   imageClassName: null,
-  template: null,
+  imageStyle: null,
+  onError: null,
+  onHide: null,
+  onShow: null,
+  preview: false,
   src: null,
-  alt: null,
+  template: null,
   width: null,
-  height: null,
-  onError: null
+  zoomSrc: null
 };
 
 export { Image };

package/image/image.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{useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{ZIndexUtils as o,ObjectUtils as l,classNames as c,DomHandler as u}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}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 d(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 g(){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 y(e,t){return s(e)||p(e,t)||d(e,t)||g()}var E=e.memo(e.forwardRef((function(s,p){var f=y(e.useState(!1),2),d=f[0],g=f[1],v=y(e.useState(!1),2),b=v[0],h=v[1],N=y(e.useState(0),2),w=N[0],k=N[1],S=y(e.useState(1),2),C=S[0],x=S[1],I=e.useRef(null),A=e.useRef(null),O=e.useRef(null),R=e.useRef(null),j=e.useRef(!1),P=function(){s.preview&&(g(!0),setTimeout((function(){h(!0)}),25))},T=function(){j.current=!0},H=function(){j.current||(h(!1),k(0),x(1)),j.current=!1},_=function(){u.saveAs({name:s.alt,src:s.src}),j.current=!0},z=function(){k((function(e){return e+90})),j.current=!0},D=function(){k((function(e){return e-90})),j.current=!0},J=function(){x((function(e){return e+.1})),j.current=!0},K=function(){x((function(e){return e-.1})),j.current=!0},M=function(){o.set("modal",O.current,t.autoZIndex,t.zIndex.modal)},U=function(){s.onShow&&s.onShow()},X=function(){u.addClass(O.current,"p-component-overlay-leave")},Y=function(){s.onHide&&s.onHide()},Z=function(){o.clear(O.current),g(!1)};a((function(){O.current&&o.clear(O.current)}));e.useImperativeHandle(p,(function(){return{props:s,getElement:function(){return I.current},getImage:function(){return A.current}}}));var $,q,B=s.src,F=s.alt,G=s.width,L=s.height,Q=l.findDiffKeys(s,E.defaultProps),V=c("p-image p-component",s.className,{"p-image-preview-container":s.preview}),W=($={transform:"rotate("+w+"deg) scale("+C+")"},q=C<=.5||C>=1.5,e.createElement("div",{ref:O,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:H},e.createElement("div",{className:"p-image-toolbar"},s.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:K,type:"button",disabled:q},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:J,type:"button",disabled:q},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},e.createElement("i",{className:"pi pi-times"}))),e.createElement(r,{nodeRef:R,classNames:"p-image-preview",in:b,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:M,onEntered:U,onExit:X,onExiting:Y,onExited:Z},e.createElement("div",{ref:R},e.createElement("img",{src:s.src,className:"p-image-preview",style:$,onClick:T,alt:s.alt}))))),ee=s.template?l.getJSXElement(s.template,s):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),te=s.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:P},ee):null,ne=e.createElement("img",{ref:A,src:B,className:s.imageClassName,width:G,height:L,style:s.imageStyle,alt:F,onError:s.onError});return e.createElement("span",m({ref:I,className:V},Q),ne,te,d&&e.createElement(i,{element:W,appendTo:document.body}))})));E.displayName="Image",E.defaultProps={__TYPE:"Image",preview:!1,className:null,downloadable:!1,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null,onError:null};export{E as Image};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{ZIndexUtils as o,ObjectUtils as l,classNames as c,DomHandler as u}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}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 d(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 g(){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 y(e,t){return s(e)||p(e,t)||d(e,t)||g()}var E=e.memo(e.forwardRef((function(s,p){var f=y(e.useState(!1),2),d=f[0],g=f[1],v=y(e.useState(!1),2),b=v[0],h=v[1],w=y(e.useState(0),2),N=w[0],S=w[1],k=y(e.useState(1),2),C=k[0],x=k[1],I=e.useRef(null),A=e.useRef(null),O=e.useRef(null),R=e.useRef(null),j=e.useRef(!1),H=function(){s.preview&&(g(!0),setTimeout((function(){h(!0)}),25))},P=function(){j.current||(h(!1),S(0),x(1)),j.current=!1},T=function(){j.current=!0},z=function(){u.saveAs({name:s.alt,src:s.src}),j.current=!0},_=function(){S((function(e){return e+90})),j.current=!0},D=function(){S((function(e){return e-90})),j.current=!0},J=function(){x((function(e){return e+.1})),j.current=!0},K=function(){x((function(e){return e-.1})),j.current=!0},M=function(){o.set("modal",O.current,t.autoZIndex,t.zIndex.modal)},U=function(){s.onShow&&s.onShow()},X=function(){u.addClass(O.current,"p-component-overlay-leave")},Y=function(){s.onHide&&s.onHide()},Z=function(){o.clear(O.current),g(!1)};a((function(){O.current&&o.clear(O.current)}));e.useImperativeHandle(p,(function(){return{props:s,show:H,hide:P,getElement:function(){return I.current},getImage:function(){return A.current}}}));var $,q,B=s.src,F=s.alt,G=s.width,L=s.height,Q=l.findDiffKeys(s,E.defaultProps),V=c("p-image p-component",s.className,{"p-image-preview-container":s.preview}),W=($={transform:"rotate("+N+"deg) scale("+C+")"},q=C<=.5||C>=1.5,e.createElement("div",{ref:O,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},e.createElement("div",{className:"p-image-toolbar"},s.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:K,type:"button",disabled:q},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:J,type:"button",disabled:q},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},e.createElement("i",{className:"pi pi-times"}))),e.createElement(r,{nodeRef:R,classNames:"p-image-preview",in:b,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:M,onEntered:U,onExit:X,onExiting:Y,onExited:Z},e.createElement("div",{ref:R},e.createElement("img",{src:s.zoomSrc||s.src,className:"p-image-preview",style:$,onClick:T,alt:s.alt}))))),ee=s.template?l.getJSXElement(s.template,s):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),te=s.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:H},ee):null,ne=s.src&&e.createElement("img",{ref:A,src:B,className:s.imageClassName,width:G,height:L,style:s.imageStyle,alt:F,onError:s.onError});return e.createElement("span",m({ref:I,className:V},Q),ne,te,d&&e.createElement(i,{element:W,appendTo:document.body}))})));E.displayName="Image",E.defaultProps={__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null};export{E as Image};

package/image/image.js

@@ -130,7 +130,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     var previewRef = React__namespace.useRef(null);
     var previewClick = React__namespace.useRef(false);
 
-    var onImageClick = function onImageClick() {
+    var show = function show() {
       if (props.preview) {
         setMaskVisibleState(true);
         setTimeout(function () {
@@ -139,11 +139,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       }
     };
 
-    var onPreviewImageClick = function onPreviewImageClick() {
-      previewClick.current = true;
-    };
-
-    var onMaskClick = function onMaskClick() {
+    var hide = function hide() {
       if (!previewClick.current) {
         setPreviewVisibleState(false);
         setRotateState(0);
@@ -153,6 +149,10 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       previewClick.current = false;
     };
 
+    var onPreviewImageClick = function onPreviewImageClick() {
+      previewClick.current = true;
+    };
+
     var onDownload = function onDownload() {
       var name = props.alt,
           src = props.src;
@@ -220,7 +220,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       if (props.preview) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-image-preview-indicator",
-          onClick: onImageClick
+          onClick: show
         }, content);
       }
 
@@ -237,7 +237,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: maskRef,
         className: "p-image-mask p-component-overlay p-component-overlay-enter",
-        onClick: onMaskClick
+        onClick: hide
       }, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-image-toolbar"
       }, downloadable && /*#__PURE__*/React__namespace.createElement("button", {
@@ -295,7 +295,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       }, /*#__PURE__*/React__namespace.createElement("div", {
         ref: previewRef
       }, /*#__PURE__*/React__namespace.createElement("img", {
-        src: props.src,
+        src: props.zoomSrc || props.src,
         className: "p-image-preview",
         style: imagePreviewStyle,
         onClick: onPreviewImageClick,
@@ -306,6 +306,8 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        show: show,
+        hide: hide,
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -327,7 +329,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       className: "p-image-preview-icon pi pi-eye"
     });
     var preview = createPreview();
-    var image = /*#__PURE__*/React__namespace.createElement("img", {
+    var image = props.src && /*#__PURE__*/React__namespace.createElement("img", {
       ref: imageRef,
       src: src,
       className: props.imageClassName,
@@ -348,17 +350,20 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
   Image.displayName = 'Image';
   Image.defaultProps = {
     __TYPE: 'Image',
-    preview: false,
+    alt: null,
     className: null,
     downloadable: false,
-    imageStyle: null,
+    height: null,
     imageClassName: null,
-    template: null,
+    imageStyle: null,
+    onError: null,
+    onHide: null,
+    onShow: null,
+    preview: false,
     src: null,
-    alt: null,
+    template: null,
     width: null,
-    height: null,
-    onError: null
+    zoomSrc: null
   };
 
   exports.Image = Image;

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,a,i,l){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 u=c(t),s=o(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}return i}}function d(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 g(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return p(e)||f(e,t)||g(e,t)||b()}var v=u.memo(u.forwardRef((function(e,t){var o=y(u.useState(!1),2),c=o[0],p=o[1],f=y(u.useState(!1),2),d=f[0],g=f[1],b=y(u.useState(0),2),E=b[0],h=b[1],N=y(u.useState(1),2),w=N[0],k=N[1],O=u.useRef(null),S=u.useRef(null),j=u.useRef(null),C=u.useRef(null),I=u.useRef(!1),x=function(){e.preview&&(p(!0),setTimeout((function(){g(!0)}),25))},P=function(){I.current=!0},R=function(){I.current||(g(!1),h(0),k(1)),I.current=!1},A=function(){l.DomHandler.saveAs({name:e.alt,src:e.src}),I.current=!0},U=function(){h((function(e){return e+90})),I.current=!0},_=function(){h((function(e){return e-90})),I.current=!0},H=function(){k((function(e){return e+.1})),I.current=!0},T=function(){k((function(e){return e-.1})),I.current=!0},D=function(){l.ZIndexUtils.set("modal",j.current,s.default.autoZIndex,s.default.zIndex.modal)},Z=function(){e.onShow&&e.onShow()},M=function(){l.DomHandler.addClass(j.current,"p-component-overlay-leave")},z=function(){e.onHide&&e.onHide()},J=function(){l.ZIndexUtils.clear(j.current),p(!1)};a.useUnmountEffect((function(){j.current&&l.ZIndexUtils.clear(j.current)}));u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return O.current},getImage:function(){return S.current}}}));var K,X,Y=e.src,$=e.alt,q=e.width,B=e.height,F=l.ObjectUtils.findDiffKeys(e,v.defaultProps),G=l.classNames("p-image p-component",e.className,{"p-image-preview-container":e.preview}),L=(K={transform:"rotate("+E+"deg) scale("+w+")"},X=w<=.5||w>=1.5,u.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:R},u.createElement("div",{className:"p-image-toolbar"},e.downloadable&&u.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},u.createElement("i",{className:"pi pi-download"})),u.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},u.createElement("i",{className:"pi pi-refresh"})),u.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},u.createElement("i",{className:"pi pi-undo"})),u.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:X},u.createElement("i",{className:"pi pi-search-minus"})),u.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button",disabled:X},u.createElement("i",{className:"pi pi-search-plus"})),u.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},u.createElement("i",{className:"pi pi-times"}))),u.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-image-preview",in:d,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:D,onEntered:Z,onExit:M,onExiting:z,onExited:J},u.createElement("div",{ref:C},u.createElement("img",{src:e.src,className:"p-image-preview",style:K,onClick:P,alt:e.alt}))))),Q=e.template?l.ObjectUtils.getJSXElement(e.template,e):u.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),V=e.preview?u.createElement("div",{className:"p-image-preview-indicator",onClick:x},Q):null,W=u.createElement("img",{ref:S,src:Y,className:e.imageClassName,width:q,height:B,style:e.imageStyle,alt:$,onError:e.onError});return u.createElement("span",m({ref:O,className:G},F),W,V,c&&u.createElement(i.Portal,{element:L,appendTo:document.body}))})));return v.displayName="Image",v.defaultProps={__TYPE:"Image",preview:!1,className:null,downloadable:!1,imageStyle:null,imageClassName:null,template:null,src:null,alt:null,width:null,height:null,onError:null},e.Image=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,a,i,l){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 u=c(t),s=o(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}return i}}function d(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 g(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return p(e)||f(e,t)||g(e,t)||b()}var v=u.memo(u.forwardRef((function(e,t){var o=y(u.useState(!1),2),c=o[0],p=o[1],f=y(u.useState(!1),2),d=f[0],g=f[1],b=y(u.useState(0),2),E=b[0],h=b[1],w=y(u.useState(1),2),N=w[0],S=w[1],k=u.useRef(null),O=u.useRef(null),j=u.useRef(null),C=u.useRef(null),I=u.useRef(!1),x=function(){e.preview&&(p(!0),setTimeout((function(){g(!0)}),25))},P=function(){I.current||(g(!1),h(0),S(1)),I.current=!1},R=function(){I.current=!0},A=function(){l.DomHandler.saveAs({name:e.alt,src:e.src}),I.current=!0},U=function(){h((function(e){return e+90})),I.current=!0},H=function(){h((function(e){return e-90})),I.current=!0},_=function(){S((function(e){return e+.1})),I.current=!0},T=function(){S((function(e){return e-.1})),I.current=!0},z=function(){l.ZIndexUtils.set("modal",j.current,s.default.autoZIndex,s.default.zIndex.modal)},D=function(){e.onShow&&e.onShow()},Z=function(){l.DomHandler.addClass(j.current,"p-component-overlay-leave")},M=function(){e.onHide&&e.onHide()},J=function(){l.ZIndexUtils.clear(j.current),p(!1)};a.useUnmountEffect((function(){j.current&&l.ZIndexUtils.clear(j.current)}));u.useImperativeHandle(t,(function(){return{props:e,show:x,hide:P,getElement:function(){return k.current},getImage:function(){return O.current}}}));var K,X,Y=e.src,$=e.alt,q=e.width,B=e.height,F=l.ObjectUtils.findDiffKeys(e,v.defaultProps),G=l.classNames("p-image p-component",e.className,{"p-image-preview-container":e.preview}),L=(K={transform:"rotate("+E+"deg) scale("+N+")"},X=N<=.5||N>=1.5,u.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:P},u.createElement("div",{className:"p-image-toolbar"},e.downloadable&&u.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},u.createElement("i",{className:"pi pi-download"})),u.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},u.createElement("i",{className:"pi pi-refresh"})),u.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},u.createElement("i",{className:"pi pi-undo"})),u.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:X},u.createElement("i",{className:"pi pi-search-minus"})),u.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button",disabled:X},u.createElement("i",{className:"pi pi-search-plus"})),u.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},u.createElement("i",{className:"pi pi-times"}))),u.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-image-preview",in:d,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:z,onEntered:D,onExit:Z,onExiting:M,onExited:J},u.createElement("div",{ref:C},u.createElement("img",{src:e.zoomSrc||e.src,className:"p-image-preview",style:K,onClick:R,alt:e.alt}))))),Q=e.template?l.ObjectUtils.getJSXElement(e.template,e):u.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),V=e.preview?u.createElement("div",{className:"p-image-preview-indicator",onClick:x},Q):null,W=e.src&&u.createElement("img",{ref:O,src:Y,className:e.imageClassName,width:q,height:B,style:e.imageStyle,alt:$,onError:e.onError});return u.createElement("span",m({ref:k,className:G},F),W,V,c&&u.createElement(i.Portal,{element:L,appendTo:document.body}))})));return v.displayName="Image",v.defaultProps={__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null},e.Image=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils);