primereact 9.4.0 → 9.6.0

package/galleria/galleria.cjs.min.js

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

package/galleria/galleria.d.ts

@@ -9,7 +9,156 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type GalleriaPassThroughType<T> = PassThroughType<T, GalleriaThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface GalleriaThroughMethodOptions {
+    props: GalleriaProps;
+    state: GalleriaState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link GalleriaProps.pt}
+ */
+export interface GalleriaPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the close button's DOM element.
+     */
+    closeButton?: GalleriaPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the close icon's DOM element.
+     */
+    closeIcon?: GalleriaPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the item wrapper's DOM element.
+     */
+    itemWrapper?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the item container's DOM element.
+     */
+    itemContainer?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the previous item button's DOM element.
+     */
+    previousItemButton?: GalleriaPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the previous item icon's DOM element.
+     */
+    previousItemIcon?: GalleriaPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the next item button's DOM element.
+     */
+    nextItemButton?: GalleriaPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the next item icon's DOM element.
+     */
+    nextItemIcon?: GalleriaPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the caption's DOM element.
+     */
+    caption?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the indicators's DOM element.
+     */
+    indicators?: GalleriaPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the indicator's DOM element.
+     */
+    indicator?: GalleriaPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the thumbnail wrapper's DOM element.
+     */
+    thumbnailWrapper?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the thumbnail container's DOM element.
+     */
+    thumbnailContainer?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the previous thumbnail button's DOM element.
+     */
+    previousThumbnailButton?: GalleriaPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the previous thumbnail icon's DOM element.
+     */
+    previousThumbnailIcon?: GalleriaPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the thumbnail items container's DOM element.
+     */
+    thumbnailItemsContainer?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the thumbnail items' DOM element.
+     */
+    thumbnailItems?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the thumbnail item's DOM element.
+     */
+    thumbnailItem?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the thumbnail item content's DOM element.
+     */
+    thumbnailItemContent?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the next thumbnail button's DOM element.
+     */
+    nextThumbnailButton?: GalleriaPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the next thumbnail icon's DOM element.
+     */
+    nextThumbnailIcon?: GalleriaPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the mask's DOM element.
+     */
+    mask?: GalleriaPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in Galleria component.
+ */
+export interface GalleriaState {
+    /**
+     * Current visible state as a boolean.
+     * @default false
+     */
+    visible: number;
+    /**
+     * Number of items per page as a number.
+     */
+    numVisible: number;
+    /**
+     * Current slide show active state.
+     * @default false
+     */
+    slideShowActive: number;
+    /**
+     * Current active item index as a number.
+     */
+    activeIndex: number;
+}
 
 /**
  * Custom galleria responsive options
@@ -41,7 +190,7 @@ interface GalleriaItemChangeEvent {
  * Defines valid properties in Galleria component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'pt'> {
     /**
      * An array of objects to display.
      */
@@ -200,6 +349,11 @@ export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {GalleriaPassThroughOptions}
+     */
+    pt?: GalleriaPassThroughOptions;
 }
 
 /**