primereact 8.1.0 → 8.3.0

package/fullcalendar/fullcalendar.js

@@ -40,6 +40,24 @@ this.primereact.fullcalendar = (function (exports, React, hooks, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var FullCalendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var config = React__namespace.useRef({});
@@ -61,6 +79,13 @@ this.primereact.fullcalendar = (function (exports, React, hooks, utils) {
       });
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     hooks.useMountEffect(function () {
       // eslint-disable-next-line no-console
       console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");

package/fullcalendar/fullcalendar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fullcalendar=function(e,r,t,n){"use strict";function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=u(r);function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var c=l.memo(l.forwardRef((function(e,r){var u=l.useRef(null),o=l.useRef({}),s=l.useRef(null),i=t.usePrevious(e.events),f=t.usePrevious(e.options),d=function(){import("@fullcalendar/core").then((function(r){r&&r.Calendar&&(s.current=new r.Calendar(u.current,o.current),s.current.render(),e.events&&(s.current.removeAllEventSources(),s.current.addEventSource(e.events)))}))};t.useMountEffect((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),o.current={theme:!0},e.options)for(var r in e.options)o.current[r]=e.options[r];d()})),t.useUpdateEffect((function(){if(s.current){if(n.ObjectUtils.equals(i,e.events)||(s.current.removeAllEventSources(),s.addEventSource(e.events)),!n.ObjectUtils.equals(f,e.options))for(var r in e.options){var t=e.options[r];o.current[r]=t,s.current.setOption(r,t)}}else d()})),t.useUnmountEffect((function(){s.current&&s.current.destroy()}));var p=n.ObjectUtils.findDiffKeys(e,c.defaultProps);return l.createElement("div",a({ref:u,id:e.id,style:e.style,className:e.className},p))})));return c.displayName="FullCalendar",c.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null},e.FullCalendar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.fullcalendar=function(e,r,t,n){"use strict";function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=u(r);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var s=c.memo(c.forwardRef((function(e,r){var u=c.useRef(null),l=c.useRef({}),a=c.useRef(null),f=t.usePrevious(e.events),p=t.usePrevious(e.options),d=function(){import("@fullcalendar/core").then((function(r){r&&r.Calendar&&(a.current=new r.Calendar(u.current,l.current),a.current.render(),e.events&&(a.current.removeAllEventSources(),a.current.addEventSource(e.events)))}))};c.useImperativeHandle(r,(function(){return i({getElement:function(){return u.current}},e)})),t.useMountEffect((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),l.current={theme:!0},e.options)for(var r in e.options)l.current[r]=e.options[r];d()})),t.useUpdateEffect((function(){if(a.current){if(n.ObjectUtils.equals(f,e.events)||(a.current.removeAllEventSources(),a.addEventSource(e.events)),!n.ObjectUtils.equals(p,e.options))for(var r in e.options){var t=e.options[r];l.current[r]=t,a.current.setOption(r,t)}}else d()})),t.useUnmountEffect((function(){a.current&&a.current.destroy()}));var v=n.ObjectUtils.findDiffKeys(e,s.defaultProps);return c.createElement("div",o({ref:u,id:e.id,style:e.style,className:e.className},v))})));return s.displayName="FullCalendar",s.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null},e.FullCalendar=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/galleria/galleria.cjs.js

@@ -51,6 +51,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -698,6 +713,9 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -805,13 +823,19 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     utils.ZIndexUtils.clear(maskRef.current);
   });
   React__namespace.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       show: show,
       hide: hide,
       isAutoPlayActive: isAutoPlayActive,
       startSlideShow: startSlideShow,
-      stopSlideShow: stopSlideShow
-    };
+      stopSlideShow: stopSlideShow,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getPreviewContent: function getPreviewContent() {
+        return previewContentRef.current;
+      }
+    }, props);
   });
 
   var createHeader = function createHeader() {

package/galleria/galleria.cjs.min.js

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

package/galleria/galleria.d.ts

@@ -12,16 +12,13 @@ interface GalleriaItemChangeParams {
     index: number;
 }
 
-export interface GalleriaProps {
-    id?: string;
+export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     value?: any[];
     activeIndex?: number;
     fullScreen?: boolean;
     item?(item: any): React.ReactNode;
     thumbnail?(item: any): React.ReactNode;
     indicator?(index: number): React.ReactNode;
-    className?: string;
-    style?: object;
     header?: React.ReactNode;
     footer?: React.ReactNode;
     numVisible?: number;
@@ -53,4 +50,5 @@ export declare class Galleria extends React.Component<GalleriaProps, any> {
     public isAutoPlayActive(): boolean;
     public startSlideShow(): void;
     public stopSlideShow(): void;
+    public getElement(): HTMLDivElement;
 }

package/galleria/galleria.esm.js

@@ -24,6 +24,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -671,6 +686,9 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -778,13 +796,19 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ZIndexUtils.clear(maskRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       show: show,
       hide: hide,
       isAutoPlayActive: isAutoPlayActive,
       startSlideShow: startSlideShow,
-      stopSlideShow: stopSlideShow
-    };
+      stopSlideShow: stopSlideShow,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getPreviewContent: function getPreviewContent() {
+        return previewContentRef.current;
+      }
+    }, props);
   });
 
   var createHeader = function createHeader() {

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 v,DomHandler as d,ObjectUtils as p,ZIndexUtils as h}from"primereact/utils";function f(){return f=Object.assign||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 I(e){if(Array.isArray(e))return e}function g(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 I(e)||g(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 v=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)},d=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}(),I=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(v(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"},d),h,f),I)})));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),I=f[0],g=f[1],b=e.useRef(null),y=e.useRef(null),E=e.useRef(""),A=e.useRef(null),k=e.useRef(null),O=i(u),V=i(n.activeItemIndex),P=w(r({listener:function(){U()},when:n.responsiveOptions}),1)[0],H=function(e){var t=I+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&&(d.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"),g(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+I)-1>D()&&(-1*I!=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+I>D()&&(-1*I<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+I,i=0;t<n.activeItemIndex?(i=u-a-1-D())>0&&-1*I!=0&&H(i):(i=D()-a)<0&&-1*I<z()-1&&H(i),n.onActiveItemChange({index:t})}},K=function(e){b.current&&"transform"===e.propertyName&&(d.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=d.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){k.current=N(e=n.responsiveOptions)||S(e)||x(e)||C(),k.current.sort((function(e,n){return p.sort(e.breakpoint,n.breakpoint,-1,t.locale)}));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(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&&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&&h(t.numVisible)}};a((function(){b.current&&(E.current=v(),b.current.setAttribute(E.current,"")),L(),U(),P()})),l((function(){var e=I;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())!==I&&g(e),b.current.style.transform=n.isVertical?"translate3d(0, ".concat(e*(100/u),"%, 0)"):"translate3d(".concat(e*(100/u),"%, 0, 0)"),V!==n.activeItemIndex&&(d.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*I,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 k=e.memo(e.forwardRef((function(a,i){var r=w(e.useState(!1),2),l=r[0],v=r[1],I=w(e.useState(a.numVisible),2),g=I[0],b=I[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],O=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(){v(!0)},M=function(){v(!1)},G=function(){d.addClass(document.body,"p-overflow-hidden")},K=function(){h.set("modal",P.current,t.autoZIndex,a.baseZIndex||t.zIndex.modal),d.addMultipleClasses(P.current,"p-component-overlay p-component-overlay-enter")},Y=function(){a.onShow&&a.onShow()},Z=function(){d.removeClass(document.body,"p-overflow-hidden"),d.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<g&&b(a.value.length)}),[a.value,g]),e.useEffect((function(){b(a.numVisible)}),[a.numVisible]),c((function(){y&&L(),h.clear(P.current)})),e.useImperativeHandle(i,(function(){return{show:j,hide:M,isAutoPlayActive:_,startSlideShow:z,stopSlideShow:L}}));return p.isNotEmpty(a.value)&&function(){var t,i,r,o,c,v,d,h=(t=p.findDiffKeys(a,k.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",onClick:M},e.createElement("span",{className:"p-galleria-close-icon pi pi-times"}),e.createElement(s,null)),v=a.header?e.createElement("div",{className:"p-galleria-header"},a.header):null,d=a.footer?e.createElement("div",{className:"p-galleria-footer"},a.footer):null,e.createElement("div",f({ref:O,id:a.id,className:o,style:a.style},t),c,v,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:g,responsiveOptions:a.responsiveOptions,circular:a.circular,isVertical:R,contentHeight:a.verticalThumbnailViewPortHeight,showThumbnailNavigators:a.showThumbnailNavigators,autoPlay:a.autoPlay,slideShowActive:y,stopSlideShow:L})),d));if(a.fullScreen){var I=m("p-galleria-mask",{"p-galleria-visible":l});return e.createElement(u,{element:e.createElement("div",{ref:P,className:I},e.createElement(n,{nodeRef:O,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}()})));k.displayName="Galleria",k.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{k as Galleria};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as a,usePrevious as r,useResizeListener as i,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 p,DomHandler as v,ObjectUtils as d,ZIndexUtils as f}from"primereact/utils";function h(){return h=Object.assign||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},h.apply(this,arguments)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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,r,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw r}}return i}}function y(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 y(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)?y(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)||x(e,t)||w()}var N=e.memo(e.forwardRef((function(t,n){var r=function(){t.slideShowActive&&t.stopSlideShow&&t.stopSlideShow()},i=function(e){r(),t.onActiveItemChange({index:t.circular&&0===t.activeItemIndex?t.value.length-1:0!==t.activeItemIndex?t.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},l=function(e){r(),t.onActiveItemChange({index:t.circular&&t.value.length-1===t.activeItemIndex?0:t.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},o=function(e){r(),t.onActiveItemChange({index:e})},c=function(e){t.changeItemOnIndicatorHover&&(r(),t.onActiveItemChange({index:e}))},u=function(e,n){13===e.which&&(r(),t.onActiveItemChange({index:n}))};a((function(){t.autoPlay&&t.startSlideShow()}));var p=function(n){var a="p-galleria-indicator-"+n,r=m("p-galleria-indicator",{"p-highlight":t.activeItemIndex===n}),i=t.indicator&&t.indicator(n);return i||(i=e.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},e.createElement(s,null))),e.createElement("li",{className:r,key:a,tabIndex:0,onClick:function(){return o(n)},onMouseEnter:function(){return c(n)},onKeyDown:function(e){return u(e,n)}},i)},v=t.itemTemplate&&t.itemTemplate(t.value[t.activeItemIndex]),d=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:i,disabled:n},e.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),e.createElement(s,null))}return null}(),f=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}(),h=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=[],r=0;r<t.value.length;r++)a.push(p(r));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"},d,e.createElement("div",{className:"p-galleria-item"},v),f,h),g)})));function S(e){if(Array.isArray(e))return y(e)}function O(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.")}N.displayName="GalleriaItem";var P=e.memo((function(t){var n=t.active?0:null,a=t.template&&t.template(t.item),r=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:r},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))})),T=e.memo(e.forwardRef((function(n,o){var c=E(e.useState(n.numVisible),2),u=c[0],f=c[1],h=E(e.useState(0),2),g=h[0],I=h[1],b=e.useRef(null),y=e.useRef(null),w=e.useRef(""),N=e.useRef(null),T=e.useRef(null),A=r(u),k=r(n.activeItemIndex),V=E(i({listener:function(){U()},when:n.responsiveOptions}),1)[0],j=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)},H=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},D=function(){var e=Math.floor(u/2);return u%2?e:e-1},R=function(e){H();var t=0!==n.activeItemIndex?n.activeItemIndex-1:0;u-(t+g)-1>D()&&(-1*g!=0||n.circular)&&j(1),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:t}),e.cancelable&&e.preventDefault()},M=function(e){H();var t=n.activeItemIndex+1;t+g>D()&&(-1*g<z()-1||n.circular)&&j(-1),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:t}),e.cancelable&&e.preventDefault()},G=function(e){H();var t=e.index;if(t!==n.activeItemIndex){var a=t+g,r=0;t<n.activeItemIndex?(r=u-a-1-D())>0&&-1*g!=0&&j(r):(r=D()-a)<0&&-1*g<z()-1&&j(r),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):R(e)},z=function(){return n.value.length>u?n.value.length-u+1:0},L=function(){N.current||(N.current=v.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){T.current=S(e=n.responsiveOptions)||O(e)||x(e)||C(),T.current.sort((function(e,n){return d.sort(e.breakpoint,n.breakpoint,-1,t.locale)}));for(var r=0;r<T.current.length;r++){var i=T.current[r];a+="\n                    @media screen and (max-width: ".concat(i.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(w.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/i.numVisible,"%\n                        }\n                    }\n                ")}}N.current.innerHTML=a},U=function(){if(b.current&&T.current){for(var e=window.innerWidth,t={numVisible:n.numVisible},a=0;a<T.current.length;a++){var r=T.current[a];parseInt(r.breakpoint,10)>=e&&(t=r)}u!==t.numVisible&&f(t.numVisible)}};a((function(){b.current&&(w.current=p(),b.current.setAttribute(w.current,"")),L(),U(),V()})),l((function(){var e=g;A===u&&k===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)"),k!==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}),r=m("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!n.isVertical,"pi-chevron-up":n.isVertical});return e.createElement("button",{className:a,onClick:R,disabled:t},e.createElement("span",{className:r}),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}),r=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:r}),e.createElement(s,null))}return null},Q=(W=n.value.map((function(t,a){var r=-1*g,i=r+u-1;return e.createElement(P,{key:a,index:a,template:n.itemTemplate,item:t,active:r<=a&&i>=a,start:r===a,end:i===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)})));function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="GalleriaThumbnailItem",T.displayName="GalleriaThumbnails";var V=e.memo(e.forwardRef((function(a,r){var i=E(e.useState(!1),2),l=i[0],p=i[1],g=E(e.useState(a.numVisible),2),I=g[0],b=g[1],y=E(e.useState(!1),2),x=y[0],w=y[1],S=E(e.useState(a.activeIndex),2),O=S[0],C=S[1],P=e.useRef(null),A=e.useRef(null),j=e.useRef(null),H=a.onItemChange?a.activeIndex:O,D="left"===a.thumbnailsPosition||"right"===a.thumbnailsPosition;o((function(){R({index:a.circular&&a.value.length-1===H?0:H+1})}),a.transitionInterval,x);var R=function(e){a.onItemChange?a.onItemChange(e):C(e.index)},M=function(){p(!0)},G=function(){p(!1)},K=function(){v.addClass(document.body,"p-overflow-hidden")},Y=function(){f.set("modal",j.current,t.autoZIndex,a.baseZIndex||t.zIndex.modal),v.addMultipleClasses(j.current,"p-component-overlay p-component-overlay-enter")},Z=function(){a.onShow&&a.onShow()},X=function(){v.removeClass(document.body,"p-overflow-hidden"),v.addClass(j.current,"p-component-overlay-leave")},_=function(){f.clear(j.current),a.onHide&&a.onHide()},z=function(){return x},L=function(){w(!0)},U=function(){w(!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(){a.value&&a.value.length<I&&b(a.value.length)}),[a.value,I]),e.useEffect((function(){b(a.numVisible)}),[a.numVisible]),c((function(){x&&U(),f.clear(j.current)})),e.useImperativeHandle(r,(function(){return k({show:M,hide:G,isAutoPlayActive:z,startSlideShow:L,stopSlideShow:U,getElement:function(){return P.current},getPreviewContent:function(){return A.current}},a)}));return d.isNotEmpty(a.value)&&function(){var t,r,i,o,c,p,v,f=(t=d.findDiffKeys(a,V.defaultProps),r=a.showThumbnails&&W("p-galleria-thumbnails",a.thumbnailsPosition),i=a.showIndicators&&W("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},r,i),c=a.fullScreen&&e.createElement("button",{type:"button",className:"p-galleria-close p-link",onClick:G},e.createElement("span",{className:"p-galleria-close-icon pi pi-times"}),e.createElement(s,null)),p=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",h({ref:P,id:a.id,className:o,style:a.style},t),c,p,e.createElement("div",{className:"p-galleria-content"},e.createElement(N,{ref:A,value:a.value,activeItemIndex:H,onActiveItemChange:R,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:x,startSlideShow:L,stopSlideShow:U}),a.showThumbnails&&e.createElement(T,{value:a.value,activeItemIndex:H,onActiveItemChange:R,itemTemplate:a.thumbnail,numVisible:I,responsiveOptions:a.responsiveOptions,circular:a.circular,isVertical:D,contentHeight:a.verticalThumbnailViewPortHeight,showThumbnailNavigators:a.showThumbnailNavigators,autoPlay:a.autoPlay,slideShowActive:x,stopSlideShow:U})),v));if(a.fullScreen){var g=m("p-galleria-mask",{"p-galleria-visible":l});return e.createElement(u,{element:e.createElement("div",{ref:j,className:g},e.createElement(n,{nodeRef:P,classNames:"p-galleria",in:l,timeout:{enter:150,exit:150},options:a.transitionOptions,unmountOnExit:!0,onEnter:K,onEntering:Y,onEntered:Z,onExit:X,onExited:_},f))})}return f}()})));V.displayName="Galleria",V.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{V as Galleria};

package/galleria/galleria.js

@@ -43,6 +43,21 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -690,6 +705,9 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
   GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -797,13 +815,19 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       utils.ZIndexUtils.clear(maskRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return {
+      return _objectSpread({
         show: show,
         hide: hide,
         isAutoPlayActive: isAutoPlayActive,
         startSlideShow: startSlideShow,
-        stopSlideShow: stopSlideShow
-      };
+        stopSlideShow: stopSlideShow,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getPreviewContent: function getPreviewContent() {
+          return previewContentRef.current;
+        }
+      }, props);
     });
 
     var createHeader = function createHeader() {

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

package/gmap/gmap.cjs.js

@@ -44,6 +44,25 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -173,9 +192,12 @@ var GMap = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     };
   });
   React__namespace.useImperativeHandle(ref, function () {
-    return {
-      getMap: getMap
-    };
+    return _objectSpread({
+      getMap: getMap,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
   });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, GMap.defaultProps);
   return /*#__PURE__*/React__namespace.createElement("div", _extends({

package/gmap/gmap.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),n=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}function l(e,r){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=u(e))||r&&e&&"number"==typeof e.length){n&&(e=n);var t=0,a=function(){};return{s:a,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function u(e,r){if(e){if("string"==typeof e)return i(e,r);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)?i(e,r):void 0}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}var c=a.memo(a.forwardRef((function(e,t){var u=a.useRef(null),i=a.useRef(null),f=a.useRef(null),s=function(e){if(e){var r,n=l(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(i.current),d(t)}}catch(e){n.e(e)}finally{n.f()}f.current=e}},d=function(r){r.addListener("click",(function(n){e.onOverlayClick&&e.onOverlayClick({originalEvent:n,overlay:r,map:i.current})})),r.getDraggable()&&p(r)},p=function(r){v(r,"dragstart",e.onOverlayDragStart),v(r,"drag",e.onOverlayDrag),v(r,"dragend",e.onOverlayDragEnd)},g=function(e,r){i.current.addListener(e,(function(e){r&&r(e)}))},v=function(e,r,n){e.addListener(r,(function(r){n&&n({originalEvent:r,overlay:e,map:i.current})}))},y=function(e){if(e){var r,n=l(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(null),m(t)}}catch(e){n.e(e)}finally{n.f()}}},m=function(e){google.maps.event.clearListeners(e,"click"),e.getDraggable()&&(google.maps.event.clearListeners(e,"dragstart"),google.maps.event.clearListeners(e,"drag"),google.maps.event.clearListeners(e,"dragend"))},b=function(){return i.current};r.useMountEffect((function(){i.current=new google.maps.Map(u.current,e.options),e.onMapReady&&e.onMapReady({map:i.current}),s(e.overlays),g("click",e.onMapClick),g("dragend",e.onMapDragEnd),g("zoom_changed",e.onZoomChanged)})),r.useUpdateEffect((function(){return s(e.overlays),function(){y(f.current)}})),a.useImperativeHandle(t,(function(){return{getMap:b}}));var O=n.ObjectUtils.findDiffKeys(e,c.defaultProps);return a.createElement("div",o({ref:u,style:e.style,className:e.className},O))})));c.displayName="GMap",c.defaultProps={__TYPE:"GMap",options:null,overlays:null,style:null,className:null,onMapReady:null,onMapClick:null,onMapDragEnd:null,onZoomChanged:null,onOverlayDragStart:null,onOverlayDrag:null,onOverlayDragEnd:null,onOverlayClick:null},exports.GMap=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),n=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}function l(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function u(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function c(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){l(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function i(e,r){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=f(e))||r&&e&&"number"==typeof e.length){n&&(e=n);var t=0,a=function(){};return{s:a,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){u=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw o}}}}function f(e,r){if(e){if("string"==typeof e)return s(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,r):void 0}}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}var p=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),u=a.useRef(null),f=a.useRef(null),s=function(e){if(e){var r,n=i(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(u.current),y(t)}}catch(e){n.e(e)}finally{n.f()}f.current=e}},y=function(r){r.addListener("click",(function(n){e.onOverlayClick&&e.onOverlayClick({originalEvent:n,overlay:r,map:u.current})})),r.getDraggable()&&g(r)},g=function(r){v(r,"dragstart",e.onOverlayDragStart),v(r,"drag",e.onOverlayDrag),v(r,"dragend",e.onOverlayDragEnd)},d=function(e,r){u.current.addListener(e,(function(e){r&&r(e)}))},v=function(e,r,n){e.addListener(r,(function(r){n&&n({originalEvent:r,overlay:e,map:u.current})}))},b=function(e){if(e){var r,n=i(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(null),O(t)}}catch(e){n.e(e)}finally{n.f()}}},O=function(e){google.maps.event.clearListeners(e,"click"),e.getDraggable()&&(google.maps.event.clearListeners(e,"dragstart"),google.maps.event.clearListeners(e,"drag"),google.maps.event.clearListeners(e,"dragend"))},m=function(){return u.current};r.useMountEffect((function(){u.current=new google.maps.Map(l.current,e.options),e.onMapReady&&e.onMapReady({map:u.current}),s(e.overlays),d("click",e.onMapClick),d("dragend",e.onMapDragEnd),d("zoom_changed",e.onZoomChanged)})),r.useUpdateEffect((function(){return s(e.overlays),function(){b(f.current)}})),a.useImperativeHandle(t,(function(){return c({getMap:m,getElement:function(){return l.current}},e)}));var j=n.ObjectUtils.findDiffKeys(e,p.defaultProps);return a.createElement("div",o({ref:l,style:e.style,className:e.className},j))})));p.displayName="GMap",p.defaultProps={__TYPE:"GMap",options:null,overlays:null,style:null,className:null,onMapReady:null,onMapClick:null,onMapDragEnd:null,onZoomChanged:null,onOverlayDragStart:null,onOverlayDrag:null,onOverlayDragEnd:null,onOverlayClick:null},exports.GMap=p;

package/gmap/gmap.d.ts

@@ -6,11 +6,9 @@ interface GMapEventParams {
     map: any;
 }
 
-export interface GMapProps {
+export interface GMapProps  extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     options?: object;
     overlays?: any[];
-    style?: object;
-    className?: string;
     onMapReady?(map: any): void;
     onMapClick?(event: React.SyntheticEvent): void;
     onMapDragEnd?(): void;
@@ -22,4 +20,7 @@ export interface GMapProps {
     children?: React.ReactNode;
 }
 
-export declare class GMap extends React.Component<GMapProps, any> { }
+export declare class GMap extends React.Component<GMapProps, any> { 
+    public getMap(): any;
+    public getElement(): HTMLDivElement;
+}