primereact 10.3.3 → 10.5.0

package/focustrap/focustrap.js

@@ -0,0 +1,167 @@
+this.primereact = this.primereact || {};
+this.primereact.focustrap = (function (exports, React, api, hooks, utils, componentbase) {
+  'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var styles = "";
+  var FocusTrapBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'FocusTrap',
+      children: undefined
+    },
+    css: {
+      styles: styles
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FocusTrapBase.defaultProps);
+    }
+  });
+
+  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+    var targetRef = React__default["default"].useRef(null);
+    var firstFocusableElementRef = React__default["default"].useRef(null);
+    var lastFocusableElementRef = React__default["default"].useRef(null);
+    var context = React__default["default"].useContext(api.PrimeReactContext);
+    var props = FocusTrapBase.getProps(inProps, context);
+    var metaData = {
+      props: props
+    };
+    hooks.useStyle(FocusTrapBase.css.styles, {
+      name: 'focustrap'
+    });
+    var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread({}, metaData));
+      _FocusTrapBase$setMet.ptm;
+    React__default["default"].useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getInk: function getInk() {
+          return firstFocusableElementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
+    hooks.useMountEffect(function () {
+      if (!props.disabled) {
+        targetRef.current = getTarget();
+        setAutoFocus(targetRef.current);
+      }
+    });
+    var getTarget = function getTarget() {
+      return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
+    };
+    var setAutoFocus = function setAutoFocus(target) {
+      var _ref = props || {},
+        _ref$autoFocusSelecto = _ref.autoFocusSelector,
+        autoFocusSelector = _ref$autoFocusSelecto === void 0 ? '' : _ref$autoFocusSelecto,
+        _ref$firstFocusableSe = _ref.firstFocusableSelector,
+        firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
+        _ref$autoFocus = _ref.autoFocus,
+        autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
+      var focusableElement = utils.DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+      autoFocus && !focusableElement && (focusableElement = utils.DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
+      utils.DomHandler.focus(focusableElement);
+    };
+    var getComputedSelector = function getComputedSelector(selector) {
+      return ":not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])".concat(selector !== null && selector !== void 0 ? selector : '');
+    };
+    var onFirstHiddenElementFocus = function onFirstHiddenElementFocus(event) {
+      var _targetRef$current;
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      var focusableElement = relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !((_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(relatedTarget)) ? utils.DomHandler.getFirstFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_lasthiddenfocusableelement;
+      utils.DomHandler.focus(focusableElement);
+    };
+    var onLastHiddenElementFocus = function onLastHiddenElementFocus(event) {
+      var _targetRef$current2;
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      var focusableElement = relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !((_targetRef$current2 = targetRef.current) !== null && _targetRef$current2 !== void 0 && _targetRef$current2.contains(relatedTarget)) ? utils.DomHandler.getLastFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_firsthiddenfocusableelement;
+      utils.DomHandler.focus(focusableElement);
+    };
+    var createHiddenFocusableElements = function createHiddenFocusableElements() {
+      var _ref2 = props || {},
+        _ref2$tabIndex = _ref2.tabIndex,
+        tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
+      var createFocusableElement = function createFocusableElement(onFocus, section) {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
+          ref: section === 'firstfocusableelement' ? firstFocusableElementRef : lastFocusableElementRef,
+          className: 'p-hidden-accessible p-hidden-focusable',
+          tabIndex: tabIndex,
+          role: 'presentation',
+          "aria-hidden": true,
+          "data-p-hidden-accessible": true,
+          "data-p-hidden-focusable": true,
+          onFocus: onFocus,
+          "data-pc-section": section
+        });
+      };
+      var firstFocusableElement = createFocusableElement(onFirstHiddenElementFocus, 'firstfocusableelement');
+      var lastFocusableElement = createFocusableElement(onLastHiddenElementFocus, 'lastfocusableelement');
+      if (firstFocusableElement.ref.current && lastFocusableElement.ref.current) {
+        firstFocusableElement.ref.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement.ref.current;
+        lastFocusableElement.ref.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement.ref.current;
+      }
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, firstFocusableElement, props.children, lastFocusableElement);
+    };
+    return createHiddenFocusableElements();
+  }));
+
+  exports.FocusTrap = FocusTrap;
+  exports["default"] = FocusTrap;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);

package/focustrap/focustrap.min.js

@@ -0,0 +1 @@
+this.primereact=this.primereact||{},this.primereact.focustrap=function(e,t,r,n,o,u){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);function l(e){return l="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},l(e)}function s(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=s(e,"string");return"symbol"===l(t)?t:String(t)}var f=u.ComponentBase.extend({defaultProps:{__TYPE:"FocusTrap",children:void 0},css:{styles:""},getProps:function(e){return o.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,f.defaultProps)}});function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){var n,o,u;n=e,u=r[t],(o=i(o=t))in n?Object.defineProperty(n,o,{value:u,enumerable:!0,configurable:!0,writable:!0}):n[o]=u})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=c.default.memo(c.default.forwardRef((function(e,t){var u=c.default.useRef(null),a=c.default.useRef(null),l=c.default.useRef(null),s=c.default.useContext(r.PrimeReactContext),i=f.getProps(e,s),p={props:i};n.useStyle(f.css.styles,{name:"focustrap"});f.setMetaData(d({},p));c.default.useImperativeHandle(t,(function(){return{props:i,getInk:function(){return a.current},getTarget:function(){return u.current}}})),n.useMountEffect((function(){i.disabled||(u.current=h(),O(u.current))}));var b,m,y,v,g,h=function(){return a.current&&a.current.parentElement},O=function(e){var t=i||{},r=t.autoFocusSelector,n=t.firstFocusableSelector,u=void 0===n?"":n,a=t.autoFocus,c=void 0!==a&&a,l=o.DomHandler.getFirstFocusableElement(e,"[autofocus]".concat(P(void 0===r?"":r)));c&&!l&&(l=o.DomHandler.getFirstFocusableElement(e,P(u))),o.DomHandler.focus(l)},P=function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},_=function(e){var t,r=e.currentTarget,n=e.relatedTarget,a=n!==r.$_pfocustrap_firsthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(n)?r.$_pfocustrap_firsthiddenfocusableelement:o.DomHandler.getLastFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));o.DomHandler.focus(a)};return m=void 0===(b=(i||{}).tabIndex)?0:b,v=(y=function(e,t){return c.default.createElement("span",{ref:"firstfocusableelement"===t?a:l,className:"p-hidden-accessible p-hidden-focusable",tabIndex:m,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:e,"data-pc-section":t})})((function(e){var t,r=e.currentTarget,n=e.relatedTarget,a=n!==r.$_pfocustrap_lasthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(n)?r.$_pfocustrap_lasthiddenfocusableelement:o.DomHandler.getFirstFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));o.DomHandler.focus(a)}),"firstfocusableelement"),g=y(_,"lastfocusableelement"),v.ref.current&&g.ref.current&&(v.ref.current.$_pfocustrap_lasthiddenfocusableelement=g.ref.current,g.ref.current.$_pfocustrap_firsthiddenfocusableelement=v.ref.current),c.default.createElement(c.default.Fragment,null,v,i.children,g)})));return e.FocusTrap=b,e.default=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/focustrap/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./focustrap.cjs.js",
+    "module": "./focustrap.esm.js",
+    "unpkg": "./focustrap.min.js",
+    "types": "./focustrap.d.ts",
+    "sideEffects": false
+}

package/galleria/galleria.cjs.js

@@ -243,42 +243,44 @@ var inlineStyles = {
 var GalleriaBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Galleria',
-    id: null,
-    value: null,
     activeIndex: 0,
-    fullScreen: false,
-    item: null,
-    thumbnail: null,
-    indicator: null,
+    autoPlay: false,
+    baseZIndex: 0,
     caption: null,
+    changeItemOnIndicatorHover: false,
+    children: undefined,
+    circular: false,
     className: null,
     closeIcon: 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,
+    fullScreen: false,
+    header: null,
+    id: null,
+    indicator: null,
+    indicatorsPosition: 'bottom',
+    item: null,
     itemNextIcon: null,
     itemPrevIcon: null,
     nextThumbnailIcon: null,
+    numVisible: 3,
+    onHide: null,
+    onItemChange: null,
+    onShow: null,
     prevThumbnailIcon: null,
-    thumbnailsPosition: 'bottom',
-    verticalThumbnailViewPortHeight: '300px',
+    responsiveOptions: null,
     showIndicators: false,
     showIndicatorsOnItem: false,
-    indicatorsPosition: 'bottom',
-    baseZIndex: 0,
+    showItemNavigators: false,
+    showItemNavigatorsOnHover: false,
+    showThumbnailNavigators: true,
+    showThumbnails: true,
+    style: null,
+    thumbnail: null,
+    thumbnailsPosition: 'bottom',
+    transitionInterval: 4000,
     transitionOptions: null,
-    onItemChange: null,
-    children: undefined
+    value: null,
+    verticalThumbnailViewPortHeight: '300px'
   },
   css: {
     classes: classes,

package/galleria/galleria.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/icons/times"),o=require("primereact/portal"),c=require("primereact/ripple"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var h=f(e),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},b.apply(this,arguments)}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 I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function S(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):void 0}}function N(){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,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,closeIcon:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,prevThumbnailIcon:null,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return r.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return r.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return r.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return r.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return r.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return r.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return r.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return r.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-galleria-item {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        width: 100%;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n        pointer-events: none;\n    }\n    \n    .p-galleria-caption {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\n        align-self: center;\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-galleria-thumbnail-items {\n        display: flex;\n    }\n    \n    .p-galleria-thumbnail-item {\n        overflow: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        opacity: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\n    .p-galleria-thumbnails-left .p-galleria-content,\n    .p-galleria-thumbnails-right .p-galleria-content {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\n    .p-galleria-mask {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-galleria-thumbnail-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n        visibility: visible;\n    }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function D(e){if(Array.isArray(e))return P(e)}function j(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.")}function k(e){return D(e)||j(e)||S(e)||T()}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=i.useMergeProps(),l=h.useRef(null),o=e.ptm,m=e.cx,p=function(n,t){return o(n,H({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},g=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},v=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":P(),n.preventDefault();break;case"Tab":S();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=N();E(e,e-1<=0?0:e-1)},O=function(){var e=N();E(e,0)},P=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,e.length-1)},S=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-highlight")})),t=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},N=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},E=function(e,n){var t=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(t){var i,r="p-galleria-indicator-"+t,l=e.activeItemIndex===t,o=e.indicator&&e.indicator(t),s=a({className:m("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":l,onClick:function(){return v(t)},onMouseEnter:function(){return I(t)},onKeyDown:function(e){return x(e,t)}},p("indicator"));return o||(o=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(c.Ripple,null))),h.createElement("li",s,o)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:m("previousItemIcon")},p("previousItemIcon")),i=r.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),A=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:m("nextItemIcon")},p("nextItemIcon")),i=r.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("nextItemButton",{isDisabled:n}),onClick:g,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),R=function(){var n=a({className:m("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:r.classNames(e.indicatorsContentClassName,m("indicators"))},p("indicators")),i=0;i<e.value.length;i++)n.push(D(i));return h.createElement("ul",b({ref:l},t),n)}return null}(),V=a({ref:t,className:m("itemWrapper")},p("itemWrapper")),B=a({className:m("itemContainer")},p("itemContainer")),q=a({className:m("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},p("item"));return h.createElement("div",V,h.createElement("div",B,T,h.createElement("div",q,j),A,R),U)})));function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,l=function(n,t){return a(n,V({hostName:e.hostName},t))},o=function(){var n=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-active")})),a=r.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=r.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),g=r.mergeProps({className:r.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":s(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},l("thumbnailItem")),b=r.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},l("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),l=a[0],o=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(l),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),v.current&&(r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(l/2);return l%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},M=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,i=0;t<e.activeItemIndex?(i=l-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},_=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>l?e.value.length-l+1:0},Z=function(){y.current||(y.current=r.DomHandler.createInlineStyle(S&&S.nonce||g.default.nonce,S&&S.styleContainer));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/l,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=r.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return r.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=r.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===l&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-l+R()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=l,a=r.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,a=r.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+l-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:M,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=r.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=r.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=r.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:_,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=r.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function M(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||r.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,M=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){r.DomHandler.blockBodyScroll()},Z=function(){r.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&r.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){r.DomHandler.unblockBodyScroll(),!L()&&r.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){r.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),r.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return r.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=r.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=r.IconUtils.getJSXIcon(m.closeIcon||h.createElement(l.TimesIcon,p),_({},p),{props:m}),g=r.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(c.Ripple,null)),e=r.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=r.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=r.mergeProps({ref:D,id:H,className:r.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=r.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:M})),y));if(m.fullScreen){var N=r.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=r.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(o.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),a=require("primereact/csstransition"),i=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/icons/times"),o=require("primereact/portal"),c=require("primereact/ripple"),s=require("primereact/icons/chevronleft"),u=require("primereact/icons/chevronright"),m=require("primereact/icons/chevrondown"),p=require("primereact/icons/chevronup");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var h=f(e),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},b.apply(this,arguments)}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 I(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function x(e){var n=I(e,"string");return"symbol"===v(n)?n:String(n)}function y(e,n,t){return(n=x(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function P(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function S(e,n){if(e){if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?P(e,n):void 0}}function N(){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,n){return w(e)||O(e,n)||S(e,n)||N()}var C=t.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return r.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return r.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return r.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return r.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return r.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return r.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return r.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return r.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-galleria-item {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        width: 100%;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity .2s ease-in-out;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n        pointer-events: all;\n        opacity: 1;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n        pointer-events: none;\n    }\n    \n    .p-galleria-caption {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n    \n    /* Thumbnails */\n    .p-galleria-thumbnail-wrapper {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\n        align-self: center;\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-galleria-thumbnail-items {\n        display: flex;\n    }\n    \n    .p-galleria-thumbnail-item {\n        overflow: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        opacity: .5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-galleria-thumbnail-item-current {\n        opacity: 1;\n    }\n    \n    /* Positions */\n    /* Thumbnails */\n    .p-galleria-thumbnails-left .p-galleria-content,\n    .p-galleria-thumbnails-right .p-galleria-content {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-start;\n    }\n    \n    /* FullScreen */\n    .p-galleria-mask {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n    \n    .p-galleria-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-mask .p-galleria-item-nav {\n        position: fixed;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    /* Animation */\n    .p-galleria-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-galleria-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-done {\n        transform: none;\n    }\n    \n    .p-galleria-exit {\n        opacity: 1;\n    }\n    \n    .p-galleria-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-active .p-galleria-item-nav {\n        opacity: 0;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-galleria-thumbnail-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n        visibility: visible;\n    }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function D(e){if(Array.isArray(e))return P(e)}function j(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.")}function k(e){return D(e)||j(e)||S(e)||T()}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=h.memo(h.forwardRef((function(e,t){var a=i.useMergeProps(),l=h.useRef(null),o=e.ptm,m=e.cx,p=function(n,t){return o(n,H({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},g=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},v=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":P(),n.preventDefault();break;case"Tab":S();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=N();E(e,e-1<=0?0:e-1)},O=function(){var e=N();E(e,0)},P=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=N();E(n,e.length-1)},S=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-highlight")})),t=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},N=function(){var e=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]')),n=r.DomHandler.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},E=function(e,n){var t=k(r.DomHandler.find(l.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};i.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(t){var i,r="p-galleria-indicator-"+t,l=e.activeItemIndex===t,o=e.indicator&&e.indicator(t),s=a({className:m("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=t+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===t,"aria-controls":e.id+"_item_"+t,"data-p-highlight":l,onClick:function(){return v(t)},onMouseEnter:function(){return I(t)},onKeyDown:function(e){return x(e,t)}},p("indicator"));return o||(o=h.createElement("button",{tabIndex:e.activeIndex===t?"0":"-1",type:"button",className:"p-link"},h.createElement(c.Ripple,null))),h.createElement("li",s,o)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:m("previousItemIcon")},p("previousItemIcon")),i=r.IconUtils.getJSXIcon(e.itemPrevIcon||h.createElement(s.ChevronLeftIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),A=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:m("nextItemIcon")},p("nextItemIcon")),i=r.IconUtils.getJSXIcon(e.itemNextIcon||h.createElement(u.ChevronRightIcon,t),H({},t),{props:e}),l=a({type:"button",className:m("nextItemButton",{isDisabled:n}),onClick:g,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return h.createElement("button",l,i,h.createElement(c.Ripple,null))}return null}(),R=function(){var n=a({className:m("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return h.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:r.classNames(e.indicatorsContentClassName,m("indicators"))},p("indicators")),i=0;i<e.value.length;i++)n.push(D(i));return h.createElement("ul",b({ref:l},t),n)}return null}(),V=a({ref:t,className:m("itemWrapper")},p("itemWrapper")),B=a({className:m("itemContainer")},p("itemContainer")),q=a({className:m("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":n.localeOption("aria")?n.localeOption("aria").slide:void 0},p("item"));return h.createElement("div",V,h.createElement("div",B,T,h.createElement("div",q,j),A,R),U)})));function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}R.displayName="GalleriaItem";var B=h.memo((function(e){var t,a=e.ptm,i=e.cx,l=function(n,t){return a(n,V({hostName:e.hostName},t))},o=function(){var n=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,t+1===n.length?n.length-1:t+1)},c=function(){var e=p();d(e,e-1<=0?0:e-1)},s=function(){var e=p();d(e,0)},u=function(){var n=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=p();d(t,n.length-1)},m=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===r.DomHandler.getAttribute(e,"data-p-active")})),a=r.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},p=function(){var n=k(r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=r.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},d=function(n,t){var a=r.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},f=e.template&&e.template(e.item),g=r.mergeProps({className:r.classNames(e.className,i("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":o();break;case"ArrowLeft":c();break;case"Home":s(),n.preventDefault();break;case"End":u(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":m()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},l("thumbnailItem")),b=r.mergeProps({className:i("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(t=e.index+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},l("thumbnailItemContent"));return h.createElement("div",g,h.createElement("div",b,f))})),q=h.memo(h.forwardRef((function(e,t){var a=E(h.useState(e.numVisible),2),l=a[0],o=a[1],d=E(h.useState(0),2),f=d[0],b=d[1],v=h.useRef(null),I=h.useRef(null),x=h.useRef(""),y=h.useRef(null),w=h.useRef(null),O=i.usePrevious(l),P=i.usePrevious(e.activeItemIndex),S=h.useContext(n.PrimeReactContext),N=e.ptm,C=e.cx,D=e.sx,j=function(n,t){return N(n,V({hostName:e.hostName},t))},T=E(i.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],A=function(n){var t=f+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),v.current&&(r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),b(t)},H=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},R=function(){var e=Math.floor(l/2);return l%2?e:e-1},U=function(n){H();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+f)-1>R()&&(-1*f!=0||e.circular)&&A(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},q=function(n){H();var t=e.activeItemIndex+1;t+f>R()&&(-1*f<X()-1||e.circular)&&A(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},M=function(n){H();var t=n.index;if(t!==e.activeItemIndex){var a=t+f,i=0;t<e.activeItemIndex?(i=l-a-1-R())>0&&-1*f!=0&&A(i):(i=R()-a)<0&&-1*f<X()-1&&A(i),e.onActiveItemChange({index:t})}},_=function(n){v.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},L=function(e){var n=e.changedTouches[0];I.current={x:n.pageX,y:n.pageY}},G=function(e){e.cancelable&&e.preventDefault()},z=function(n){var t=n.changedTouches[0];W(n,e.isVertical?t.pageY-I.current.y:t.pageX-I.current.x)},W=function(e,n){n<0?q(e):U(e)},X=function(){return e.value.length>l?e.value.length-l+1:0},Z=function(){y.current||(y.current=r.DomHandler.createInlineStyle(S&&S.nonce||g.default.nonce,S&&S.styleContainer));var n='\n            [data-pc-section="thumbnailitems"]['.concat(x.current,'] {\n                [data-pc-section="thumbnailitem"] {\n                    flex: 1 0 ').concat(100/l,"%\n                }\n            } \n        ");if(e.responsiveOptions){var t=r.ObjectUtils.localeComparator(S&&S.locale||g.default.locale);w.current=k(e.responsiveOptions),w.current.sort((function(e,n){return r.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,S&&S.nullSortOrder||g.default.nullSortOrder)}));for(var a=0;a<w.current.length;a++){var i=w.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,') {\n                        [data-pc-section="thumbnailitems"][').concat(x.current,'] {\n                            [data-pc-section="thumbnailitem"] {\n                                flex: 1 0 ').concat(100/i.numVisible,"%\n                            }\n                        } \n                    }\n                ")}}y.current.innerHTML=n},J=function(){if(v.current&&w.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<w.current.length;a++){var i=w.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};i.useMountEffect((function(){v.current&&(x.current=r.UniqueComponentId(),v.current.setAttribute(x.current,"")),Z(),J(),T()})),i.useUpdateEffect((function(){var n=f;O===l&&P===e.activeItemIndex||((n=e.activeItemIndex<=R()?0:e.value.length-l+R()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+R()+1:-1*e.activeItemIndex+R())!==f&&b(n),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),P!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&r.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transition="transform 500ms ease 0s"))}));var K,Y,F,$,Q,ee,ne,te=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=l,a=r.mergeProps({className:C("previousThumbnailIcon")},j("previousThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||h.createElement(p.ChevronUpIcon,a):e.prevThumbnailIcon||h.createElement(s.ChevronLeftIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("previousThumbnailButton",{isDisabled:t}),onClick:U,type:"button",disabled:t,"data-p-disabled":t,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},j("previousThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ae=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,a=r.mergeProps({className:C("nextThumbnailIcon")},j("nextThumbnailIcon")),i=r.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||h.createElement(m.ChevronDownIcon,a):e.nextThumbnailIcon||h.createElement(u.ChevronRightIcon,a),V({},a),{props:e}),o=r.mergeProps({className:C("nextThumbnailButton",{isDisabled:t}),disabled:t,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,onClick:q,"data-p-disabled":t,"data-pc-group-section":"thumbnailnavigator"},j("nextThumbnailButton"));return h.createElement("button",o,i,h.createElement(c.Ripple,null))}return null},ie=(K=e.value.map((function(n,t){var a=-1*f,i=a+l-1;return h.createElement(B,{key:t,index:t,containerId:e.containerId,itemsContainerRef:v,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:M,current:e.activeItemIndex===t,ptm:N,cx:C,sx:D})})),Y=e.isVertical?e.contentHeight:"",F=te(),$=ae(),Q=r.mergeProps({className:C("thumbnailContainer")},j("thumbnailContainer")),ee=r.mergeProps({className:C("thumbnailItemsContainer"),style:D("thumbnailItemsContainer",{height:Y})},j("thumbnailItemsContainer")),ne=r.mergeProps({ref:v,className:C("thumbnailItems"),role:"tablist",onTransitionEnd:_,onTouchStart:L,onTouchMove:G,onTouchEnd:z},j("thumbnailItems")),h.createElement("div",Q,F,h.createElement("div",ee,h.createElement("div",ne,K)),$)),re=r.mergeProps({className:C("thumbnailWrapper")},j("thumbnailWrapper"));return h.createElement("div",re,ie)})));function M(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}B.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var L=h.memo(h.forwardRef((function(e,s){var u=h.useContext(n.PrimeReactContext),m=C.getProps(e,u),p=E(h.useState(!1),2),d=p[0],f=p[1],v=E(h.useState(m.numVisible),2),I=v[0],x=v[1],y=E(h.useState(!1),2),w=y[0],O=y[1],P=E(h.useState(m.activeIndex),2),S=P[0],N=P[1],D=h.useRef(null),j=h.useRef(null),T=h.useRef(null),k=m.onItemChange?m.activeIndex:S,A="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,H=m.id||r.UniqueComponentId(),U=C.setMetaData({props:m,state:{visible:d,numVisible:I,slideShowActive:w,activeIndex:S}}),V=U.ptm,B=U.cx,M=U.sx,L=U.isUnstyled;t.useHandleStyle(C.css.styles,L,{name:"galleria"}),i.useInterval((function(){G({index:m.circular&&m.value.length-1===k?0:k+1})}),m.transitionInterval,w);var G=function(e){e.index>=m.value.length?Q():m.onItemChange?m.onItemChange(e):N(e.index)},z=function(){f(!0)},W=function(){f(!1)},X=function(){r.DomHandler.blockBodyScroll()},Z=function(){r.ZIndexUtils.set("modal",T.current,u&&u.autoZIndex||g.default.autoZIndex,m.baseZIndex||u&&u.zIndex.modal||g.default.zIndex.modal),!L()&&r.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},J=function(){m.onShow&&m.onShow()},K=function(){r.DomHandler.unblockBodyScroll(),!L()&&r.DomHandler.addClass(T.current,"p-component-overlay-leave")},Y=function(){r.ZIndexUtils.clear(T.current),m.onHide&&m.onHide()},F=function(){return w},$=function(){O(!0)},Q=function(){O(!1)},ee=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};h.useEffect((function(){m.value&&m.value.length<I&&x(m.value.length)}),[m.value,I]),h.useEffect((function(){x(m.numVisible)}),[m.numVisible]),i.useUnmountEffect((function(){w&&Q(),r.ZIndexUtils.clear(T.current)})),h.useImperativeHandle(s,(function(){return{props:m,show:z,hide:W,isAutoPlayActive:F,startSlideShow:$,stopSlideShow:Q,getElement:function(){return D.current},getPreviewContent:function(){return j.current}}}));return r.ObjectUtils.isNotEmpty(m.value)&&function(){var e,t,i,s,p,f,g,v,x,y,O,P,S=(i=m.showThumbnails&&ee("p-galleria-thumbnails",m.thumbnailsPosition),s=m.showIndicators&&ee("p-galleria-indicators",m.indicatorsPosition),p=r.mergeProps({className:B("closeIcon"),"aria-hidden":!0},V("closeIcon")),f=r.IconUtils.getJSXIcon(m.closeIcon||h.createElement(l.TimesIcon,p),_({},p),{props:m}),g=r.mergeProps({type:"button",className:B("closeButton"),"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,onClick:W},V("closeButton")),v=m.fullScreen&&h.createElement("button",g,f,h.createElement(c.Ripple,null)),e=r.mergeProps({className:B("header")},V("header")),x=m.header?h.createElement("div",e,m.header):null,t=r.mergeProps({className:B("footer")},V("footer")),y=m.footer?h.createElement("div",t,m.footer):null,O=r.mergeProps({ref:D,id:H,className:r.classNames(m.className,B("root",{context:u,thumbnailsPosClassName:i,indicatorPosClassName:s})),style:m.style,role:"region"},C.getOtherProps(m),V("root")),P=r.mergeProps({className:B("content"),"aria-live":m.autoPlay?"polite":"off"},V("content")),h.createElement("div",O,v,x,h.createElement("div",P,h.createElement(R,{hostName:"Galleria",ref:j,id:H,value:m.value,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:w,startSlideShow:$,stopSlideShow:Q,ptm:V,cx:B}),m.showThumbnails&&h.createElement(q,{hostName:"Galleria",value:m.value,containerId:H,activeItemIndex:k,onActiveItemChange:G,itemTemplate:m.thumbnail,numVisible:I,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:A,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:w,stopSlideShow:Q,isUnstyled:L,ptm:V,cx:B,sx:M})),y));if(m.fullScreen){var N=r.mergeProps({className:B("mask",{visibleState:d}),role:"dialog","aria-modal":"true"},V("mask")),E=r.mergeProps({classNames:B("transition"),in:d,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntering:Z,onEntered:J,onExit:K,onExited:Y},V("transition")),U=h.createElement("div",b({ref:T},N),h.createElement(a.CSSTransition,b({nodeRef:D},E),S));return h.createElement(o.Portal,{element:U})}return S}()})));L.displayName="Galleria",exports.Galleria=L;

package/galleria/galleria.esm.js

@@ -216,42 +216,44 @@ var inlineStyles = {
 var GalleriaBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Galleria',
-    id: null,
-    value: null,
     activeIndex: 0,
-    fullScreen: false,
-    item: null,
-    thumbnail: null,
-    indicator: null,
+    autoPlay: false,
+    baseZIndex: 0,
     caption: null,
+    changeItemOnIndicatorHover: false,
+    children: undefined,
+    circular: false,
     className: null,
     closeIcon: 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,
+    fullScreen: false,
+    header: null,
+    id: null,
+    indicator: null,
+    indicatorsPosition: 'bottom',
+    item: null,
     itemNextIcon: null,
     itemPrevIcon: null,
     nextThumbnailIcon: null,
+    numVisible: 3,
+    onHide: null,
+    onItemChange: null,
+    onShow: null,
     prevThumbnailIcon: null,
-    thumbnailsPosition: 'bottom',
-    verticalThumbnailViewPortHeight: '300px',
+    responsiveOptions: null,
     showIndicators: false,
     showIndicatorsOnItem: false,
-    indicatorsPosition: 'bottom',
-    baseZIndex: 0,
+    showItemNavigators: false,
+    showItemNavigatorsOnHover: false,
+    showThumbnailNavigators: true,
+    showThumbnails: true,
+    style: null,
+    thumbnail: null,
+    thumbnailsPosition: 'bottom',
+    transitionInterval: 4000,
     transitionOptions: null,
-    onItemChange: null,
-    children: undefined
+    value: null,
+    verticalThumbnailViewPortHeight: '300px'
   },
   css: {
     classes: classes,