primereact 9.0.0-beta.1 → 9.0.0

package/galleria/galleria.cjs.js

@@ -66,9 +66,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -84,9 +82,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -107,6 +103,49 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var GalleriaBase = {
+  defaultProps: {
+    __TYPE: 'Galleria',
+    id: null,
+    value: null,
+    activeIndex: 0,
+    fullScreen: false,
+    item: null,
+    thumbnail: null,
+    indicator: null,
+    caption: null,
+    className: null,
+    style: null,
+    header: null,
+    footer: null,
+    numVisible: 3,
+    responsiveOptions: null,
+    showItemNavigators: false,
+    showThumbnailNavigators: true,
+    showItemNavigatorsOnHover: false,
+    changeItemOnIndicatorHover: false,
+    circular: false,
+    autoPlay: false,
+    transitionInterval: 4000,
+    showThumbnails: true,
+    thumbnailsPosition: 'bottom',
+    verticalThumbnailViewPortHeight: '300px',
+    showIndicators: false,
+    showIndicatorsOnItem: false,
+    indicatorsPosition: 'bottom',
+    baseZIndex: 0,
+    transitionOptions: null,
+    onItemChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, GalleriaBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, GalleriaBase.defaultProps);
+  }
+};
+
 var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
@@ -613,7 +652,8 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
-var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = GalleriaBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -734,7 +774,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createElement = function createElement() {
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Galleria.defaultProps);
+    var otherProps = GalleriaBase.getOtherProps(props);
     var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
     var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
     var galleriaClassName = utils.classNames('p-galleria p-component', props.className, {
@@ -829,38 +869,5 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   return utils.ObjectUtils.isNotEmpty(props.value) && createGalleria();
 }));
 Galleria.displayName = 'Galleria';
-Galleria.defaultProps = {
-  __TYPE: 'Galleria',
-  id: null,
-  value: null,
-  activeIndex: 0,
-  fullScreen: false,
-  item: null,
-  thumbnail: null,
-  indicator: null,
-  caption: null,
-  className: null,
-  style: null,
-  header: null,
-  footer: null,
-  numVisible: 3,
-  responsiveOptions: null,
-  showItemNavigators: false,
-  showThumbnailNavigators: true,
-  showItemNavigatorsOnHover: false,
-  changeItemOnIndicatorHover: false,
-  circular: false,
-  autoPlay: false,
-  transitionInterval: 4000,
-  showThumbnails: true,
-  thumbnailsPosition: 'bottom',
-  verticalThumbnailViewPortHeight: '300px',
-  showIndicators: false,
-  showIndicatorsOnItem: false,
-  indicatorsPosition: 'bottom',
-  baseZIndex: 0,
-  transitionOptions: null,
-  onItemChange: null
-};
 
 exports.Galleria = Galleria;

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

package/galleria/galleria.d.ts

@@ -2,7 +2,7 @@
  *
  * Galleria is a content gallery component.
  *
- * [Live Demo](https://www.primefaces.org/primereact/galleria)
+ * [Live Demo](https://www.primereact.org/galleria)
  *
  * @module galleria
  *
@@ -12,7 +12,6 @@ import { CSSTransitionProps } from '../csstransition';
 
 /**
  * Custom galleria responsive options
- * @group Misc
  */
 interface GalleriaResponsiveOptions {
     /**
@@ -187,9 +186,9 @@ export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * _Galleria is a content gallery component._
  *
- * [Live Demo](https://www.primefaces.org/primereact/galleria/)
+ * [Live Demo](https://www.primereact.org/galleria/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/galleria/galleria.esm.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { classNames, UniqueComponentId, DomHandler, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, UniqueComponentId, DomHandler, ZIndexUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -39,9 +39,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -57,9 +55,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -80,6 +76,49 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var GalleriaBase = {
+  defaultProps: {
+    __TYPE: 'Galleria',
+    id: null,
+    value: null,
+    activeIndex: 0,
+    fullScreen: false,
+    item: null,
+    thumbnail: null,
+    indicator: null,
+    caption: null,
+    className: null,
+    style: null,
+    header: null,
+    footer: null,
+    numVisible: 3,
+    responsiveOptions: null,
+    showItemNavigators: false,
+    showThumbnailNavigators: true,
+    showItemNavigatorsOnHover: false,
+    changeItemOnIndicatorHover: false,
+    circular: false,
+    autoPlay: false,
+    transitionInterval: 4000,
+    showThumbnails: true,
+    thumbnailsPosition: 'bottom',
+    verticalThumbnailViewPortHeight: '300px',
+    showIndicators: false,
+    showIndicatorsOnItem: false,
+    indicatorsPosition: 'bottom',
+    baseZIndex: 0,
+    transitionOptions: null,
+    onItemChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, GalleriaBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, GalleriaBase.defaultProps);
+  }
+};
+
 var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
@@ -586,7 +625,8 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
-var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = GalleriaBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -707,7 +747,7 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return null;
   };
   var createElement = function createElement() {
-    var otherProps = ObjectUtils.findDiffKeys(props, Galleria.defaultProps);
+    var otherProps = GalleriaBase.getOtherProps(props);
     var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
     var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
     var galleriaClassName = classNames('p-galleria p-component', props.className, {
@@ -802,38 +842,5 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   return ObjectUtils.isNotEmpty(props.value) && createGalleria();
 }));
 Galleria.displayName = 'Galleria';
-Galleria.defaultProps = {
-  __TYPE: 'Galleria',
-  id: null,
-  value: null,
-  activeIndex: 0,
-  fullScreen: false,
-  item: null,
-  thumbnail: null,
-  indicator: null,
-  caption: null,
-  className: null,
-  style: null,
-  header: null,
-  footer: null,
-  numVisible: 3,
-  responsiveOptions: null,
-  showItemNavigators: false,
-  showThumbnailNavigators: true,
-  showItemNavigatorsOnHover: false,
-  changeItemOnIndicatorHover: false,
-  circular: false,
-  autoPlay: false,
-  transitionInterval: 4000,
-  showThumbnails: true,
-  thumbnailsPosition: 'bottom',
-  verticalThumbnailViewPortHeight: '300px',
-  showIndicators: false,
-  showIndicatorsOnItem: false,
-  indicatorsPosition: 'bottom',
-  baseZIndex: 0,
-  transitionOptions: null,
-  onItemChange: null
-};
 
 export { Galleria };

package/galleria/galleria.esm.min.js

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

package/galleria/galleria.js

@@ -58,9 +58,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,6 +95,49 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var GalleriaBase = {
+    defaultProps: {
+      __TYPE: 'Galleria',
+      id: null,
+      value: null,
+      activeIndex: 0,
+      fullScreen: false,
+      item: null,
+      thumbnail: null,
+      indicator: null,
+      caption: null,
+      className: null,
+      style: null,
+      header: null,
+      footer: null,
+      numVisible: 3,
+      responsiveOptions: null,
+      showItemNavigators: false,
+      showThumbnailNavigators: true,
+      showItemNavigatorsOnHover: false,
+      changeItemOnIndicatorHover: false,
+      circular: false,
+      autoPlay: false,
+      transitionInterval: 4000,
+      showThumbnails: true,
+      thumbnailsPosition: 'bottom',
+      verticalThumbnailViewPortHeight: '300px',
+      showIndicators: false,
+      showIndicatorsOnItem: false,
+      indicatorsPosition: 'bottom',
+      baseZIndex: 0,
+      transitionOptions: null,
+      onItemChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, GalleriaBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, GalleriaBase.defaultProps);
+    }
+  };
+
   var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var next = function next() {
       var nextItemIndex = props.activeItemIndex + 1;
@@ -605,7 +644,8 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
   GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
   GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
-  var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = GalleriaBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -726,7 +766,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
       return null;
     };
     var createElement = function createElement() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Galleria.defaultProps);
+      var otherProps = GalleriaBase.getOtherProps(props);
       var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
       var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
       var galleriaClassName = utils.classNames('p-galleria p-component', props.className, {
@@ -821,39 +861,6 @@ this.primereact.galleria = (function (exports, React, PrimeReact, csstransition,
     return utils.ObjectUtils.isNotEmpty(props.value) && createGalleria();
   }));
   Galleria.displayName = 'Galleria';
-  Galleria.defaultProps = {
-    __TYPE: 'Galleria',
-    id: null,
-    value: null,
-    activeIndex: 0,
-    fullScreen: false,
-    item: null,
-    thumbnail: null,
-    indicator: null,
-    caption: null,
-    className: null,
-    style: null,
-    header: null,
-    footer: null,
-    numVisible: 3,
-    responsiveOptions: null,
-    showItemNavigators: false,
-    showThumbnailNavigators: true,
-    showItemNavigatorsOnHover: false,
-    changeItemOnIndicatorHover: false,
-    circular: false,
-    autoPlay: false,
-    transitionInterval: 4000,
-    showThumbnails: true,
-    thumbnailsPosition: 'bottom',
-    verticalThumbnailViewPortHeight: '300px',
-    showIndicators: false,
-    showIndicatorsOnItem: false,
-    indicatorsPosition: 'bottom',
-    baseZIndex: 0,
-    transitionOptions: null,
-    onItemChange: null
-  };
 
   exports.Galleria = Galleria;