primereact 7.0.0-rc.2 → 7.0.0

package/fullcalendar/fullcalendar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.fullcalendar = (function (exports, React, core) {
+this.primereact.fullcalendar = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -144,12 +144,12 @@ this.primereact.fullcalendar = (function (exports, React, core) {
         if (!this.calendar) {
           this.initialize();
         } else {
-          if (!core.ObjectUtils.equals(prevProps.events, this.props.events)) {
+          if (!utils.ObjectUtils.equals(prevProps.events, this.props.events)) {
             this.calendar.removeAllEventSources();
             this.calendar.addEventSource(this.props.events);
           }
 
-          if (!core.ObjectUtils.equals(prevProps.options, this.props.options)) {
+          if (!utils.ObjectUtils.equals(prevProps.options, this.props.options)) {
             for (var prop in this.props.options) {
               var optionValue = this.props.options[prop];
               this.config[prop] = optionValue;
@@ -189,7 +189,7 @@ this.primereact.fullcalendar = (function (exports, React, core) {
       value: function render() {
         var _this2 = this;
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           ref: function ref(el) {
             return _this2.element = el;
@@ -217,4 +217,4 @@ this.primereact.fullcalendar = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/fullcalendar/fullcalendar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fullcalendar=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var y,h,v,m=function(e){l(h,e);var t,r,a,s,u,y=(t=h,r=d(),function(){var e,n=p(t);if(r){var o=p(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return f(this,e)});function h(){return i(this,h),y.apply(this,arguments)}return a=h,(s=[{key:"componentDidMount",value:function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),this.config={theme:!0},this.props.options)for(var e in this.props.options)this.config[e]=this.props.options[e];this.initialize()}},{key:"componentDidUpdate",value:function(e){if(this.calendar){if(n.ObjectUtils.equals(e.events,this.props.events)||(this.calendar.removeAllEventSources(),this.calendar.addEventSource(this.props.events)),!n.ObjectUtils.equals(e.options,this.props.options))for(var t in this.props.options){var r=this.props.options[t];this.config[t]=r,this.calendar.setOption(t,r)}}else this.initialize()}},{key:"initialize",value:function(){var e=this;import("@fullcalendar/core").then((function(t){t&&t.Calendar&&(e.calendar=new t.Calendar(e.element,e.config),e.calendar.render(),e.props.events&&(e.calendar.removeAllEventSources(),e.calendar.addEventSource(e.props.events)))}))}},{key:"componentWillUnmount",value:function(){this.calendar&&this.calendar.destroy()}},{key:"render",value:function(){var e=this;return o.default.createElement("div",{id:this.props.id,ref:function(t){return e.element=t},style:this.props.style,className:this.props.className})}}])&&c(a.prototype,s),u&&c(a,u),h}(t.Component);return v={id:null,events:[],style:null,className:null,options:null},(h="defaultProps")in(y=m)?Object.defineProperty(y,h,{value:v,enumerable:!0,configurable:!0,writable:!0}):y[h]=v,e.FullCalendar=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.fullcalendar=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t){return a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},a(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var y,h,v,m=function(e){l(h,e);var t,r,a,s,u,y=(t=h,r=d(),function(){var e,n=p(t);if(r){var o=p(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return f(this,e)});function h(){return i(this,h),y.apply(this,arguments)}return a=h,(s=[{key:"componentDidMount",value:function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),this.config={theme:!0},this.props.options)for(var e in this.props.options)this.config[e]=this.props.options[e];this.initialize()}},{key:"componentDidUpdate",value:function(e){if(this.calendar){if(n.ObjectUtils.equals(e.events,this.props.events)||(this.calendar.removeAllEventSources(),this.calendar.addEventSource(this.props.events)),!n.ObjectUtils.equals(e.options,this.props.options))for(var t in this.props.options){var r=this.props.options[t];this.config[t]=r,this.calendar.setOption(t,r)}}else this.initialize()}},{key:"initialize",value:function(){var e=this;import("@fullcalendar/core").then((function(t){t&&t.Calendar&&(e.calendar=new t.Calendar(e.element,e.config),e.calendar.render(),e.props.events&&(e.calendar.removeAllEventSources(),e.calendar.addEventSource(e.props.events)))}))}},{key:"componentWillUnmount",value:function(){this.calendar&&this.calendar.destroy()}},{key:"render",value:function(){var e=this;return o.default.createElement("div",{id:this.props.id,ref:function(t){return e.element=t},style:this.props.style,className:this.props.className})}}])&&c(a.prototype,s),u&&c(a,u),h}(t.Component);return v={id:null,events:[],style:null,className:null,options:null},(h="defaultProps")in(y=m)?Object.defineProperty(y,h,{value:v,enumerable:!0,configurable:!0,writable:!0}):y[h]=v,e.FullCalendar=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/galleria/galleria.cjs.js

@@ -3,11 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
+var csstransition = require('primereact/csstransition');
+var portal = require('primereact/portal');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -242,17 +247,17 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
     value: function renderBackwardNavigator() {
       if (this.props.showItemNavigators) {
         var isDisabled = !this.props.circular && this.props.activeItemIndex === 0;
-        var buttonClassName = core.classNames('p-galleria-item-prev p-galleria-item-nav p-link', {
+        var buttonClassName = utils.classNames('p-galleria-item-prev p-galleria-item-nav p-link', {
           'p-disabled': isDisabled
         });
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           type: "button",
           className: buttonClassName,
           onClick: this.navBackward,
           disabled: isDisabled
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-galleria-item-prev-icon pi pi-chevron-left"
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -262,17 +267,17 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
     value: function renderForwardNavigator() {
       if (this.props.showItemNavigators) {
         var isDisabled = !this.props.circular && this.props.activeItemIndex === this.props.value.length - 1;
-        var buttonClassName = core.classNames('p-galleria-item-next p-galleria-item-nav p-link', {
+        var buttonClassName = utils.classNames('p-galleria-item-next p-galleria-item-nav p-link', {
           'p-disabled': isDisabled
         });
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           type: "button",
           className: buttonClassName,
           onClick: this.navForward,
           disabled: isDisabled
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-galleria-item-next-icon pi pi-chevron-right"
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -282,7 +287,7 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
     value: function renderCaption() {
       if (this.props.caption) {
         var content = this.props.caption(this.props.value[this.props.activeItemIndex]);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-galleria-caption"
         }, content);
       }
@@ -296,19 +301,19 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
 
       var indicator = this.props.indicator && this.props.indicator(index);
       var isActive = this.props.activeItemIndex === index;
-      var indicatorItemClassName = core.classNames('p-galleria-indicator', {
+      var indicatorItemClassName = utils.classNames('p-galleria-indicator', {
         'p-highlight': isActive
       });
 
       if (!indicator) {
-        indicator = /*#__PURE__*/React__default['default'].createElement("button", {
+        indicator = /*#__PURE__*/React__default["default"].createElement("button", {
           type: "button",
           tabIndex: -1,
           className: "p-link"
-        }, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         className: indicatorItemClassName,
         key: 'p-galleria-indicator-' + index,
         tabIndex: 0,
@@ -327,14 +332,14 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
     key: "renderIndicators",
     value: function renderIndicators() {
       if (this.props.showIndicators) {
-        var indicatorsContentClassName = core.classNames('p-galleria-indicators p-reset', this.props.indicatorsContentClassName);
+        var indicatorsContentClassName = utils.classNames('p-galleria-indicators p-reset', this.props.indicatorsContentClassName);
         var indicators = [];
 
         for (var i = 0; i < this.props.value.length; i++) {
           indicators.push(this.renderIndicator(i));
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           className: indicatorsContentClassName
         }, indicators);
       }
@@ -351,14 +356,14 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
       var forwardNavigator = this.renderForwardNavigator();
       var caption = this.renderCaption();
       var indicators = this.renderIndicators();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this3.props.forwardRef(el);
         },
         className: "p-galleria-item-wrapper"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-item-container"
-      }, backwardNavigator, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, backwardNavigator, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-item"
       }, content), forwardNavigator, caption), indicators);
     }
@@ -367,8 +372,8 @@ var GalleriaItemComponent = /*#__PURE__*/function (_Component) {
   return GalleriaItemComponent;
 }(React.Component);
 
-var GalleriaItem = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(GalleriaItemComponent, _extends({
+var GalleriaItem = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(GalleriaItemComponent, _extends({
     forwardRef: ref
   }, props));
 });
@@ -450,15 +455,15 @@ var GalleriaThumbnailItem = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var content = this.props.template && this.props.template(this.props.item);
-      var itemClassName = core.classNames(this.props.className, 'p-galleria-thumbnail-item', {
+      var itemClassName = utils.classNames(this.props.className, 'p-galleria-thumbnail-item', {
         'p-galleria-thumbnail-item-current': this.props.current,
         'p-galleria-thumbnail-item-active': this.props.active,
         'p-galleria-thumbnail-item-start': this.props.start,
         'p-galleria-thumbnail-item-end': this.props.end
       });
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: itemClassName
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-thumbnail-item-content",
         tabIndex: this.props.active ? 0 : null,
         onClick: this.onItemClick,
@@ -505,7 +510,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     _this2.onTouchMove = _this2.onTouchMove.bind(_assertThisInitialized(_this2));
     _this2.onTouchEnd = _this2.onTouchEnd.bind(_assertThisInitialized(_this2));
     _this2.onItemClick = _this2.onItemClick.bind(_assertThisInitialized(_this2));
-    _this2.attributeSelector = core.UniqueComponentId();
+    _this2.attributeSelector = utils.UniqueComponentId();
     return _this2;
   }
 
@@ -529,7 +534,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
       }
 
       if (this.itemsContainer) {
-        core.DomHandler.removeClass(this.itemsContainer, 'p-items-hidden');
+        utils.DomHandler.removeClass(this.itemsContainer, 'p-items-hidden');
         this.itemsContainer.style.transform = this.props.isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / this.state.numVisible), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / this.state.numVisible), "%, 0, 0)");
         this.itemsContainer.style.transition = 'transform 500ms ease 0s';
       }
@@ -621,7 +626,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     key: "onTransitionEnd",
     value: function onTransitionEnd(e) {
       if (this.itemsContainer && e.propertyName === 'transform') {
-        core.DomHandler.addClass(this.itemsContainer, 'p-items-hidden');
+        utils.DomHandler.addClass(this.itemsContainer, 'p-items-hidden');
         this.itemsContainer.style.transition = '';
       }
     }
@@ -782,7 +787,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
         this.itemsContainer.style.transform = this.props.isVertical ? "translate3d(0, ".concat(totalShiftedItems * (100 / this.state.numVisible), "%, 0)") : "translate3d(".concat(totalShiftedItems * (100 / this.state.numVisible), "%, 0, 0)");
 
         if (prevProps.activeItemIndex !== this.props.activeItemIndex) {
-          core.DomHandler.removeClass(this.itemsContainer, 'p-items-hidden');
+          utils.DomHandler.removeClass(this.itemsContainer, 'p-items-hidden');
           this.itemsContainer.style.transition = 'transform 500ms ease 0s';
         }
       }
@@ -806,7 +811,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
             start = firstIndex === index,
             end = lastIndex === index,
             current = _this4.props.activeItemIndex === index;
-        return /*#__PURE__*/React__default['default'].createElement(GalleriaThumbnailItem, {
+        return /*#__PURE__*/React__default["default"].createElement(GalleriaThumbnailItem, {
           key: index,
           index: index,
           template: _this4.props.itemTemplate,
@@ -824,20 +829,20 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     value: function renderBackwardNavigator() {
       if (this.props.showThumbnailNavigators) {
         var isDisabled = !this.props.circular && this.props.activeItemIndex === 0 || this.props.value.length <= this.state.numVisible;
-        var buttonClassName = core.classNames('p-galleria-thumbnail-prev p-link', {
+        var buttonClassName = utils.classNames('p-galleria-thumbnail-prev p-link', {
           'p-disabled': isDisabled
         }),
-            iconClassName = core.classNames('p-galleria-thumbnail-prev-icon pi', {
+            iconClassName = utils.classNames('p-galleria-thumbnail-prev-icon pi', {
           'pi-chevron-left': !this.props.isVertical,
           'pi-chevron-up': this.props.isVertical
         });
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           className: buttonClassName,
           onClick: this.navBackward,
           disabled: isDisabled
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -847,20 +852,20 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     value: function renderForwardNavigator() {
       if (this.props.showThumbnailNavigators) {
         var isDisabled = !this.props.circular && this.props.activeItemIndex === this.props.value.length - 1 || this.props.value.length <= this.state.numVisible;
-        var buttonClassName = core.classNames('p-galleria-thumbnail-next p-link', {
+        var buttonClassName = utils.classNames('p-galleria-thumbnail-next p-link', {
           'p-disabled': isDisabled
         }),
-            iconClassName = core.classNames('p-galleria-thumbnail-next-icon pi', {
+            iconClassName = utils.classNames('p-galleria-thumbnail-next-icon pi', {
           'pi-chevron-right': !this.props.isVertical,
           'pi-chevron-down': this.props.isVertical
         });
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           className: buttonClassName,
           onClick: this.navForward,
           disabled: isDisabled
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -874,14 +879,14 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
       var height = this.props.isVertical ? this.props.contentHeight : '';
       var backwardNavigator = this.renderBackwardNavigator();
       var forwardNavigator = this.renderForwardNavigator();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-thumbnail-container"
-      }, backwardNavigator, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, backwardNavigator, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-thumbnail-items-container",
         style: {
           'height': height
         }
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.itemsContainer = el;
         },
@@ -896,7 +901,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var content = this.renderContent();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-thumbnail-wrapper"
       }, content);
     }
@@ -945,7 +950,7 @@ var Galleria = /*#__PURE__*/function (_Component) {
     _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
     _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
     _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
-    _this.galleriaRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.galleriaRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
@@ -982,13 +987,13 @@ var Galleria = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      core.DomHandler.addClass(document.body, 'p-overflow-hidden');
+      utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
     }
   }, {
     key: "onEntering",
     value: function onEntering() {
-      core.ZIndexUtils.set('modal', this.mask, this.props.baseZIndex);
-      core.DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-component-overlay-enter');
+      utils.ZIndexUtils.set('modal', this.mask, PrimeReact__default["default"].autoZIndex, this.props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+      utils.DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-component-overlay-enter');
     }
   }, {
     key: "onEntered",
@@ -998,13 +1003,13 @@ var Galleria = /*#__PURE__*/function (_Component) {
   }, {
     key: "onExit",
     value: function onExit() {
-      core.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      core.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
+      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
+      utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
     }
   }, {
     key: "onExited",
     value: function onExited() {
-      core.ZIndexUtils.clear(this.mask);
+      utils.ZIndexUtils.clear(this.mask);
       this.props.onHide && this.props.onHide();
     }
   }, {
@@ -1077,13 +1082,13 @@ var Galleria = /*#__PURE__*/function (_Component) {
         this.stopSlideShow();
       }
 
-      core.ZIndexUtils.clear(this.mask);
+      utils.ZIndexUtils.clear(this.mask);
     }
   }, {
     key: "renderHeader",
     value: function renderHeader() {
       if (this.props.header) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-galleria-header"
         }, this.props.header);
       }
@@ -1094,7 +1099,7 @@ var Galleria = /*#__PURE__*/function (_Component) {
     key: "renderFooter",
     value: function renderFooter() {
       if (this.props.footer) {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-galleria-footer"
         }, this.props.footer);
       }
@@ -1109,28 +1114,28 @@ var Galleria = /*#__PURE__*/function (_Component) {
       var isVertical = this.isVertical();
       var thumbnailsPosClassName = this.props.showThumbnails && this.getPositionClassName('p-galleria-thumbnails', this.props.thumbnailsPosition);
       var indicatorPosClassName = this.props.showIndicators && this.getPositionClassName('p-galleria-indicators', this.props.indicatorsPosition);
-      var galleriaClassName = core.classNames('p-galleria p-component', this.props.className, {
+      var galleriaClassName = utils.classNames('p-galleria p-component', this.props.className, {
         'p-galleria-fullscreen': this.props.fullScreen,
         'p-galleria-indicator-onitem': this.props.showIndicatorsOnItem,
         'p-galleria-item-nav-onhover': this.props.showItemNavigatorsOnHover && !this.props.fullScreen
       }, thumbnailsPosClassName, indicatorPosClassName);
-      var closeIcon = this.props.fullScreen && /*#__PURE__*/React__default['default'].createElement("button", {
+      var closeIcon = this.props.fullScreen && /*#__PURE__*/React__default["default"].createElement("button", {
         type: "button",
         className: "p-galleria-close p-link",
         onClick: this.hide
-      }, /*#__PURE__*/React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-galleria-close-icon pi pi-times"
-      }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       var header = this.renderHeader();
       var footer = this.renderFooter();
-      var element = /*#__PURE__*/React__default['default'].createElement("div", {
+      var element = /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.galleriaRef,
         id: this.props.id,
         className: galleriaClassName,
         style: this.props.style
-      }, closeIcon, header, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, closeIcon, header, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-galleria-content"
-      }, /*#__PURE__*/React__default['default'].createElement(GalleriaItem, {
+      }, /*#__PURE__*/React__default["default"].createElement(GalleriaItem, {
         ref: function ref(el) {
           return _this3.previewContent = el;
         },
@@ -1148,7 +1153,7 @@ var Galleria = /*#__PURE__*/function (_Component) {
         slideShowActive: this.state.slideShowActive,
         startSlideShow: this.startSlideShow,
         stopSlideShow: this.stopSlideShow
-      }), this.props.showThumbnails && /*#__PURE__*/React__default['default'].createElement(GalleriaThumbnails, {
+      }), this.props.showThumbnails && /*#__PURE__*/React__default["default"].createElement(GalleriaThumbnails, {
         value: this.props.value,
         activeItemIndex: this.activeItemIndex,
         onActiveItemChange: this.onActiveItemChange,
@@ -1173,15 +1178,15 @@ var Galleria = /*#__PURE__*/function (_Component) {
       var element = this.renderElement();
 
       if (this.props.fullScreen) {
-        var maskClassName = core.classNames('p-galleria-mask', {
+        var maskClassName = utils.classNames('p-galleria-mask', {
           'p-galleria-visible': this.state.visible
         });
-        var galleriaWrapper = /*#__PURE__*/React__default['default'].createElement("div", {
+        var galleriaWrapper = /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this4.mask = el;
           },
           className: maskClassName
-        }, /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        }, /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.galleriaRef,
           classNames: "p-galleria",
           in: this.state.visible,
@@ -1197,7 +1202,7 @@ var Galleria = /*#__PURE__*/function (_Component) {
           onExit: this.onExit,
           onExited: this.onExited
         }, element));
-        return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+        return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: galleriaWrapper
         });
       } else {

package/galleria/galleria.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,i){return t&&r(e.prototype,t),i&&r(e,i),e}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return o(e)}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function m(){return(m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var f=function(i){c(d,e.Component);var r,l,p=(r=d,l=v(),function(){var e,t=h(r);if(l){var i=h(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return u(this,e)});function d(e){var t;return s(this,d),(t=p.call(this,e)).navForward=t.navForward.bind(o(t)),t.navBackward=t.navBackward.bind(o(t)),t.next=t.next.bind(o(t)),t.prev=t.prev.bind(o(t)),t}return a(d,[{key:"step",value:function(e){this.itemsContainer&&(this.itemsContainer.style.transform=this.isVertical()?"translate3d(0, ".concat(100*e,"%, 0)"):"translate3d(".concat(100*e,"%, 0, 0)"),this.itemsContainer.style.transition="transform 500ms ease 0s")}},{key:"next",value:function(){this.props.onActiveItemChange({index:this.props.circular&&this.props.value.length-1===this.props.activeItemIndex?0:this.props.activeItemIndex+1})}},{key:"prev",value:function(){this.props.onActiveItemChange({index:this.props.circular&&0===this.props.activeItemIndex?this.props.value.length-1:0!==this.props.activeItemIndex?this.props.activeItemIndex-1:0})}},{key:"stopSlideShow",value:function(){this.props.slideShowActive&&this.props.stopSlideShow&&this.props.stopSlideShow()}},{key:"navBackward",value:function(e){this.stopSlideShow(),this.prev(),e&&e.cancelable&&e.preventDefault()}},{key:"navForward",value:function(e){this.stopSlideShow(),this.next(),e&&e.cancelable&&e.preventDefault()}},{key:"onIndicatorClick",value:function(e){this.stopSlideShow(),this.props.onActiveItemChange({index:e})}},{key:"onIndicatorMouseEnter",value:function(e){this.props.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.props.onActiveItemChange({index:e}))}},{key:"onIndicatorKeyDown",value:function(e,t){13===e.which&&(this.stopSlideShow(),this.props.onActiveItemChange({index:t}))}},{key:"componentDidMount",value:function(){this.props.autoPlay&&this.props.startSlideShow()}},{key:"renderBackwardNavigator",value:function(){if(this.props.showItemNavigators){var e=!this.props.circular&&0===this.props.activeItemIndex,i=t.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e});return n.default.createElement("button",{type:"button",className:i,onClick:this.navBackward,disabled:e},n.default.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),n.default.createElement(t.Ripple,null))}return null}},{key:"renderForwardNavigator",value:function(){if(this.props.showItemNavigators){var e=!this.props.circular&&this.props.activeItemIndex===this.props.value.length-1,i=t.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e});return n.default.createElement("button",{type:"button",className:i,onClick:this.navForward,disabled:e},n.default.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),n.default.createElement(t.Ripple,null))}return null}},{key:"renderCaption",value:function(){if(this.props.caption){var e=this.props.caption(this.props.value[this.props.activeItemIndex]);return n.default.createElement("div",{className:"p-galleria-caption"},e)}return null}},{key:"renderIndicator",value:function(e){var i=this,s=this.props.indicator&&this.props.indicator(e),r=t.classNames("p-galleria-indicator",{"p-highlight":this.props.activeItemIndex===e});return s||(s=n.default.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},n.default.createElement(t.Ripple,null))),n.default.createElement("li",{className:r,key:"p-galleria-indicator-"+e,tabIndex:0,onClick:function(){return i.onIndicatorClick(e)},onMouseEnter:function(){return i.onIndicatorMouseEnter(e)},onKeyDown:function(t){return i.onIndicatorKeyDown(t,e)}},s)}},{key:"renderIndicators",value:function(){if(this.props.showIndicators){for(var e=t.classNames("p-galleria-indicators p-reset",this.props.indicatorsContentClassName),i=[],s=0;s<this.props.value.length;s++)i.push(this.renderIndicator(s));return n.default.createElement("ul",{className:e},i)}return null}},{key:"render",value:function(){var e=this,t=this.props.itemTemplate&&this.props.itemTemplate(this.props.value[this.props.activeItemIndex]),i=this.renderBackwardNavigator(),s=this.renderForwardNavigator(),r=this.renderCaption(),a=this.renderIndicators();return n.default.createElement("div",{ref:function(t){return e.props.forwardRef(t)},className:"p-galleria-item-wrapper"},n.default.createElement("div",{className:"p-galleria-item-container"},i,n.default.createElement("div",{className:"p-galleria-item"},t),s,r),a)}}]),d}(),b=n.default.forwardRef((function(e,t){return n.default.createElement(f,m({forwardRef:t},e))}));function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function y(e){if(Array.isArray(e))return I(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return I(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?I(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){var t=x();return function(){var i,n=h(e);if(t){var s=h(this).constructor;i=Reflect.construct(n,arguments,s)}else i=n.apply(this,arguments);return u(this,i)}}function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(i){c(l,e.Component);var r=k(l);function l(e){var t;return s(this,l),(t=r.call(this,e)).onItemClick=t.onItemClick.bind(o(t)),t.onItemKeyDown=t.onItemKeyDown.bind(o(t)),t}return a(l,[{key:"onItemClick",value:function(e){this.props.onItemClick({originalEvent:e,index:this.props.index})}},{key:"onItemKeyDown",value:function(e){13===e.which&&this.props.onItemClick({originalEvent:e,index:this.props.index})}},{key:"render",value:function(){var e=this.props.template&&this.props.template(this.props.item),i=t.classNames(this.props.className,"p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":this.props.current,"p-galleria-thumbnail-item-active":this.props.active,"p-galleria-thumbnail-item-start":this.props.start,"p-galleria-thumbnail-item-end":this.props.end});return n.default.createElement("div",{className:i},n.default.createElement("div",{className:"p-galleria-thumbnail-item-content",tabIndex:this.props.active?0:null,onClick:this.onItemClick,onKeyDown:this.onItemKeyDown},e))}}]),l}();d(E,"defaultProps",{index:null,template:null,item:null,current:!1,active:!1,start:!1,end:!1,className:null,onItemClick:null});var C=function(i){c(l,e.Component);var r=k(l);function l(e){var i;return s(this,l),(i=r.call(this,e)).state={numVisible:e.numVisible,totalShiftedItems:0,page:0},i.navForward=i.navForward.bind(o(i)),i.navBackward=i.navBackward.bind(o(i)),i.onTransitionEnd=i.onTransitionEnd.bind(o(i)),i.onTouchStart=i.onTouchStart.bind(o(i)),i.onTouchMove=i.onTouchMove.bind(o(i)),i.onTouchEnd=i.onTouchEnd.bind(o(i)),i.onItemClick=i.onItemClick.bind(o(i)),i.attributeSelector=t.UniqueComponentId(),i}return a(l,[{key:"step",value:function(e){var i=this.state.totalShiftedItems+e;e<0&&-1*i+this.state.numVisible>this.props.value.length-1?i=this.state.numVisible-this.props.value.length:e>0&&i>0&&(i=0),this.props.circular&&(e<0&&this.props.value.length-1===this.props.activeItemIndex?i=0:e>0&&0===this.props.activeItemIndex&&(i=this.state.numVisible-this.props.value.length)),this.itemsContainer&&(t.DomHandler.removeClass(this.itemsContainer,"p-items-hidden"),this.itemsContainer.style.transform=this.props.isVertical?"translate3d(0, ".concat(i*(100/this.state.numVisible),"%, 0)"):"translate3d(".concat(i*(100/this.state.numVisible),"%, 0, 0)"),this.itemsContainer.style.transition="transform 500ms ease 0s"),this.setState({totalShiftedItems:i})}},{key:"stopSlideShow",value:function(){this.props.slideShowActive&&this.props.stopSlideShow&&this.props.stopSlideShow()}},{key:"getMedianItemIndex",value:function(){var e=Math.floor(this.state.numVisible/2);return this.state.numVisible%2?e:e-1}},{key:"navBackward",value:function(e){this.stopSlideShow();var t=0!==this.props.activeItemIndex?this.props.activeItemIndex-1:0;this.state.numVisible-(t+this.state.totalShiftedItems)-1>this.getMedianItemIndex()&&(-1*this.state.totalShiftedItems!=0||this.props.circular)&&this.step(1),this.props.onActiveItemChange({index:this.props.circular&&0===this.props.activeItemIndex?this.props.value.length-1:t}),e.cancelable&&e.preventDefault()}},{key:"navForward",value:function(e){this.stopSlideShow();var t=this.props.activeItemIndex+1;t+this.state.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.state.totalShiftedItems<this.getTotalPageNumber()-1||this.props.circular)&&this.step(-1),this.props.onActiveItemChange({index:this.props.circular&&this.props.value.length-1===this.props.activeItemIndex?0:t}),e.cancelable&&e.preventDefault()}},{key:"onItemClick",value:function(e){this.stopSlideShow();var t=e.index;if(t!==this.props.activeItemIndex){var i=t+this.state.totalShiftedItems,n=0;t<this.props.activeItemIndex?(n=this.state.numVisible-i-1-this.getMedianItemIndex())>0&&-1*this.state.totalShiftedItems!=0&&this.step(n):(n=this.getMedianItemIndex()-i)<0&&-1*this.state.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(n),this.props.onActiveItemChange({index:t})}}},{key:"onTransitionEnd",value:function(e){this.itemsContainer&&"transform"===e.propertyName&&(t.DomHandler.addClass(this.itemsContainer,"p-items-hidden"),this.itemsContainer.style.transition="")}},{key:"onTouchStart",value:function(e){var t=e.changedTouches[0];this.startPos={x:t.pageX,y:t.pageY}}},{key:"onTouchMove",value:function(e){e.cancelable&&e.preventDefault()}},{key:"onTouchEnd",value:function(e){var t=e.changedTouches[0];this.changePageOnTouch(e,this.props.isVertical?t.pageY-this.startPos.y:t.pageX-this.startPos.x)}},{key:"changePageOnTouch",value:function(e,t){t<0?this.navForward(e):this.navBackward(e)}},{key:"getTotalPageNumber",value:function(){return this.props.value.length>this.state.numVisible?this.props.value.length-this.state.numVisible+1:0}},{key:"createStyle",value:function(){this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),document.body.appendChild(this.thumbnailsStyle));var e,t="\n            .p-galleria-thumbnail-items[".concat(this.attributeSelector,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/this.state.numVisible,"%\n            }\n        ");if(this.props.responsiveOptions){this.responsiveOptions=y(e=this.props.responsiveOptions)||g(e)||w(e)||S(),this.responsiveOptions.sort((function(e,t){var i=e.breakpoint,n=t.breakpoint;return-1*(null==i&&null!=n?-1:null!=i&&null==n?1:null==i&&null==n?0:"string"==typeof i&&"string"==typeof n?i.localeCompare(n,void 0,{numeric:!0}):i<n?-1:i>n?1:0)}));for(var i=0;i<this.responsiveOptions.length;i++){var n=this.responsiveOptions[i];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(this.attributeSelector,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}this.thumbnailsStyle.innerHTML=t}},{key:"calculatePosition",value:function(){if(this.itemsContainer&&this.responsiveOptions){for(var e=window.innerWidth,t={numVisible:this.props.numVisible},i=0;i<this.responsiveOptions.length;i++){var n=this.responsiveOptions[i];parseInt(n.breakpoint,10)>=e&&(t=n)}this.state.numVisible!==t.numVisible&&this.setState({numVisible:t.numVisible})}}},{key:"bindDocumentListeners",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(){e.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentListeners",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"componentDidMount",value:function(){this.itemsContainer&&this.itemsContainer.setAttribute(this.attributeSelector,""),this.createStyle(),this.calculatePosition(),this.props.responsiveOptions&&this.bindDocumentListeners()}},{key:"componentDidUpdate",value:function(e,i){var n=this.state.totalShiftedItems;i.numVisible===this.state.numVisible&&e.activeItemIndex===this.props.activeItemIndex||((n=this.props.activeItemIndex<=this.getMedianItemIndex()?0:this.props.value.length-this.state.numVisible+this.getMedianItemIndex()<this.props.activeItemIndex?this.state.numVisible-this.props.value.length:this.props.value.length-this.state.numVisible<this.props.activeItemIndex&&this.state.numVisible%2==0?-1*this.props.activeItemIndex+this.getMedianItemIndex()+1:-1*this.props.activeItemIndex+this.getMedianItemIndex())!==this.state.totalShiftedItems&&this.setState({totalShiftedItems:n}),this.itemsContainer.style.transform=this.props.isVertical?"translate3d(0, ".concat(n*(100/this.state.numVisible),"%, 0)"):"translate3d(".concat(n*(100/this.state.numVisible),"%, 0, 0)"),e.activeItemIndex!==this.props.activeItemIndex&&(t.DomHandler.removeClass(this.itemsContainer,"p-items-hidden"),this.itemsContainer.style.transition="transform 500ms ease 0s"))}},{key:"componentWillUnmount",value:function(){this.props.responsiveOptions&&this.unbindDocumentListeners()}},{key:"renderItems",value:function(){var e=this;return this.props.value.map((function(t,i){var s=-1*e.state.totalShiftedItems,r=s+e.state.numVisible-1;return n.default.createElement(E,{key:i,index:i,template:e.props.itemTemplate,item:t,active:s<=i&&r>=i,start:s===i,end:r===i,onItemClick:e.onItemClick,current:e.props.activeItemIndex===i})}))}},{key:"renderBackwardNavigator",value:function(){if(this.props.showThumbnailNavigators){var e=!this.props.circular&&0===this.props.activeItemIndex||this.props.value.length<=this.state.numVisible,i=t.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e}),s=t.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!this.props.isVertical,"pi-chevron-up":this.props.isVertical});return n.default.createElement("button",{className:i,onClick:this.navBackward,disabled:e},n.default.createElement("span",{className:s}),n.default.createElement(t.Ripple,null))}return null}},{key:"renderForwardNavigator",value:function(){if(this.props.showThumbnailNavigators){var e=!this.props.circular&&this.props.activeItemIndex===this.props.value.length-1||this.props.value.length<=this.state.numVisible,i=t.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e}),s=t.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!this.props.isVertical,"pi-chevron-down":this.props.isVertical});return n.default.createElement("button",{className:i,onClick:this.navForward,disabled:e},n.default.createElement("span",{className:s}),n.default.createElement(t.Ripple,null))}return null}},{key:"renderContent",value:function(){var e=this,t=this.renderItems(),i=this.props.isVertical?this.props.contentHeight:"",s=this.renderBackwardNavigator(),r=this.renderForwardNavigator();return n.default.createElement("div",{className:"p-galleria-thumbnail-container"},s,n.default.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:i}},n.default.createElement("div",{ref:function(t){return e.itemsContainer=t},className:"p-galleria-thumbnail-items",onTransitionEnd:this.onTransitionEnd,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd},t)),r)}},{key:"render",value:function(){var e=this.renderContent();return n.default.createElement("div",{className:"p-galleria-thumbnail-wrapper"},e)}}]),l}();function N(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function O(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?N(Object(i),!0).forEach((function(t){d(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):N(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function V(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var P=function(i){c(d,e.Component);var r,l,p=(r=d,l=V(),function(){var e,t=h(r);if(l){var i=h(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return u(this,e)});function d(e){var t;return s(this,d),(t=p.call(this,e)).state={visible:!1,numVisible:e.numVisible,slideShowActive:!1},t.props.onItemChange||(t.state=O(O({},t.state),{},{activeIndex:e.activeIndex})),t.onActiveItemChange=t.onActiveItemChange.bind(o(t)),t.show=t.show.bind(o(t)),t.hide=t.hide.bind(o(t)),t.startSlideShow=t.startSlideShow.bind(o(t)),t.stopSlideShow=t.stopSlideShow.bind(o(t)),t.onEnter=t.onEnter.bind(o(t)),t.onEntering=t.onEntering.bind(o(t)),t.onEntered=t.onEntered.bind(o(t)),t.onExit=t.onExit.bind(o(t)),t.onExited=t.onExited.bind(o(t)),t.galleriaRef=n.default.createRef(),t}return a(d,[{key:"activeItemIndex",get:function(){return this.props.onItemChange?this.props.activeIndex:this.state.activeIndex}},{key:"onActiveItemChange",value:function(e){this.props.onItemChange?this.props.onItemChange(e):this.setState({activeIndex:e.index})}},{key:"show",value:function(){this.setState({visible:!0})}},{key:"hide",value:function(){this.setState({visible:!1})}},{key:"onEnter",value:function(){t.DomHandler.addClass(document.body,"p-overflow-hidden")}},{key:"onEntering",value:function(){t.ZIndexUtils.set("modal",this.mask,this.props.baseZIndex),t.DomHandler.addMultipleClasses(this.mask,"p-component-overlay p-component-overlay-enter")}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){t.DomHandler.removeClass(document.body,"p-overflow-hidden"),t.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.mask),this.props.onHide&&this.props.onHide()}},{key:"isAutoPlayActive",value:function(){return this.state.slideShowActive}},{key:"startSlideShow",value:function(){var e=this;this.interval=setInterval((function(){e.onActiveItemChange({index:e.props.circular&&e.props.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1})}),this.props.transitionInterval),this.setState({slideShowActive:!0})}},{key:"stopSlideShow",value:function(){this.interval&&clearInterval(this.interval),this.setState({slideShowActive:!1})}},{key:"getPositionClassName",value:function(e,t){var i=["top","left","bottom","right"].find((function(e){return e===t}));return i?"".concat(e,"-").concat(i):""}},{key:"isVertical",value:function(){return"left"===this.props.thumbnailsPosition||"right"===this.props.thumbnailsPosition}},{key:"componentDidUpdate",value:function(e,t){e.value!==this.props.value&&this.props.value&&this.props.value.length<this.state.numVisible&&this.setState({numVisible:this.props.value.length}),e.numVisible!==this.props.numVisible&&this.setState({numVisible:this.props.numVisible})}},{key:"componentWillUnmount",value:function(){this.state.slideShowActive&&this.stopSlideShow(),t.ZIndexUtils.clear(this.mask)}},{key:"renderHeader",value:function(){return this.props.header?n.default.createElement("div",{className:"p-galleria-header"},this.props.header):null}},{key:"renderFooter",value:function(){return this.props.footer?n.default.createElement("div",{className:"p-galleria-footer"},this.props.footer):null}},{key:"renderElement",value:function(){var e=this,i=this.isVertical(),s=this.props.showThumbnails&&this.getPositionClassName("p-galleria-thumbnails",this.props.thumbnailsPosition),r=this.props.showIndicators&&this.getPositionClassName("p-galleria-indicators",this.props.indicatorsPosition),a=t.classNames("p-galleria p-component",this.props.className,{"p-galleria-fullscreen":this.props.fullScreen,"p-galleria-indicator-onitem":this.props.showIndicatorsOnItem,"p-galleria-item-nav-onhover":this.props.showItemNavigatorsOnHover&&!this.props.fullScreen},s,r),o=this.props.fullScreen&&n.default.createElement("button",{type:"button",className:"p-galleria-close p-link",onClick:this.hide},n.default.createElement("span",{className:"p-galleria-close-icon pi pi-times"}),n.default.createElement(t.Ripple,null)),l=this.renderHeader(),c=this.renderFooter();return n.default.createElement("div",{ref:this.galleriaRef,id:this.props.id,className:a,style:this.props.style},o,l,n.default.createElement("div",{className:"p-galleria-content"},n.default.createElement(b,{ref:function(t){return e.previewContent=t},value:this.props.value,activeItemIndex:this.activeItemIndex,onActiveItemChange:this.onActiveItemChange,itemTemplate:this.props.item,circular:this.props.circular,caption:this.props.caption,showIndicators:this.props.showIndicators,changeItemOnIndicatorHover:this.props.changeItemOnIndicatorHover,indicator:this.props.indicator,showItemNavigators:this.props.showItemNavigators,autoPlay:this.props.autoPlay,slideShowActive:this.state.slideShowActive,startSlideShow:this.startSlideShow,stopSlideShow:this.stopSlideShow}),this.props.showThumbnails&&n.default.createElement(C,{value:this.props.value,activeItemIndex:this.activeItemIndex,onActiveItemChange:this.onActiveItemChange,itemTemplate:this.props.thumbnail,numVisible:this.state.numVisible,responsiveOptions:this.props.responsiveOptions,circular:this.props.circular,isVertical:i,contentHeight:this.props.verticalThumbnailViewPortHeight,showThumbnailNavigators:this.props.showThumbnailNavigators,autoPlay:this.props.autoPlay,slideShowActive:this.state.slideShowActive,stopSlideShow:this.stopSlideShow})),c)}},{key:"renderGalleria",value:function(){var e=this,i=this.renderElement();if(this.props.fullScreen){var s=t.classNames("p-galleria-mask",{"p-galleria-visible":this.state.visible});return n.default.createElement(t.Portal,{element:n.default.createElement("div",{ref:function(t){return e.mask=t},className:s},n.default.createElement(t.CSSTransition,{nodeRef:this.galleriaRef,classNames:"p-galleria",in:this.state.visible,timeout:{enter:150,exit:150},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},i))})}return i}},{key:"render",value:function(){return this.props.value&&this.props.value.length>0&&this.renderGalleria()}}]),d}();d(P,"defaultProps",{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=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),i=require("primereact/ripple"),n=require("primereact/csstransition"),s=require("primereact/portal"),r=require("primereact/api");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),l=a(r);function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t,i){return t&&c(e.prototype,t),i&&c(e,i),e}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function f(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function I(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},y.apply(this,arguments)}function g(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(n){m(l,e.Component);var s,r,a=(s=l,r=g(),function(){var e,t=b(s);if(r){var i=b(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return f(this,e)});function l(e){var t;return p(this,l),(t=a.call(this,e)).navForward=t.navForward.bind(h(t)),t.navBackward=t.navBackward.bind(h(t)),t.next=t.next.bind(h(t)),t.prev=t.prev.bind(h(t)),t}return u(l,[{key:"step",value:function(e){this.itemsContainer&&(this.itemsContainer.style.transform=this.isVertical()?"translate3d(0, ".concat(100*e,"%, 0)"):"translate3d(".concat(100*e,"%, 0, 0)"),this.itemsContainer.style.transition="transform 500ms ease 0s")}},{key:"next",value:function(){this.props.onActiveItemChange({index:this.props.circular&&this.props.value.length-1===this.props.activeItemIndex?0:this.props.activeItemIndex+1})}},{key:"prev",value:function(){this.props.onActiveItemChange({index:this.props.circular&&0===this.props.activeItemIndex?this.props.value.length-1:0!==this.props.activeItemIndex?this.props.activeItemIndex-1:0})}},{key:"stopSlideShow",value:function(){this.props.slideShowActive&&this.props.stopSlideShow&&this.props.stopSlideShow()}},{key:"navBackward",value:function(e){this.stopSlideShow(),this.prev(),e&&e.cancelable&&e.preventDefault()}},{key:"navForward",value:function(e){this.stopSlideShow(),this.next(),e&&e.cancelable&&e.preventDefault()}},{key:"onIndicatorClick",value:function(e){this.stopSlideShow(),this.props.onActiveItemChange({index:e})}},{key:"onIndicatorMouseEnter",value:function(e){this.props.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.props.onActiveItemChange({index:e}))}},{key:"onIndicatorKeyDown",value:function(e,t){13===e.which&&(this.stopSlideShow(),this.props.onActiveItemChange({index:t}))}},{key:"componentDidMount",value:function(){this.props.autoPlay&&this.props.startSlideShow()}},{key:"renderBackwardNavigator",value:function(){if(this.props.showItemNavigators){var e=!this.props.circular&&0===this.props.activeItemIndex,n=t.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e});return o.default.createElement("button",{type:"button",className:n,onClick:this.navBackward,disabled:e},o.default.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),o.default.createElement(i.Ripple,null))}return null}},{key:"renderForwardNavigator",value:function(){if(this.props.showItemNavigators){var e=!this.props.circular&&this.props.activeItemIndex===this.props.value.length-1,n=t.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e});return o.default.createElement("button",{type:"button",className:n,onClick:this.navForward,disabled:e},o.default.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),o.default.createElement(i.Ripple,null))}return null}},{key:"renderCaption",value:function(){if(this.props.caption){var e=this.props.caption(this.props.value[this.props.activeItemIndex]);return o.default.createElement("div",{className:"p-galleria-caption"},e)}return null}},{key:"renderIndicator",value:function(e){var n=this,s=this.props.indicator&&this.props.indicator(e),r=t.classNames("p-galleria-indicator",{"p-highlight":this.props.activeItemIndex===e});return s||(s=o.default.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},o.default.createElement(i.Ripple,null))),o.default.createElement("li",{className:r,key:"p-galleria-indicator-"+e,tabIndex:0,onClick:function(){return n.onIndicatorClick(e)},onMouseEnter:function(){return n.onIndicatorMouseEnter(e)},onKeyDown:function(t){return n.onIndicatorKeyDown(t,e)}},s)}},{key:"renderIndicators",value:function(){if(this.props.showIndicators){for(var e=t.classNames("p-galleria-indicators p-reset",this.props.indicatorsContentClassName),i=[],n=0;n<this.props.value.length;n++)i.push(this.renderIndicator(n));return o.default.createElement("ul",{className:e},i)}return null}},{key:"render",value:function(){var e=this,t=this.props.itemTemplate&&this.props.itemTemplate(this.props.value[this.props.activeItemIndex]),i=this.renderBackwardNavigator(),n=this.renderForwardNavigator(),s=this.renderCaption(),r=this.renderIndicators();return o.default.createElement("div",{ref:function(t){return e.props.forwardRef(t)},className:"p-galleria-item-wrapper"},o.default.createElement("div",{className:"p-galleria-item-container"},i,o.default.createElement("div",{className:"p-galleria-item"},t),n,s),r)}}]),l}(),S=o.default.forwardRef((function(e,t){return o.default.createElement(w,y({forwardRef:t},e))}));function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function x(e){if(Array.isArray(e))return k(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(e,t){if(e){if("string"==typeof e)return k(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?k(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){var t=V();return function(){var i,n=b(e);if(t){var s=b(this).constructor;i=Reflect.construct(n,arguments,s)}else i=n.apply(this,arguments);return f(this,i)}}function V(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var P=function(i){m(s,e.Component);var n=O(s);function s(e){var t;return p(this,s),(t=n.call(this,e)).onItemClick=t.onItemClick.bind(h(t)),t.onItemKeyDown=t.onItemKeyDown.bind(h(t)),t}return u(s,[{key:"onItemClick",value:function(e){this.props.onItemClick({originalEvent:e,index:this.props.index})}},{key:"onItemKeyDown",value:function(e){13===e.which&&this.props.onItemClick({originalEvent:e,index:this.props.index})}},{key:"render",value:function(){var e=this.props.template&&this.props.template(this.props.item),i=t.classNames(this.props.className,"p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":this.props.current,"p-galleria-thumbnail-item-active":this.props.active,"p-galleria-thumbnail-item-start":this.props.start,"p-galleria-thumbnail-item-end":this.props.end});return o.default.createElement("div",{className:i},o.default.createElement("div",{className:"p-galleria-thumbnail-item-content",tabIndex:this.props.active?0:null,onClick:this.onItemClick,onKeyDown:this.onItemKeyDown},e))}}]),s}();I(P,"defaultProps",{index:null,template:null,item:null,current:!1,active:!1,start:!1,end:!1,className:null,onItemClick:null});var T=function(n){m(r,e.Component);var s=O(r);function r(e){var i;return p(this,r),(i=s.call(this,e)).state={numVisible:e.numVisible,totalShiftedItems:0,page:0},i.navForward=i.navForward.bind(h(i)),i.navBackward=i.navBackward.bind(h(i)),i.onTransitionEnd=i.onTransitionEnd.bind(h(i)),i.onTouchStart=i.onTouchStart.bind(h(i)),i.onTouchMove=i.onTouchMove.bind(h(i)),i.onTouchEnd=i.onTouchEnd.bind(h(i)),i.onItemClick=i.onItemClick.bind(h(i)),i.attributeSelector=t.UniqueComponentId(),i}return u(r,[{key:"step",value:function(e){var i=this.state.totalShiftedItems+e;e<0&&-1*i+this.state.numVisible>this.props.value.length-1?i=this.state.numVisible-this.props.value.length:e>0&&i>0&&(i=0),this.props.circular&&(e<0&&this.props.value.length-1===this.props.activeItemIndex?i=0:e>0&&0===this.props.activeItemIndex&&(i=this.state.numVisible-this.props.value.length)),this.itemsContainer&&(t.DomHandler.removeClass(this.itemsContainer,"p-items-hidden"),this.itemsContainer.style.transform=this.props.isVertical?"translate3d(0, ".concat(i*(100/this.state.numVisible),"%, 0)"):"translate3d(".concat(i*(100/this.state.numVisible),"%, 0, 0)"),this.itemsContainer.style.transition="transform 500ms ease 0s"),this.setState({totalShiftedItems:i})}},{key:"stopSlideShow",value:function(){this.props.slideShowActive&&this.props.stopSlideShow&&this.props.stopSlideShow()}},{key:"getMedianItemIndex",value:function(){var e=Math.floor(this.state.numVisible/2);return this.state.numVisible%2?e:e-1}},{key:"navBackward",value:function(e){this.stopSlideShow();var t=0!==this.props.activeItemIndex?this.props.activeItemIndex-1:0;this.state.numVisible-(t+this.state.totalShiftedItems)-1>this.getMedianItemIndex()&&(-1*this.state.totalShiftedItems!=0||this.props.circular)&&this.step(1),this.props.onActiveItemChange({index:this.props.circular&&0===this.props.activeItemIndex?this.props.value.length-1:t}),e.cancelable&&e.preventDefault()}},{key:"navForward",value:function(e){this.stopSlideShow();var t=this.props.activeItemIndex+1;t+this.state.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.state.totalShiftedItems<this.getTotalPageNumber()-1||this.props.circular)&&this.step(-1),this.props.onActiveItemChange({index:this.props.circular&&this.props.value.length-1===this.props.activeItemIndex?0:t}),e.cancelable&&e.preventDefault()}},{key:"onItemClick",value:function(e){this.stopSlideShow();var t=e.index;if(t!==this.props.activeItemIndex){var i=t+this.state.totalShiftedItems,n=0;t<this.props.activeItemIndex?(n=this.state.numVisible-i-1-this.getMedianItemIndex())>0&&-1*this.state.totalShiftedItems!=0&&this.step(n):(n=this.getMedianItemIndex()-i)<0&&-1*this.state.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(n),this.props.onActiveItemChange({index:t})}}},{key:"onTransitionEnd",value:function(e){this.itemsContainer&&"transform"===e.propertyName&&(t.DomHandler.addClass(this.itemsContainer,"p-items-hidden"),this.itemsContainer.style.transition="")}},{key:"onTouchStart",value:function(e){var t=e.changedTouches[0];this.startPos={x:t.pageX,y:t.pageY}}},{key:"onTouchMove",value:function(e){e.cancelable&&e.preventDefault()}},{key:"onTouchEnd",value:function(e){var t=e.changedTouches[0];this.changePageOnTouch(e,this.props.isVertical?t.pageY-this.startPos.y:t.pageX-this.startPos.x)}},{key:"changePageOnTouch",value:function(e,t){t<0?this.navForward(e):this.navBackward(e)}},{key:"getTotalPageNumber",value:function(){return this.props.value.length>this.state.numVisible?this.props.value.length-this.state.numVisible+1:0}},{key:"createStyle",value:function(){this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),document.body.appendChild(this.thumbnailsStyle));var e,t="\n            .p-galleria-thumbnail-items[".concat(this.attributeSelector,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/this.state.numVisible,"%\n            }\n        ");if(this.props.responsiveOptions){this.responsiveOptions=x(e=this.props.responsiveOptions)||E(e)||C(e)||N(),this.responsiveOptions.sort((function(e,t){var i=e.breakpoint,n=t.breakpoint;return-1*(null==i&&null!=n?-1:null!=i&&null==n?1:null==i&&null==n?0:"string"==typeof i&&"string"==typeof n?i.localeCompare(n,void 0,{numeric:!0}):i<n?-1:i>n?1:0)}));for(var i=0;i<this.responsiveOptions.length;i++){var n=this.responsiveOptions[i];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(this.attributeSelector,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}this.thumbnailsStyle.innerHTML=t}},{key:"calculatePosition",value:function(){if(this.itemsContainer&&this.responsiveOptions){for(var e=window.innerWidth,t={numVisible:this.props.numVisible},i=0;i<this.responsiveOptions.length;i++){var n=this.responsiveOptions[i];parseInt(n.breakpoint,10)>=e&&(t=n)}this.state.numVisible!==t.numVisible&&this.setState({numVisible:t.numVisible})}}},{key:"bindDocumentListeners",value:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(){e.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))}},{key:"unbindDocumentListeners",value:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)}},{key:"componentDidMount",value:function(){this.itemsContainer&&this.itemsContainer.setAttribute(this.attributeSelector,""),this.createStyle(),this.calculatePosition(),this.props.responsiveOptions&&this.bindDocumentListeners()}},{key:"componentDidUpdate",value:function(e,i){var n=this.state.totalShiftedItems;i.numVisible===this.state.numVisible&&e.activeItemIndex===this.props.activeItemIndex||((n=this.props.activeItemIndex<=this.getMedianItemIndex()?0:this.props.value.length-this.state.numVisible+this.getMedianItemIndex()<this.props.activeItemIndex?this.state.numVisible-this.props.value.length:this.props.value.length-this.state.numVisible<this.props.activeItemIndex&&this.state.numVisible%2==0?-1*this.props.activeItemIndex+this.getMedianItemIndex()+1:-1*this.props.activeItemIndex+this.getMedianItemIndex())!==this.state.totalShiftedItems&&this.setState({totalShiftedItems:n}),this.itemsContainer.style.transform=this.props.isVertical?"translate3d(0, ".concat(n*(100/this.state.numVisible),"%, 0)"):"translate3d(".concat(n*(100/this.state.numVisible),"%, 0, 0)"),e.activeItemIndex!==this.props.activeItemIndex&&(t.DomHandler.removeClass(this.itemsContainer,"p-items-hidden"),this.itemsContainer.style.transition="transform 500ms ease 0s"))}},{key:"componentWillUnmount",value:function(){this.props.responsiveOptions&&this.unbindDocumentListeners()}},{key:"renderItems",value:function(){var e=this;return this.props.value.map((function(t,i){var n=-1*e.state.totalShiftedItems,s=n+e.state.numVisible-1;return o.default.createElement(P,{key:i,index:i,template:e.props.itemTemplate,item:t,active:n<=i&&s>=i,start:n===i,end:s===i,onItemClick:e.onItemClick,current:e.props.activeItemIndex===i})}))}},{key:"renderBackwardNavigator",value:function(){if(this.props.showThumbnailNavigators){var e=!this.props.circular&&0===this.props.activeItemIndex||this.props.value.length<=this.state.numVisible,n=t.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e}),s=t.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!this.props.isVertical,"pi-chevron-up":this.props.isVertical});return o.default.createElement("button",{className:n,onClick:this.navBackward,disabled:e},o.default.createElement("span",{className:s}),o.default.createElement(i.Ripple,null))}return null}},{key:"renderForwardNavigator",value:function(){if(this.props.showThumbnailNavigators){var e=!this.props.circular&&this.props.activeItemIndex===this.props.value.length-1||this.props.value.length<=this.state.numVisible,n=t.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e}),s=t.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!this.props.isVertical,"pi-chevron-down":this.props.isVertical});return o.default.createElement("button",{className:n,onClick:this.navForward,disabled:e},o.default.createElement("span",{className:s}),o.default.createElement(i.Ripple,null))}return null}},{key:"renderContent",value:function(){var e=this,t=this.renderItems(),i=this.props.isVertical?this.props.contentHeight:"",n=this.renderBackwardNavigator(),s=this.renderForwardNavigator();return o.default.createElement("div",{className:"p-galleria-thumbnail-container"},n,o.default.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:i}},o.default.createElement("div",{ref:function(t){return e.itemsContainer=t},className:"p-galleria-thumbnail-items",onTransitionEnd:this.onTransitionEnd,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd},t)),s)}},{key:"render",value:function(){var e=this.renderContent();return o.default.createElement("div",{className:"p-galleria-thumbnail-wrapper"},e)}}]),r}();function A(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function R(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?A(Object(i),!0).forEach((function(t){I(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var j=function(r){m(v,e.Component);var a,c,d=(a=v,c=D(),function(){var e,t=b(a);if(c){var i=b(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return f(this,e)});function v(e){var t;return p(this,v),(t=d.call(this,e)).state={visible:!1,numVisible:e.numVisible,slideShowActive:!1},t.props.onItemChange||(t.state=R(R({},t.state),{},{activeIndex:e.activeIndex})),t.onActiveItemChange=t.onActiveItemChange.bind(h(t)),t.show=t.show.bind(h(t)),t.hide=t.hide.bind(h(t)),t.startSlideShow=t.startSlideShow.bind(h(t)),t.stopSlideShow=t.stopSlideShow.bind(h(t)),t.onEnter=t.onEnter.bind(h(t)),t.onEntering=t.onEntering.bind(h(t)),t.onEntered=t.onEntered.bind(h(t)),t.onExit=t.onExit.bind(h(t)),t.onExited=t.onExited.bind(h(t)),t.galleriaRef=o.default.createRef(),t}return u(v,[{key:"activeItemIndex",get:function(){return this.props.onItemChange?this.props.activeIndex:this.state.activeIndex}},{key:"onActiveItemChange",value:function(e){this.props.onItemChange?this.props.onItemChange(e):this.setState({activeIndex:e.index})}},{key:"show",value:function(){this.setState({visible:!0})}},{key:"hide",value:function(){this.setState({visible:!1})}},{key:"onEnter",value:function(){t.DomHandler.addClass(document.body,"p-overflow-hidden")}},{key:"onEntering",value:function(){t.ZIndexUtils.set("modal",this.mask,l.default.autoZIndex,this.props.baseZIndex||l.default.zIndex.modal),t.DomHandler.addMultipleClasses(this.mask,"p-component-overlay p-component-overlay-enter")}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExit",value:function(){t.DomHandler.removeClass(document.body,"p-overflow-hidden"),t.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.mask),this.props.onHide&&this.props.onHide()}},{key:"isAutoPlayActive",value:function(){return this.state.slideShowActive}},{key:"startSlideShow",value:function(){var e=this;this.interval=setInterval((function(){e.onActiveItemChange({index:e.props.circular&&e.props.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1})}),this.props.transitionInterval),this.setState({slideShowActive:!0})}},{key:"stopSlideShow",value:function(){this.interval&&clearInterval(this.interval),this.setState({slideShowActive:!1})}},{key:"getPositionClassName",value:function(e,t){var i=["top","left","bottom","right"].find((function(e){return e===t}));return i?"".concat(e,"-").concat(i):""}},{key:"isVertical",value:function(){return"left"===this.props.thumbnailsPosition||"right"===this.props.thumbnailsPosition}},{key:"componentDidUpdate",value:function(e,t){e.value!==this.props.value&&this.props.value&&this.props.value.length<this.state.numVisible&&this.setState({numVisible:this.props.value.length}),e.numVisible!==this.props.numVisible&&this.setState({numVisible:this.props.numVisible})}},{key:"componentWillUnmount",value:function(){this.state.slideShowActive&&this.stopSlideShow(),t.ZIndexUtils.clear(this.mask)}},{key:"renderHeader",value:function(){return this.props.header?o.default.createElement("div",{className:"p-galleria-header"},this.props.header):null}},{key:"renderFooter",value:function(){return this.props.footer?o.default.createElement("div",{className:"p-galleria-footer"},this.props.footer):null}},{key:"renderElement",value:function(){var e=this,n=this.isVertical(),s=this.props.showThumbnails&&this.getPositionClassName("p-galleria-thumbnails",this.props.thumbnailsPosition),r=this.props.showIndicators&&this.getPositionClassName("p-galleria-indicators",this.props.indicatorsPosition),a=t.classNames("p-galleria p-component",this.props.className,{"p-galleria-fullscreen":this.props.fullScreen,"p-galleria-indicator-onitem":this.props.showIndicatorsOnItem,"p-galleria-item-nav-onhover":this.props.showItemNavigatorsOnHover&&!this.props.fullScreen},s,r),l=this.props.fullScreen&&o.default.createElement("button",{type:"button",className:"p-galleria-close p-link",onClick:this.hide},o.default.createElement("span",{className:"p-galleria-close-icon pi pi-times"}),o.default.createElement(i.Ripple,null)),p=this.renderHeader(),c=this.renderFooter();return o.default.createElement("div",{ref:this.galleriaRef,id:this.props.id,className:a,style:this.props.style},l,p,o.default.createElement("div",{className:"p-galleria-content"},o.default.createElement(S,{ref:function(t){return e.previewContent=t},value:this.props.value,activeItemIndex:this.activeItemIndex,onActiveItemChange:this.onActiveItemChange,itemTemplate:this.props.item,circular:this.props.circular,caption:this.props.caption,showIndicators:this.props.showIndicators,changeItemOnIndicatorHover:this.props.changeItemOnIndicatorHover,indicator:this.props.indicator,showItemNavigators:this.props.showItemNavigators,autoPlay:this.props.autoPlay,slideShowActive:this.state.slideShowActive,startSlideShow:this.startSlideShow,stopSlideShow:this.stopSlideShow}),this.props.showThumbnails&&o.default.createElement(T,{value:this.props.value,activeItemIndex:this.activeItemIndex,onActiveItemChange:this.onActiveItemChange,itemTemplate:this.props.thumbnail,numVisible:this.state.numVisible,responsiveOptions:this.props.responsiveOptions,circular:this.props.circular,isVertical:n,contentHeight:this.props.verticalThumbnailViewPortHeight,showThumbnailNavigators:this.props.showThumbnailNavigators,autoPlay:this.props.autoPlay,slideShowActive:this.state.slideShowActive,stopSlideShow:this.stopSlideShow})),c)}},{key:"renderGalleria",value:function(){var e=this,i=this.renderElement();if(this.props.fullScreen){var r=t.classNames("p-galleria-mask",{"p-galleria-visible":this.state.visible});return o.default.createElement(s.Portal,{element:o.default.createElement("div",{ref:function(t){return e.mask=t},className:r},o.default.createElement(n.CSSTransition,{nodeRef:this.galleriaRef,classNames:"p-galleria",in:this.state.visible,timeout:{enter:150,exit:150},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntering:this.onEntering,onEntered:this.onEntered,onExit:this.onExit,onExited:this.onExited},i))})}return i}},{key:"render",value:function(){return this.props.value&&this.props.value.length>0&&this.renderGalleria()}}]),v}();I(j,"defaultProps",{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=j;