primereact 9.4.0 → 9.6.0

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,l,a,r,o,i,s,c,u,p){"use strict";function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=m(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e){if(Array.isArray(e))return y(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function h(){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 E(e){return b(e)||v(e)||g(e)||h()}function S(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r,o,i=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return N(e)||O(e,t)||g(e,t)||w()}var j={defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,j.defaultProps)}};function U(e){return U="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},U(e)}function P(e,t){if("object"!==U(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==U(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=P(e,"string");return"symbol"===U(t)?t:String(t)}var T=s.ComponentBase.extend({defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0}}),C=f.memo(f.forwardRef((function(e,t){var n,l,a,r=T.getProps(e),o=T.setMetaData({props:r}).ptm,s=f.useRef(null),c=i.classNames("p-badge p-component",(n={"p-badge-no-gutter":i.ObjectUtils.isNotEmpty(r.value)&&1===String(r.value).length,"p-badge-dot":i.ObjectUtils.isEmpty(r.value),"p-badge-lg":"large"===r.size,"p-badge-xl":"xlarge"===r.size},l="p-badge-".concat(r.severity),a=null!==r.severity,(l=I(l))in n?Object.defineProperty(n,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[l]=a,n),r.className);f.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return s.current}}}));var u=i.mergeProps({ref:s,style:r.style,className:c},T.getOtherProps(r),o("root"));return f.createElement("span",u,r.value)})));function F(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function M(e,t){if(e){if("string"==typeof e)return z(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)?z(e,t):void 0}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}C.displayName="Badge";var D=f.memo(f.forwardRef((function(e,t){var s=j.getProps(e),m=B(f.useState([]),2),y=m[0],b=m[1],v=B(f.useState([]),2),g=v[0],h=v[1],N=B(f.useState(0),2),O=N[0],w=N[1],U=B(f.useState(!1),2),P=U[0],I=U[1],T=B(f.useState(!1),2),M=T[0],z=T[1],D=f.useRef(null),R=f.useRef(null),x=f.useRef(null),L=f.useRef(!1),A=f.useRef(0),k=i.ObjectUtils.isNotEmpty(g),_=i.ObjectUtils.isNotEmpty(y),H=s.disabled||M,X=s.chooseLabel||s.chooseOptions.label||n.localeOption("choose"),J=s.uploadLabel||s.uploadOptions.label||n.localeOption("upload"),V=s.cancelLabel||s.cancelOptions.label||n.localeOption("cancel"),K=H||s.fileLimit&&s.fileLimit<=g.length+A,Y=H||!k,W=H||!k,$=function(e){return/^image\//.test(e.type)},q=function(e,t){Z();var n=E(g),l=g[t];n.splice(t,1),h(n),s.onRemove&&s.onRemove({originalEvent:e,file:l})},G=function(e,t){Z();var n=E(y),l=g[t];n.splice(t,1),b(n),s.onRemove&&s.onRemove({originalEvent:e,file:l})},Z=function(){D.current&&(D.current.value="")},Q=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},ee=function(e){if(!s.onBeforeSelect||!1!==s.onBeforeSelect({originalEvent:e,files:g}))if("drop"!==e.type&&ne()&&L.current)L.current=!1;else{var t=[];s.multiple&&(t=g?E(g):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!te(a)&&le(a)&&($(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}h(t),i.ObjectUtils.isNotEmpty(t)&&s.auto&&ae(t),s.onSelect&&s.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&ne()?D.current&&(L.current=!0,D.current.value=""):Z(),"basic"===s.mode&&t.length>0&&(D.current.style.display="none")}},te=function(e){return g.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ne=function(){return!!window.MSInputMethodContext&&!!document.documentMode},le=function(e){if(s.maxFileSize&&e.size>s.maxFileSize){var t={severity:"error",summary:s.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:s.invalidFileSizeMessageDetail.replace("{0}",Q(s.maxFileSize)),sticky:!0};return"advanced"===s.mode&&R.current.show(t),s.onValidationFail&&s.onValidationFail(e),!1}return!0},ae=function(e){if((e=e||g)&&e.nativeEvent&&(e=g),s.customUpload)s.fileLimit&&S("uploadedFileCount"),s.uploadHandler&&s.uploadHandler({files:e,options:{clear:re,props:s}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;s.onBeforeUpload&&s.onBeforeUpload({xhr:t,formData:n});var l,a=F(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(s.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);w(t),s.onProgress&&s.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(w(0),z(!1),t.status>=200&&t.status<300?(s.fileLimit&&S("uploadedFileCount"),s.onUpload&&s.onUpload({xhr:t,files:e})):s.onError&&s.onError({xhr:t,files:e}),b((function(t){return[].concat(E(t),E(e))})),re())},t.open("POST",s.url,!0),s.onBeforeSend&&s.onBeforeSend({xhr:t,formData:n}),t.withCredentials=s.withCredentials,t.send(n)}},re=function(){h([]),z(!1),s.onClear&&s.onClear(),Z()},oe=function(){D.current.click()},ie=function(){I(!0)},se=function(){I(!1)},ce=function(e){13===e.which&&oe()},ue=function(e){H||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},pe=function(e){H||(e.dataTransfer.dropEffect="copy",i.DomHandler.addClass(x.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},me=function(e){H||(e.dataTransfer.dropEffect="copy",i.DomHandler.removeClass(x.current,"p-fileupload-highlight"))},fe=function(e){if(!s.disabled&&(i.DomHandler.removeClass(x.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!s.onBeforeDrop||!1!==s.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(s.multiple||i.ObjectUtils.isEmpty(g)&&t&&1===t.length)&&ee(e)}},de=function(){!H&&k?ae():D.current.click()};f.useImperativeHandle(t,(function(){return{props:s,upload:ae,clear:re,formatSize:Q,onFileSelect:ee,getInput:function(){return D.current},getContent:function(){return x.current},getFiles:function(){return g},setFiles:function(e){return h(e||[])}}}));var ye,be,ve,ge,he,Ee,Se,Ne,Oe,we,Be,je=function(e,t,n){"warning"===t.severity?q(e,n):G(e,n)},Ue=function(e,t,n){var a=e.name+e.type+e.size,r=$(e)?f.createElement("img",{role:"presentation",className:"p-fileupload-file-thumbnail",alt:e.name,src:e.objectURL,width:s.previewWidth}):null,o=f.createElement("div",{className:"p-fileupload-filename"},e.name),c=f.createElement("div",null,Q(e.size)),u=f.createElement("div",null,f.createElement("div",null," ",e.name),f.createElement("span",null,Q(e.size)),f.createElement(C,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity})),m=f.createElement("div",null,f.createElement(l.Button,{type:"button",icon:s.removeIcon||f.createElement(p.TimesIcon,null),text:!0,rounded:!0,className:"p-button-danger",onClick:function(e){return je(e,n,t)},disabled:H})),d=f.createElement(f.Fragment,null,r,u,m);if(s.itemTemplate){var y={onRemove:function(e){return q(e,t)},previewElement:r,fileNameElement:o,sizeElement:c,removeElement:m,formatSize:Q(e.size),element:d,index:t,props:s};d=i.ObjectUtils.getJSXElement(s.itemTemplate,e,y)}return f.createElement("div",{className:"p-fileupload-row",key:a},d)},Pe=function(){var e={severity:"success",value:"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return f.createElement("div",null,t)};return"advanced"===s.mode?function(){var e,t,n,m,y,b,v,h,E,S,N,w,B,U,I,T,C,F=j.getOtherProps(s),M=i.classNames("p-fileupload p-fileupload-advanced p-component",s.className),z=i.classNames("p-fileupload-buttonbar",s.headerClassName),L=i.classNames("p-fileupload-content",s.contentClassName),A=(t=(e=s.chooseOptions).style,n=e.icon,y=i.classNames("p-button p-fileupload-choose p-component",{"p-disabled":H,"p-focus":P,"p-button-icon-only":m=e.iconOnly},e.className),b="p-button-label p-clickable",v=i.classNames("p-button-icon p-clickable",{"p-button-icon-left":!m}),h=m?f.createElement("span",{className:b,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):f.createElement("span",{className:b},X),E=f.createElement("input",{ref:D,type:"file",onChange:ee,multiple:s.multiple,accept:s.accept,disabled:K}),S=i.IconUtils.getJSXIcon(n||f.createElement(c.PlusIcon,{className:v}),{className:v},{props:s}),f.createElement("span",{className:y,style:t,onClick:oe,onKeyDown:ce,onFocus:ie,onBlur:se,tabIndex:0},E,S,h,f.createElement(o.Ripple,null))),$=!s.emptyTemplate||k||_?null:i.ObjectUtils.getJSXElement(s.emptyTemplate,s);if(!s.auto){var q=s.uploadOptions,G=s.cancelOptions,Z=q.iconOnly?"":J,Q=G.iconOnly?"":V,te=i.classNames("p-button-icon p-c",{"p-button-icon-left":!q.iconOnly}),ne=i.IconUtils.getJSXIcon(q.icon||f.createElement(u.UploadIcon,{className:te}),{className:te},{props:s}),le=i.classNames("p-button-icon p-c",{"p-button-icon-left":!G.iconOnly}),de=i.IconUtils.getJSXIcon(G.icon||f.createElement(p.TimesIcon,{className:le}),{className:le},{props:s});N=f.createElement(l.Button,{type:"button",label:Z,icon:ne,onClick:ae,disabled:Y,style:q.style,className:q.className}),w=f.createElement(l.Button,{type:"button",label:Q,icon:de,onClick:re,disabled:W,style:G.style,className:G.className})}k&&(T={severity:"warning",value:"Pending"},C=g.map((function(e,t){return Ue(e,t,T)})),B=f.createElement("div",null,C),I=s.progressBarTemplate?i.ObjectUtils.getJSXElement(s.progressBarTemplate,s):f.createElement(r.ProgressBar,{value:O,showValue:!1})),_&&(U=Pe());var ye=f.createElement("div",{className:z,style:s.headerStyle},A,N,w);s.headerTemplate&&(ye=i.ObjectUtils.getJSXElement(s.headerTemplate,{className:z,chooseButton:A,uploadButton:N,cancelButton:w,element:ye,props:s}));return f.createElement("div",d({id:s.id,className:M,style:s.style},F),ye,f.createElement("div",{ref:x,className:L,style:s.contentStyle,onDragEnter:ue,onDragOver:pe,onDragLeave:me,onDrop:fe},I,f.createElement(a.Messages,{ref:R}),k?B:null,_?U:null,$))}():"basic"===s.mode?(ye=s.chooseOptions,be=j.getOtherProps(s),ve=i.classNames("p-fileupload p-fileupload-basic p-component",s.className),ge=i.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":k,"p-disabled":H,"p-focus":P},ye.className),he=i.classNames("p-button-icon",{"p-button-icon-left":!ye.iconOnly}),Ee=ye.icon?ye.icon:ye.icon||k&&!s.auto?!ye.icon&&k&&!s.auto&&f.createElement(u.UploadIcon,{className:he}):f.createElement(c.PlusIcon,{className:he}),Se="p-button-label p-clickable",Ne=ye.iconOnly?f.createElement("span",{className:Se,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):f.createElement("span",{className:Se},X),Oe=s.auto?Ne:f.createElement("span",{className:Se},k?g[0].name:Ne),we=i.IconUtils.getJSXIcon(Ee,{className:he},{props:s,hasFiles:k}),Be=!k&&f.createElement("input",{ref:D,type:"file",accept:s.accept,multiple:s.multiple,disabled:H,onChange:ee}),f.createElement("div",d({className:ve,style:s.style},be),f.createElement(a.Messages,{ref:R}),f.createElement("span",{className:ge,style:ye.style,onMouseUp:de,onKeyDown:ce,onFocus:ie,onBlur:se,tabIndex:0},we,Oe,Be,f.createElement(o.Ripple,null)))):void 0})));return D.displayName="FileUpload",e.FileUpload=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.messages,primereact.progressbar,primereact.ripple,primereact.utils,primereact.componentbase,primereact.icons.plus,primereact.icons.upload,primereact.icons.times);
+this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,l,o,a,i,s,c,u,p){"use strict";function m(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=m(t);function d(e){return d="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},d(e)}function y(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===d(t)?t:String(t)}function v(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(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){if(Array.isArray(e))return h(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e){return E(e)||O(e)||S(e)||P()}function w(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function B(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function U(e,t){return j(e)||B(e,t)||S(e,t)||I()}var C=l.ComponentBase.extend({defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0}}),T=f.memo(f.forwardRef((function(e,t){var l=f.useContext(n.PrimeReactContext),o=C.getProps(e,l),a=C.setMetaData({props:o}).ptm,i=f.useRef(null),s=r.classNames("p-badge p-component",v({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(o.value)&&1===String(o.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(o.value),"p-badge-lg":"large"===o.size,"p-badge-xl":"xlarge"===o.size},"p-badge-".concat(o.severity),null!==o.severity),o.className);f.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return i.current}}}));var c=r.mergeProps({ref:i,style:o.style,className:s},C.getOtherProps(o),a("root"));return f.createElement("span",c,o.value)})));T.displayName="Badge";var F=l.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0}});function D(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 x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function M(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(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}var L=f.memo(f.forwardRef((function(e,t){var l=f.useContext(n.PrimeReactContext),m=F.getProps(e,l),d=U(f.useState([]),2),y=d[0],b=d[1],v=U(f.useState([]),2),h=v[0],E=v[1],O=U(f.useState(0),2),S=O[0],P=O[1],j=U(f.useState(!1),2),B=j[0],I=j[1],C=U(f.useState(!1),2),D=C[0],M=C[1],R=F.setMetaData({props:m,state:{progress:S,uploading:D,uploadedFiles:y,files:h,focused:B}}).ptm,L=f.useRef(null),A=f.useRef(null),k=f.useRef(null),_=f.useRef(!1),H=f.useRef(0),X=r.ObjectUtils.isNotEmpty(h),J=r.ObjectUtils.isNotEmpty(y),V=m.disabled||D,K=m.chooseLabel||m.chooseOptions.label||n.localeOption("choose"),Y=m.uploadLabel||m.uploadOptions.label||n.localeOption("upload"),W=m.cancelLabel||m.cancelOptions.label||n.localeOption("cancel"),$=V||m.fileLimit&&m.fileLimit<=h.length+H,q=V||!X,G=V||!X,Z=function(e){return/^image\//.test(e.type)},Q=function(e,t){te();var n=N(h),r=h[t];n.splice(t,1),E(n),m.onRemove&&m.onRemove({originalEvent:e,file:r})},ee=function(e,t){te();var n=N(y),r=h[t];n.splice(t,1),b(n),m.onRemove&&m.onRemove({originalEvent:e,file:r})},te=function(){L.current&&(L.current.value="")},ne=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},re=function(e){if(!m.onBeforeSelect||!1!==m.onBeforeSelect({originalEvent:e,files:h}))if("drop"!==e.type&&oe()&&_.current)_.current=!1;else{var t=[];m.multiple&&(t=h?N(h):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var o=n[l];!le(o)&&ae(o)&&(Z(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),r.ObjectUtils.isNotEmpty(t)&&m.auto&&ie(t),m.onSelect&&m.onSelect({originalEvent:e,files:t}),"drop"!==e.type&&oe()?L.current&&(_.current=!0,L.current.value=""):te(),"basic"===m.mode&&t.length>0&&(L.current.style.display="none")}},le=function(e){return h.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},oe=function(){return!!window.MSInputMethodContext&&!!document.documentMode},ae=function(e){if(m.maxFileSize&&e.size>m.maxFileSize){var t={severity:"error",summary:m.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:m.invalidFileSizeMessageDetail.replace("{0}",ne(m.maxFileSize)),sticky:!0};return"advanced"===m.mode&&A.current.show(t),m.onValidationFail&&m.onValidationFail(e),!1}return!0},ie=function(e){if((e=e||h)&&e.nativeEvent&&(e=h),m.customUpload)m.fileLimit&&w("uploadedFileCount"),m.uploadHandler&&m.uploadHandler({files:e,options:{clear:se,props:m}});else{M(!0);var t=new XMLHttpRequest,n=new FormData;m.onBeforeUpload&&m.onBeforeUpload({xhr:t,formData:n});var r,l=z(e);try{for(l.s();!(r=l.n()).done;){var o=r.value;n.append(m.name,o,o.name)}}catch(e){l.e(e)}finally{l.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);P(t),m.onProgress&&m.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(P(0),M(!1),t.status>=200&&t.status<300?(m.fileLimit&&w("uploadedFileCount"),m.onUpload&&m.onUpload({xhr:t,files:e})):m.onError&&m.onError({xhr:t,files:e}),b((function(t){return[].concat(N(t),N(e))})),se())},t.open("POST",m.url,!0),m.onBeforeSend&&m.onBeforeSend({xhr:t,formData:n}),t.withCredentials=m.withCredentials,t.send(n)}},se=function(){E([]),b([]),M(!1),m.onClear&&m.onClear(),te()},ce=function(){L.current.click()},ue=function(){I(!0)},pe=function(){I(!1)},me=function(e){13===e.which&&ce()},fe=function(e){if(!m.disabled&&(r.DomHandler.removeClass(k.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!m.onBeforeDrop||!1!==m.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(m.multiple||r.ObjectUtils.isEmpty(h)&&t&&1===t.length)&&re(e)}},de=function(){!V&&X?ie():L.current.click()};f.useImperativeHandle(t,(function(){return{props:m,upload:ie,clear:se,formatSize:ne,onFileSelect:re,getInput:function(){return L.current},getContent:function(){return k.current},getFiles:function(){return h},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return b(e||[])}}}));var ye,be,ve,ge,he,Ee,Oe,Se,Pe,Ne,we,je,Be,Ie=function(e,t,n){"warning"===t.severity?Q(e,n):ee(e,n)},Ue=function(e,t,n){var l=e.name+e.type+e.size,a=r.mergeProps({role:"presentation",className:"p-fileupload-file-thumbnail",src:e.objectURL,width:m.previewWidth},R("thumbnail")),s=Z(e)?f.createElement("img",g({},a,{alt:e.name})):null,c=r.mergeProps(R("details")),u=r.mergeProps(R("fileSize")),p=r.mergeProps({className:"p-fileupload-filename"},R("fileName")),d=r.mergeProps(R("actions")),y=f.createElement("div",p,e.name),b=f.createElement("div",u,ne(e.size)),v=f.createElement("div",c,f.createElement("div",p," ",e.name),f.createElement("span",u,ne(e.size)),f.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:R("badge")})),h=f.createElement("div",d,f.createElement(o.Button,{type:"button",icon:m.removeIcon||f.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Ie(e,n,t)},disabled:V,pt:R("removeButton")})),E=f.createElement(f.Fragment,null,s,v,h);if(m.itemTemplate){var O={onRemove:function(e){return Q(e,t)},previewElement:s,fileNameElement:y,sizeElement:b,removeElement:h,formatSize:ne(e.size),element:E,index:t,props:m};E=r.ObjectUtils.getJSXElement(m.itemTemplate,e,O)}var S=r.mergeProps({key:l,className:"p-fileupload-row"},R("file"));return f.createElement("div",S,E)},Ce=function(){var e={severity:"success",value:"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return f.createElement("div",null,t)};return"advanced"===m.mode?function(){var e,t,n,l,d,y,b,v,E,O,P,N,w,j,I,U,C,T,D,z,M=r.classNames("p-fileupload p-fileupload-advanced p-component",m.className),_=r.classNames("p-fileupload-buttonbar",m.headerClassName),H=r.classNames("p-fileupload-content",m.contentClassName),Z=(t=(e=m.chooseOptions).style,n=e.icon,d=r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":V,"p-focus":B,"p-button-icon-only":l=e.iconOnly},e.className),y=r.classNames("p-button-icon p-clickable",{"p-button-icon-left":!l}),b=r.mergeProps({className:"p-button-label p-clickable"},R("chooseButtonLabel")),v=l?f.createElement("span",g({},b,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):f.createElement("span",b,K),E=r.mergeProps({ref:L,type:"file",onChange:function(e){return re(e)},multiple:m.multiple,accept:m.accept,disabled:$},R("input")),O=f.createElement("input",E),P=r.mergeProps({className:y},R("chooseIcon")),N=r.IconUtils.getJSXIcon(n||f.createElement(a.PlusIcon,P),x({},P),{props:m}),w=r.mergeProps({className:d,style:t,onClick:ce,onKeyDown:function(e){return me(e)},onFocus:ue,onBlur:pe,tabIndex:0},R("chooseButton")),f.createElement("span",w,O,N,v,f.createElement(p.Ripple,null))),Q=!m.emptyTemplate||X||J?null:r.ObjectUtils.getJSXElement(m.emptyTemplate,m);if(!m.auto){var ee=m.uploadOptions,te=m.cancelOptions,ne=ee.iconOnly?"":Y,le=te.iconOnly?"":W,oe=r.classNames("p-button-icon p-c",{"p-button-icon-left":!ee.iconOnly}),ae=r.mergeProps({className:oe},R("uploadIcon")),de=r.IconUtils.getJSXIcon(ee.icon||f.createElement(s.UploadIcon,ae),x({},ae),{props:m}),ye=r.classNames("p-button-icon p-c",{"p-button-icon-left":!te.iconOnly}),be=r.mergeProps({className:ye},R("cancelIcon")),ve=r.IconUtils.getJSXIcon(te.icon||f.createElement(i.TimesIcon,be),x({},be),{props:m});j=f.createElement(o.Button,{type:"button",label:ne,icon:de,onClick:ie,disabled:q,style:ee.style,className:ee.className,pt:R("uploadButton")}),I=f.createElement(o.Button,{type:"button",label:le,icon:ve,onClick:se,disabled:G,style:te.style,className:te.className,pt:R("cancelButton")})}X&&(D={severity:"warning",value:"Pending"},z=h.map((function(e,t){return Ue(e,t,D)})),U=f.createElement("div",null,z),T=m.progressBarTemplate?r.ObjectUtils.getJSXElement(m.progressBarTemplate,m):f.createElement(u.ProgressBar,{value:S,showValue:!1,pt:R("progressbar")})),J&&(C=Ce());var ge=r.mergeProps({className:_,style:m.headerStyle},R("buttonbar")),he=f.createElement("div",ge,Z,j,I);m.headerTemplate&&(he=r.ObjectUtils.getJSXElement(m.headerTemplate,{className:_,chooseButton:Z,uploadButton:j,cancelButton:I,element:he,props:m}));var Ee=r.mergeProps({id:m.id,className:M,style:m.style},F.getOtherProps(m),R("root")),Oe=r.mergeProps({ref:k,className:H,style:m.contentStyle,onDragEnter:function(e){return t=e,void(V||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(V||(t.dataTransfer.dropEffect="copy",r.DomHandler.addClass(k.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(V||(t.dataTransfer.dropEffect="copy",r.DomHandler.removeClass(k.current,"p-fileupload-highlight")));var t},onDrop:function(e){return fe(e)}},R("content"));return f.createElement("div",Ee,he,f.createElement("div",Oe,T,f.createElement(c.Messages,{ref:A}),X?U:null,J?C:null,Q))}():"basic"===m.mode?(ye=m.chooseOptions,be=r.classNames("p-fileupload p-fileupload-basic p-component",m.className),ve=r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":X,"p-disabled":V,"p-focus":B},ye.className),ge=r.mergeProps({className:"p-button-label p-clickable"},R("label")),he=ye.iconOnly?f.createElement("span",g({},ge,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):f.createElement("span",ge,K),Ee=m.auto?he:f.createElement("span",ge,X?h[0].name:he),Oe=r.classNames("p-button-icon",{"p-button-icon-left":!ye.iconOnly}),Se=r.mergeProps({className:Oe},R("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ye.icon?ye.icon:ye.icon||X&&!m.auto?!ye.icon&&X&&!m.auto&&f.createElement(s.UploadIcon,Se):f.createElement(a.PlusIcon,Se),x({},Se),{props:m,hasFiles:X}),Ne=r.mergeProps({ref:L,type:"file",onChange:function(e){return re(e)},multiple:m.multiple,accept:m.accept,disabled:V},R("input")),we=!X&&f.createElement("input",Ne),je=r.mergeProps({className:be,style:m.style},F.getOtherProps(m),R("root")),Be=r.mergeProps({className:ve,style:ye.style,tabIndex:0,onMouseUp:de,onKeyDown:function(e){return me(e)},onFocus:ue,onBlur:pe},F.getOtherProps(m),R("basicButton")),f.createElement("div",je,f.createElement(c.Messages,{ref:A,pt:R("message")}),f.createElement("span",Be,Pe,Ee,we,f.createElement(p.Ripple,null)))):void 0})));return L.displayName="FileUpload",e.FileUpload=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.utils,primereact.componentbase,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);

package/galleria/galleria.cjs.js

@@ -6,14 +6,15 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var times = require('primereact/icons/times');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var chevronleft = require('primereact/icons/chevronleft');
 var chevronright = require('primereact/icons/chevronright');
-var chevronup = require('primereact/icons/chevronup');
 var chevrondown = require('primereact/icons/chevrondown');
-var times = require('primereact/icons/times');
+var chevronup = require('primereact/icons/chevronup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -38,21 +39,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -149,7 +135,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var GalleriaBase = {
+var GalleriaBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Galleria',
     id: null,
@@ -188,15 +174,11 @@ var GalleriaBase = {
     transitionOptions: null,
     onItemChange: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, GalleriaBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, GalleriaBase.defaultProps);
   }
-};
+});
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
@@ -263,20 +245,20 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-galleria-item-prev-icon';
-      var icon = props.itemPrevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
+      var previousItemIconProps = utils.mergeProps({
         className: iconClassName
-      });
-      var itemPrevIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, props.ptm('previousItemIcon'));
+      var icon = props.itemPrevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousItemIconProps);
+      var itemPrevIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, previousItemIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
+      var previousItemButtonProps = utils.mergeProps({
+        type: 'button',
         className: buttonClassName,
         onClick: navBackward,
         disabled: isDisabled
-      }, itemPrevIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, props.ptm('previousItemButton'));
+      return /*#__PURE__*/React__namespace.createElement("button", previousItemButtonProps, itemPrevIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -287,29 +269,30 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-galleria-item-next-icon';
-      var icon = props.itemNextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+      var nextItemIconProps = utils.mergeProps({
         className: iconClassName
-      });
-      var itemNextIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, props.ptm('nextItemIcon'));
+      var icon = props.itemNextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextItemIconProps);
+      var itemNextIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, nextItemIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
+      var nextItemButtonProps = utils.mergeProps({
+        type: 'button',
         className: buttonClassName,
         onClick: navForward,
         disabled: isDisabled
-      }, itemNextIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, props.ptm('nextItemButton'));
+      return /*#__PURE__*/React__namespace.createElement("button", nextItemButtonProps, itemNextIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
   var createCaption = function createCaption() {
+    var captionProps = utils.mergeProps({
+      className: 'p-galleria-caption'
+    }, props.ptm('caption'));
     if (props.caption) {
       var _content = props.caption(props.value[props.activeItemIndex]);
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-galleria-caption"
-      }, _content);
+      return /*#__PURE__*/React__namespace.createElement("div", captionProps, _content);
     }
     return null;
   };
@@ -320,14 +303,7 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       'p-highlight': isActive
     });
     var indicator = props.indicator && props.indicator(index);
-    if (!indicator) {
-      indicator = /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        tabIndex: -1,
-        className: "p-link"
-      }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-    }
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var indicatorProps = utils.mergeProps({
       className: className,
       key: key,
       tabIndex: 0,
@@ -340,18 +316,27 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       onKeyDown: function onKeyDown(e) {
         return onIndicatorKeyDown(e, index);
       }
-    }, indicator);
+    }, props.ptm('indicator'));
+    if (!indicator) {
+      indicator = /*#__PURE__*/React__namespace.createElement("button", {
+        type: "button",
+        tabIndex: -1,
+        className: "p-link"
+      }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }
+    return /*#__PURE__*/React__namespace.createElement("li", indicatorProps, indicator);
   };
   var createIndicators = function createIndicators() {
     if (props.showIndicators) {
       var className = utils.classNames('p-galleria-indicators p-reset', props.indicatorsContentClassName);
       var _indicators = [];
+      var indicatorsProps = utils.mergeProps({
+        className: className
+      }, props.ptm('indicators'));
       for (var i = 0; i < props.value.length; i++) {
         _indicators.push(createIndicator(i));
       }
-      return /*#__PURE__*/React__namespace.createElement("ul", {
-        className: className
-      }, _indicators);
+      return /*#__PURE__*/React__namespace.createElement("ul", indicatorsProps, _indicators);
     }
     return null;
   };
@@ -360,14 +345,17 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var forwardNavigator = createForwardNavigator();
   var caption = createCaption();
   var indicators = createIndicators();
-  return /*#__PURE__*/React__namespace.createElement("div", {
+  var itemWrapperProps = utils.mergeProps({
     ref: ref,
-    className: "p-galleria-item-wrapper"
-  }, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-galleria-item-container"
-  }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-galleria-item"
-  }, content), forwardNavigator, caption), indicators);
+    className: 'p-galleria-item-wrapper'
+  }, props.ptm('itemWrapper'));
+  var itemContainerProps = utils.mergeProps({
+    className: 'p-galleria-item-container'
+  }, props.ptm('itemContainer'));
+  var itemProps = utils.mergeProps({
+    className: 'p-galleria-item'
+  }, props.ptm('item'));
+  return /*#__PURE__*/React__namespace.createElement("div", itemWrapperProps, /*#__PURE__*/React__namespace.createElement("div", itemContainerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", itemProps, content), forwardNavigator, caption), indicators);
 }));
 GalleriaItem.displayName = 'GalleriaItem';
 
@@ -387,6 +375,8 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var onItemClick = function onItemClick(event) {
     props.onItemClick({
@@ -410,14 +400,16 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
     'p-galleria-thumbnail-item-start': props.start,
     'p-galleria-thumbnail-item-end': props.end
   }, props.className);
-  return /*#__PURE__*/React__namespace.createElement("div", {
+  var thumbnailItemProps = utils.mergeProps({
     className: className
-  }, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-galleria-thumbnail-item-content",
+  }, props.ptm('thumbnailItem'));
+  var thumbnailItemContentProps = utils.mergeProps({
+    className: 'p-galleria-thumbnail-item-content',
     tabIndex: tabIndex,
     onClick: onItemClick,
     onKeyDown: onItemKeyDown
-  }, content));
+  }, props.ptm('thumbnailItemContent'));
+  return /*#__PURE__*/React__namespace.createElement("div", thumbnailItemProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemContentProps, content));
 });
 var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.numVisible),
@@ -435,6 +427,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   var responsiveOptions = React__namespace.useRef(null);
   var prevNumVisible = hooks.usePrevious(numVisibleState);
   var prevActiveItemIndex = hooks.usePrevious(props.activeItemIndex);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var _useResizeListener = hooks.useResizeListener({
       listener: function listener() {
         calculatePosition();
@@ -562,7 +555,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   };
   var createStyle = function createStyle() {
     if (!thumbnailsStyle.current) {
-      thumbnailsStyle.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
     }
     var innerHTML = "\n            .p-galleria-thumbnail-items[".concat(attributeSelector.current, "] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100 / numVisibleState, "%\n            }\n        ");
     if (props.responsiveOptions) {
@@ -570,7 +563,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
+        return utils.ObjectUtils.sort(value1, value2, -1, context && context.locale || PrimeReact__default["default"].locale, context && context.nullSortOrder || PrimeReact__default["default"].nullSortOrder);
       });
       for (var i = 0; i < responsiveOptions.current.length; i++) {
         var res = responsiveOptions.current[i];
@@ -644,7 +637,8 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
         start: start,
         end: end,
         onItemClick: onItemClick,
-        current: current
+        current: current,
+        ptm: props.ptm
       });
     });
   };
@@ -655,21 +649,19 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-galleria-thumbnail-prev-icon';
-      var icon = props.isVertical ? props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
+      var previousThumbnailIconProps = utils.mergeProps({
         className: iconClassName
-      }) : props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
-        className: iconClassName
-      });
-      var prevThumbnailIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, props.ptm('previousThumbnailIcon'));
+      var icon = props.isVertical ? props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, previousThumbnailIconProps) : props.prevThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousThumbnailIconProps);
+      var prevThumbnailIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, previousThumbnailIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
+      var previousThumbnailButtonProps = utils.mergeProps({
         className: buttonClassName,
         onClick: navBackward,
         disabled: isDisabled
-      }, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, props.ptm('previousThumbnailButton'));
+      return /*#__PURE__*/React__namespace.createElement("button", previousThumbnailButtonProps, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -680,21 +672,19 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
         'p-disabled': isDisabled
       });
       var iconClassName = 'p-galleria-thumbnail-next-icon';
-      var icon = props.isVertical ? props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
-        className: iconClassName
-      }) : props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
-        className: iconClassName
-      });
-      var nextThumbnailIcon = utils.IconUtils.getJSXIcon(icon, {
+      var nextThumbnailIconProps = utils.mergeProps({
         className: iconClassName
-      }, {
+      }, props.ptm('nextThumbnailIcon'));
+      var icon = props.isVertical ? props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nextThumbnailIconProps) : props.nextThumbnailIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextThumbnailIconProps);
+      var nextThumbnailIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, nextThumbnailIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
+      var nextThumbnailButtonProps = utils.mergeProps({
         className: buttonClassName,
         onClick: navForward,
         disabled: isDisabled
-      }, nextThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, props.ptm('nextThumbnailButton'));
+      return /*#__PURE__*/React__namespace.createElement("button", nextThumbnailButtonProps, nextThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -703,26 +693,30 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     var height = props.isVertical ? props.contentHeight : '';
     var backwardNavigator = createBackwardNavigator();
     var forwardNavigator = createForwardNavigator();
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-thumbnail-container"
-    }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-thumbnail-items-container",
+    var thumbnailContainerProps = utils.mergeProps({
+      className: 'p-galleria-thumbnail-container'
+    }, props.ptm('thumbnailContainer'));
+    var thumbnailItemsContainerProps = utils.mergeProps({
+      className: 'p-galleria-thumbnail-items-container',
       style: {
         height: height
       }
-    }, /*#__PURE__*/React__namespace.createElement("div", {
+    }, props.ptm('thumbnailItemsContainer'));
+    var thumbnailItemsProps = utils.mergeProps({
       ref: itemsContainerRef,
-      className: "p-galleria-thumbnail-items",
+      className: 'p-galleria-thumbnail-items',
       onTransitionEnd: onTransitionEnd,
       onTouchStart: onTouchStart,
       onTouchMove: onTouchMove,
       onTouchEnd: onTouchEnd
-    }, items)), forwardNavigator);
+    }, props.ptm('thumbnailItems'));
+    return /*#__PURE__*/React__namespace.createElement("div", thumbnailContainerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemsContainerProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemsProps, items)), forwardNavigator);
   };
   var content = createContent();
-  return /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-galleria-thumbnail-wrapper"
-  }, content);
+  var thumbnailWrapperProps = utils.mergeProps({
+    className: 'p-galleria-thumbnail-wrapper'
+  }, props.ptm('thumbnailWrapper'));
+  return /*#__PURE__*/React__namespace.createElement("div", thumbnailWrapperProps, content);
 }));
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
@@ -730,7 +724,8 @@ GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = GalleriaBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = GalleriaBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -752,6 +747,16 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var maskRef = React__namespace.useRef(null);
   var activeItemIndex = props.onItemChange ? props.activeIndex : activeIndexState;
   var isVertical = props.thumbnailsPosition === 'left' || props.thumbnailsPosition === 'right';
+  var _GalleriaBase$setMeta = GalleriaBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState,
+        numVisible: numVisibleState,
+        slideShowActive: slideShowActiveState,
+        activeIndex: activeIndexState
+      }
+    }),
+    ptm = _GalleriaBase$setMeta.ptm;
   hooks.useInterval(function () {
     onActiveItemChange({
       index: props.circular && props.value.length - 1 === activeItemIndex ? 0 : activeItemIndex + 1
@@ -779,7 +784,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
   };
   var onEntering = function onEntering() {
-    utils.ZIndexUtils.set('modal', maskRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+    utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
     utils.DomHandler.addMultipleClasses(maskRef.current, 'p-component-overlay p-component-overlay-enter');
   };
   var onEntered = function onEntered() {
@@ -840,56 +845,63 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     };
   });
   var createHeader = function createHeader() {
+    var headerProps = utils.mergeProps({
+      className: 'p-galleria-header'
+    }, ptm('header'));
     if (props.header) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-galleria-header"
-      }, props.header);
+      return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
     }
     return null;
   };
   var createFooter = function createFooter() {
+    var footerProps = utils.mergeProps({
+      className: 'p-galleria-footer'
+    }, ptm('footer'));
     if (props.footer) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-galleria-footer"
-      }, props.footer);
+      return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
     }
     return null;
   };
   var createElement = function createElement() {
-    var otherProps = GalleriaBase.getOtherProps(props);
     var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
     var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
     var galleriaClassName = utils.classNames('p-galleria p-component', props.className, {
       'p-galleria-fullscreen': props.fullScreen,
       'p-galleria-indicator-onitem': props.showIndicatorsOnItem,
       'p-galleria-item-nav-onhover': props.showItemNavigatorsOnHover && !props.fullScreen,
-      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     }, thumbnailsPosClassName, indicatorPosClassName);
     var iconProps = {
       className: 'p-galleria-close-icon',
       'aria-hidden': true
     };
-    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
-    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+    var closeIconProps = utils.mergeProps({
+      className: iconProps
+    }, ptm('closeIcon'));
+    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, closeIconProps);
+    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
       props: props
     });
-    var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
-      className: "p-galleria-close p-link",
-      "aria-label": PrimeReact.localeOption('close'),
+    var closeButtonProps = utils.mergeProps({
+      type: 'button',
+      className: 'p-galleria-close p-link',
+      'aria-label': PrimeReact.localeOption('close'),
       onClick: hide
-    }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, ptm('closeButton'));
+    var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     var header = createHeader();
     var footer = createFooter();
-    var element = /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: galleriaClassName,
       style: props.style
-    }, otherProps), closeButton, header, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-galleria-content"
-    }, /*#__PURE__*/React__namespace.createElement(GalleriaItem, {
+    }, GalleriaBase.getOtherProps(props), ptm('root'));
+    var contentProps = utils.mergeProps({
+      className: 'p-galleria-content'
+    }, ptm('content'));
+    var element = /*#__PURE__*/React__namespace.createElement("div", rootProps, closeButton, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, /*#__PURE__*/React__namespace.createElement(GalleriaItem, {
       ref: previewContentRef,
       value: props.value,
       activeItemIndex: activeItemIndex,
@@ -906,7 +918,8 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       autoPlay: props.autoPlay,
       slideShowActive: slideShowActiveState,
       startSlideShow: startSlideShow,
-      stopSlideShow: stopSlideShow
+      stopSlideShow: stopSlideShow,
+      ptm: ptm
     }), props.showThumbnails && /*#__PURE__*/React__namespace.createElement(GalleriaThumbnails, {
       value: props.value,
       activeItemIndex: activeItemIndex,
@@ -922,7 +935,8 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       showThumbnailNavigators: props.showThumbnailNavigators,
       autoPlay: props.autoPlay,
       slideShowActive: slideShowActiveState,
-      stopSlideShow: stopSlideShow
+      stopSlideShow: stopSlideShow,
+      ptm: ptm
     })), footer);
     return element;
   };
@@ -932,10 +946,11 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var maskClassName = utils.classNames('p-galleria-mask', {
         'p-galleria-visible': visibleState
       });
-      var galleriaWrapper = /*#__PURE__*/React__namespace.createElement("div", {
+      var maskProps = utils.mergeProps({
         ref: maskRef,
         className: maskClassName
-      }, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
+      }, ptm('mask'));
+      var galleriaWrapper = /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: elementRef,
         classNames: "p-galleria",
         "in": visibleState,