primereact 10.2.1 → 10.3.1

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,o,a,l,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 d=m(t);function f(e){return f="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},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=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},v.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 O(e){if(Array.isArray(e))return h(e)}function E(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 w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function B(){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)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-badge p-component",g({"p-badge-no-gutter":o.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":o.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});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 T(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){g(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 D=d.memo(d.forwardRef((function(e,t){var a=d.useContext(n.PrimeReactContext),l=x.getProps(e,a),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=o.mergeProps({ref:u,style:l.style,className:o.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.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},css:{classes:{root:function(e){return o.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return o.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return o.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return o.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function _(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?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(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=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(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 k=d.memo(d.forwardRef((function(e,t){var m=d.useContext(n.PrimeReactContext),f=F.getProps(e,m),b=U(d.useState([]),2),y=b[0],g=b[1],h=U(d.useState([]),2),O=h[0],E=h[1],S=U(d.useState(0),2),P=S[0],j=S[1],I=U(d.useState(!1),2),B=I[0],x=I[1],C=U(d.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=d.useRef(null),J=d.useRef(null),V=d.useRef(null),K=d.useRef(0),W=o.ObjectUtils.isNotEmpty(O),Y=o.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var a=n[r];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),o.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=z(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),g((function(t){return[].concat(w(t),w(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),ae()},me=function(){X.current.click()},de=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&me()},ye=function(e){if(!f.disabled&&(!H()&&o.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||o.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};d.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=o.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",v({},l,{alt:e.name})):null,c=o.mergeProps(k("details")),u=o.mergeProps(k("fileSize")),p=o.mergeProps({className:A("fileName")},k("fileName")),m=o.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),g=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=d.createElement("div",m,d.createElement(a.Button,{type:"button",icon:f.removeIcon||d.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=d.createElement(d.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=o.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=o.mergeProps({key:r,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,r,m,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D,_=(t=(e=f.chooseOptions).className,r=e.style,m=e.icon,b=e.iconOnly,y=o.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),g=b?d.createElement("span",v({},y,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):d.createElement("span",y,q),h=o.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=o.mergeProps({className:A("chooseIcon",{iconOnly:b})},k("chooseIcon")),w=o.IconUtils.getJSXIcon(m||d.createElement(l.PlusIcon,S),M({},S),{props:f}),N=o.mergeProps({className:o.classNames(t,A("chooseButton",{iconOnly:b,disabled:$,className:t,focusedState:B})),style:r,onClick:me,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),d.createElement("span",N,E,w,g,d.createElement(p.Ripple,null))),z=!f.emptyTemplate||W||Y?null:o.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var L=f.uploadOptions,K=f.cancelOptions,ne=L.iconOnly?"":G,re=K.iconOnly?"":Q,oe=o.mergeProps({className:A("uploadIcon",{iconOnly:L.iconOnly})},k("uploadIcon")),ae=o.IconUtils.getJSXIcon(L.icon||d.createElement(s.UploadIcon,oe),M({},oe),{props:f}),le=o.mergeProps({className:A("cancelIcon",{iconOnly:K.iconOnly})},k("cancelIcon")),se=o.IconUtils.getJSXIcon(K.icon||d.createElement(i.TimesIcon,le),M({},le),{props:f});j=d.createElement(a.Button,{type:"button",label:ne,icon:ae,onClick:ue,disabled:ee,style:L.style,className:L.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),I=d.createElement(a.Button,{type:"button",label:re,icon:se,onClick:pe,disabled:te,style:K.style,className:K.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=O.map((function(e,t){return Ue(e,t,T)})),U=d.createElement("div",null,D),C=f.progressBarTemplate?o.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(x=xe());var ce=o.mergeProps({className:o.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,_,j,I);if(f.headerTemplate){var ve={className:o.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:_,uploadButton:j,cancelButton:I,element:ge,props:f};ge=o.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=o.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),Oe=o.mergeProps({ref:V,className:o.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&o.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&o.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?U:null,Y?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=o.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):d.createElement("span",he,q),Ee=f.auto?Oe:d.createElement("span",he,W?O[0].name:Oe),Se=o.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=o.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&d.createElement(s.UploadIcon,Se):d.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=o.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&d.createElement("input",we),je=o.mergeProps({className:o.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=o.mergeProps({className:o.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe},F.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,a,o,l,i,s,c,u,p){"use strict";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 m=d(t);function f(e){return f="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},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=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},v.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 O(e){if(Array.isArray(e))return h(e)}function E(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 w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,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,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}function B(){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)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});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 T(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){g(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 D=m.memo(m.forwardRef((function(e,t){var o=m.useContext(n.PrimeReactContext),l=x.getProps(e,o),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=a.mergeProps({ref:u,style:l.style,className:a.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return m.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.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},css:{classes:{root:function(e){return a.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function _(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?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(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=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},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 o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function R(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(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 k=m.memo(m.forwardRef((function(e,t){var d=m.useContext(n.PrimeReactContext),f=F.getProps(e,d),b=U(m.useState([]),2),y=b[0],g=b[1],h=U(m.useState([]),2),O=h[0],E=h[1],S=U(m.useState(0),2),P=S[0],j=S[1],I=U(m.useState(!1),2),B=I[0],x=I[1],C=U(m.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=m.useRef(null),J=m.useRef(null),V=m.useRef(null),K=m.useRef(0),W=a.ObjectUtils.isNotEmpty(O),Y=a.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){oe();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(e,t){oe();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!se(o)&&ce(o)&&(ne(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),a.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),oe(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,a=z(e);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.append(f.name,o,o.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);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),g((function(t){return[].concat(w(t),w(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),oe()},de=function(){X.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){"Enter"===e.code&&de()},ye=function(e){if(!f.disabled&&(!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||a.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};m.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):ae(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=a.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?m.createElement("img",v({},l,{alt:e.name})):null,c=a.mergeProps(k("details")),u=a.mergeProps(k("fileSize")),p=a.mergeProps({className:A("fileName")},k("fileName")),d=a.mergeProps(k("actions")),b=m.createElement("div",p,e.name),y=m.createElement("div",u,le(e.size)),g=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,le(e.size)),m.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:f.removeIcon||m.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=m.createElement(m.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=a.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=a.mergeProps({key:r,className:A("file")},k("file"));return m.createElement("div",S,O)},xe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,r,d,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D,_=(t=(e=f.chooseOptions).className,r=e.style,d=e.icon,b=e.iconOnly,y=a.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),g=b?m.createElement("span",v({},y,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",y,q),h=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=m.createElement("input",h),S=a.mergeProps({className:A("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},k("chooseIcon")),w=a.IconUtils.getJSXIcon(d||m.createElement(l.PlusIcon,S),M({},S),{props:f}),N=a.mergeProps({className:a.classNames(t,A("chooseButton",{iconOnly:b,disabled:$,className:t,focusedState:B})),style:r,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),m.createElement("span",N,E,w,g,m.createElement(p.Ripple,null))),z=!f.emptyTemplate||W||Y?null:a.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var L=f.uploadOptions,K=f.cancelOptions,ne=L.iconOnly?"":G,re=K.iconOnly?"":Q,ae=a.mergeProps({className:A("uploadIcon",{iconOnly:L.iconOnly}),"aria-hidden":"true"},k("uploadIcon")),oe=a.IconUtils.getJSXIcon(L.icon||m.createElement(s.UploadIcon,ae),M({},ae),{props:f}),le=a.mergeProps({className:A("cancelIcon",{iconOnly:K.iconOnly}),"aria-hidden":"true"},k("cancelIcon")),se=a.IconUtils.getJSXIcon(K.icon||m.createElement(i.TimesIcon,le),M({},le),{props:f});j=m.createElement(o.Button,{type:"button",label:ne,"aria-hidden":"true",icon:oe,onClick:ue,disabled:ee,style:L.style,className:L.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),I=m.createElement(o.Button,{type:"button",label:re,"aria-hidden":"true",icon:se,onClick:pe,disabled:te,style:K.style,className:K.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=O.map((function(e,t){return Ue(e,t,T)})),U=m.createElement("div",null,D),C=f.progressBarTemplate?a.ObjectUtils.getJSXElement(f.progressBarTemplate,{progress:P,props:f}):m.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(x=xe());var ce=a.mergeProps({className:a.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=m.createElement("div",ce,_,j,I);if(f.headerTemplate){var ve={className:a.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:_,uploadButton:j,cancelButton:I,element:ge,props:f};ge=a.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=a.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),Oe=a.mergeProps({ref:V,className:a.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return m.createElement("div",he,ge,m.createElement("div",Oe,C,m.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?U:null,Y?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=a.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?m.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",he,q),Ee=f.auto?Oe:m.createElement("span",he,W?O[0].name:Oe),Se=a.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=a.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&m.createElement(s.UploadIcon,Se):m.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&m.createElement("input",we),je=a.mergeProps({className:a.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=a.mergeProps({className:a.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},F.getOtherProps(f),k("basicButton")),m.createElement("div",je,m.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),m.createElement("span",Ie,Pe,Ee,Ne,m.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);

package/galleria/galleria.cjs.js

@@ -287,9 +287,26 @@ var GalleriaBase = componentbase.ComponentBase.extend({
   }
 });
 
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var indicatorContent = React__namespace.useRef(null);
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key, options) {
@@ -297,6 +314,12 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       hostName: props.hostName
     }, options));
   };
+  var ariaSlideNumber = function ariaSlideNumber(value) {
+    return PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').slideNumber.replace(/{slideNumber}/g, value) : undefined;
+  };
+  var ariaPageLabel = function ariaPageLabel(value) {
+    return PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').pageLabel.replace(/{page}/g, value) : undefined;
+  };
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
     props.onActiveItemChange({
@@ -343,13 +366,83 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
   };
   var onIndicatorKeyDown = function onIndicatorKeyDown(event, index) {
-    if (event.which === 13) {
-      stopSlideShow();
-      props.onActiveItemChange({
-        index: index
-      });
+    switch (event.code) {
+      case 'Enter':
+      case 'Space':
+        stopSlideShow();
+        props.onActiveItemChange({
+          index: index
+        });
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+        onRightKey();
+        break;
+      case 'ArrowLeft':
+        onLeftKey();
+        break;
+      case 'Home':
+        onHomeKey();
+        event.preventDefault();
+        break;
+      case 'End':
+        onEndKey();
+        event.preventDefault();
+        break;
+      case 'Tab':
+        onTabKey();
+        break;
+      case 'ArrowDown':
+      case 'ArrowUp':
+      case 'PageUp':
+      case 'PageDown':
+        event.preventDefault();
+        break;
     }
   };
+  var onRightKey = function onRightKey() {
+    var indicators = _toConsumableArray(utils.DomHandler.find(indicatorContent.current, '[data-pc-section="indicator"]'));
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, activeIndex + 1 === indicators.length ? indicators.length - 1 : activeIndex + 1);
+  };
+  var onLeftKey = function onLeftKey() {
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, activeIndex - 1 <= 0 ? 0 : activeIndex - 1);
+  };
+  var onHomeKey = function onHomeKey() {
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, 0);
+  };
+  var onEndKey = function onEndKey() {
+    var indicators = _toConsumableArray(utils.DomHandler.find(indicatorContent.current, '[data-pc-section="indicator"]'));
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, indicators.length - 1);
+  };
+  var onTabKey = function onTabKey() {
+    var indicators = _toConsumableArray(utils.DomHandler.find(indicatorContent.current, '[data-pc-section="indicator"]'));
+    var highlightedIndex = indicators.findIndex(function (ind) {
+      return utils.DomHandler.getAttribute(ind, 'data-p-highlight') === true;
+    });
+    var activeIndicator = utils.DomHandler.findSingle(indicatorContent.current, '[data-pc-section="indicator"] > button[tabindex="0"]');
+    var activeIndex = indicators.findIndex(function (ind) {
+      return ind === activeIndicator.parentElement;
+    });
+    indicators[activeIndex].children[0].tabIndex = '-1';
+    indicators[highlightedIndex].children[0].tabIndex = '0';
+  };
+  var findFocusedIndicatorIndex = function findFocusedIndicatorIndex() {
+    var indicators = _toConsumableArray(utils.DomHandler.find(indicatorContent.current, '[data-pc-section="indicator"]'));
+    var activeIndicator = utils.DomHandler.findSingle(indicatorContent.current, '[data-pc-section="indicator"] > button[tabindex="0"]');
+    return indicators.findIndex(function (ind) {
+      return ind === activeIndicator.parentElement;
+    });
+  };
+  var changedFocusedIndicator = function changedFocusedIndicator(prevInd, nextInd) {
+    var indicators = _toConsumableArray(utils.DomHandler.find(indicatorContent.current, '[data-pc-section="indicator"]'));
+    indicators[prevInd].children[0].tabIndex = '-1';
+    indicators[nextInd].children[0].tabIndex = '0';
+    indicators[nextInd].children[0].focus();
+  };
   hooks.useMountEffect(function () {
     if (props.autoPlay) {
       props.startSlideShow();
@@ -372,7 +465,8 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         }),
         onClick: navBackward,
         disabled: isDisabled,
-        'data-p-disabled': isDisabled
+        'data-p-disabled': isDisabled,
+        'data-pc-group-section': 'itemnavigator'
       }, getPTOptions('previousItemButton'));
       return /*#__PURE__*/React__namespace.createElement("button", previousItemButtonProps, itemPrevIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
@@ -395,7 +489,8 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         }),
         onClick: navForward,
         disabled: isDisabled,
-        'data-p-disabled': isDisabled
+        'data-p-disabled': isDisabled,
+        'data-pc-group-section': 'itemnavigator'
       }, getPTOptions('nextItemButton'));
       return /*#__PURE__*/React__namespace.createElement("button", nextItemButtonProps, itemNextIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
@@ -421,6 +516,10 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       }),
       key: key,
       tabIndex: 0,
+      'aria-label': ariaPageLabel(index + 1),
+      'aria-selected': props.activeIndex === index,
+      'aria-controls': props.id + '_item_' + index,
+      'data-p-highlight': isActive,
       onClick: function onClick() {
         return onIndicatorClick(index);
       },
@@ -429,13 +528,12 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       },
       onKeyDown: function onKeyDown(e) {
         return onIndicatorKeyDown(e, index);
-      },
-      'data-p-highlight': isActive
+      }
     }, getPTOptions('indicator'));
     if (!indicator) {
       indicator = /*#__PURE__*/React__namespace.createElement("button", {
+        tabIndex: props.activeIndex === index ? '0' : '-1',
         type: "button",
-        tabIndex: -1,
         className: "p-link"
       }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
@@ -450,7 +548,9 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       for (var i = 0; i < props.value.length; i++) {
         _indicators.push(createIndicator(i));
       }
-      return /*#__PURE__*/React__namespace.createElement("ul", indicatorsProps, _indicators);
+      return /*#__PURE__*/React__namespace.createElement("ul", _extends({
+        ref: indicatorContent
+      }, indicatorsProps), _indicators);
     }
     return null;
   };
@@ -467,28 +567,16 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     className: cx('itemContainer')
   }, getPTOptions('itemContainer'));
   var itemProps = utils.mergeProps({
-    className: cx('item')
+    className: cx('item'),
+    id: props.id + '_item_' + props.activeItemIndex,
+    role: 'group',
+    'aria-label': ariaSlideNumber(props.activeItemIndex + 1),
+    'aria-roledescription': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').slide : undefined
   }, getPTOptions('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';
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  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 _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -505,20 +593,95 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
       index: props.index
     });
   };
-  var onItemKeyDown = function onItemKeyDown(event) {
-    if (event.which === 13) {
+  var ariaPageLabel = function ariaPageLabel(value) {
+    return PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').pageLabel.replace(/{page}/g, value) : undefined;
+  };
+  var onThumbnailKeydown = function onThumbnailKeydown(event) {
+    if (event.code === 'Enter' || event.code === 'Space') {
       props.onItemClick({
         originalEvent: event,
         index: props.index
       });
+      event.preventDefault();
+    }
+    switch (event.code) {
+      case 'ArrowRight':
+        onRightKey();
+        break;
+      case 'ArrowLeft':
+        onLeftKey();
+        break;
+      case 'Home':
+        onHomeKey();
+        event.preventDefault();
+        break;
+      case 'End':
+        onEndKey();
+        event.preventDefault();
+        break;
+      case 'ArrowUp':
+      case 'ArrowDown':
+        event.preventDefault();
+        break;
+      case 'Tab':
+        onTabKey();
+        break;
     }
   };
-  var tabIndex = props.active ? 0 : null;
+  var onRightKey = function onRightKey() {
+    var indicators = utils.DomHandler.find(props.itemsContainerRef.current, '[data-pc-section="thumbnailitem"]');
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, activeIndex + 1 === indicators.length ? indicators.length - 1 : activeIndex + 1);
+  };
+  var onLeftKey = function onLeftKey() {
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, activeIndex - 1 <= 0 ? 0 : activeIndex - 1);
+  };
+  var onHomeKey = function onHomeKey() {
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, 0);
+  };
+  var onEndKey = function onEndKey() {
+    var indicators = utils.DomHandler.find(props.itemsContainerRef.current, '[data-pc-section="thumbnailitem"]');
+    var activeIndex = findFocusedIndicatorIndex();
+    changedFocusedIndicator(activeIndex, indicators.length - 1);
+  };
+  var onTabKey = function onTabKey() {
+    var indicators = _toConsumableArray(utils.DomHandler.find(props.itemsContainerRef.current, '[data-pc-section="thumbnailitem"]'));
+    var highlightedIndex = indicators.findIndex(function (ind) {
+      return utils.DomHandler.getAttribute(ind, 'data-p-active') === true;
+    });
+    var activeIndicator = utils.DomHandler.findSingle(props.itemsContainerRef.current, '[tabindex="0"]');
+    var activeIndex = indicators.findIndex(function (ind) {
+      return ind === activeIndicator.parentElement;
+    });
+    indicators[activeIndex].children[0].tabIndex = '-1';
+    indicators[highlightedIndex].children[0].tabIndex = '0';
+  };
+  var findFocusedIndicatorIndex = function findFocusedIndicatorIndex() {
+    var indicators = _toConsumableArray(utils.DomHandler.find(props.itemsContainerRef.current, '[data-pc-section="thumbnailitem"]'));
+    var activeIndicator = utils.DomHandler.findSingle(props.itemsContainerRef.current, '[data-pc-section="thumbnailitem"] > [tabindex="0"]');
+    return indicators.findIndex(function (ind) {
+      return ind === activeIndicator.parentElement;
+    });
+  };
+  var changedFocusedIndicator = function changedFocusedIndicator(prevInd, nextInd) {
+    var indicators = utils.DomHandler.find(props.itemsContainerRef.current, '[data-pc-section="thumbnailitem"]');
+    indicators[prevInd].children[0].tabIndex = '-1';
+    indicators[nextInd].children[0].tabIndex = '0';
+    indicators[nextInd].children[0].focus();
+  };
   var content = props.template && props.template(props.item);
   var thumbnailItemProps = utils.mergeProps({
     className: utils.classNames(props.className, cx('thumbnailItem', {
       subProps: props
     })),
+    key: 'p-galleria-thumbnail-item-' + props.index,
+    role: 'tab',
+    'data-p-active': props.current,
+    'aria-selected': props.current,
+    'aria-controls': props.containerId + '_item_' + props.index,
+    onKeyDown: onThumbnailKeydown,
     'data-p-galleria-thumbnail-item-current': props.current,
     'data-p-galleria-thumbnail-item-active': props.active,
     'data-p-galleria-thumbnail-item-start': props.start,
@@ -526,9 +689,10 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
   }, getPTOptions('thumbnailItem'));
   var thumbnailItemContentProps = utils.mergeProps({
     className: cx('thumbnailItemContent'),
-    tabIndex: tabIndex,
-    onClick: onItemClick,
-    onKeyDown: onItemKeyDown
+    tabIndex: props.current ? '0' : '-1',
+    'aria-label': ariaPageLabel(props.index + 1),
+    'aria-current': props.current ? 'page' : undefined,
+    onClick: onItemClick
   }, getPTOptions('thumbnailItemContent'));
   return /*#__PURE__*/React__namespace.createElement("div", thumbnailItemProps, /*#__PURE__*/React__namespace.createElement("div", thumbnailItemContentProps, content));
 });
@@ -685,7 +849,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
   };
   var createStyle = function createStyle() {
     if (!thumbnailsStyle.current) {
-      thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      thumbnailsStyle.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
     }
     var innerHTML = "\n            [data-pc-section=\"thumbnailitems\"][".concat(attributeSelector.current, "] {\n                [data-pc-section=\"thumbnailitem\"] {\n                    flex: 1 0 ").concat(100 / numVisibleState, "%\n                }\n            } \n        ");
     if (props.responsiveOptions) {
@@ -763,6 +927,8 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
       return /*#__PURE__*/React__namespace.createElement(GalleriaThumbnailItem, {
         key: index,
         index: index,
+        containerId: props.containerId,
+        itemsContainerRef: itemsContainerRef,
         template: props.itemTemplate,
         item: item,
         active: isActive,
@@ -791,8 +957,11 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
           isDisabled: isDisabled
         }),
         onClick: navBackward,
+        type: 'button',
         disabled: isDisabled,
-        'data-p-disabled': isDisabled
+        'data-p-disabled': isDisabled,
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').previousPageLabel : undefined,
+        'data-pc-group-section': 'thumbnailnavigator'
       }, getPTOptions('previousThumbnailButton'));
       return /*#__PURE__*/React__namespace.createElement("button", previousThumbnailButtonProps, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
@@ -812,9 +981,12 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
         className: cx('nextThumbnailButton', {
           isDisabled: isDisabled
         }),
-        onClick: navForward,
         disabled: isDisabled,
-        'data-p-disabled': isDisabled
+        type: 'button',
+        'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').nextPageLabel : undefined,
+        onClick: navForward,
+        'data-p-disabled': isDisabled,
+        'data-pc-group-section': 'thumbnailnavigator'
       }, getPTOptions('nextThumbnailButton'));
       return /*#__PURE__*/React__namespace.createElement("button", nextThumbnailButtonProps, nextThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
@@ -837,6 +1009,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     var thumbnailItemsProps = utils.mergeProps({
       ref: itemsContainerRef,
       className: cx('thumbnailItems'),
+      role: 'tablist',
       onTransitionEnd: onTransitionEnd,
       onTouchStart: onTouchStart,
       onTouchMove: onTouchMove,
@@ -879,6 +1052,7 @@ 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 id = props.id || utils.UniqueComponentId();
   var _GalleriaBase$setMeta = GalleriaBase.setMetaData({
       props: props,
       state: {
@@ -1014,7 +1188,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var closeButtonProps = utils.mergeProps({
       type: 'button',
       className: cx('closeButton'),
-      'aria-label': PrimeReact.localeOption('close'),
+      'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').close : undefined,
       onClick: hide
     }, ptm('closeButton'));
     var closeButton = props.fullScreen && /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
@@ -1022,20 +1196,23 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var footer = createFooter();
     var rootProps = utils.mergeProps({
       ref: elementRef,
-      id: props.id,
+      id: id,
       className: utils.classNames(props.className, cx('root', {
         context: context,
         thumbnailsPosClassName: thumbnailsPosClassName,
         indicatorPosClassName: indicatorPosClassName
       })),
-      style: props.style
+      style: props.style,
+      role: 'region'
     }, GalleriaBase.getOtherProps(props), ptm('root'));
     var contentProps = utils.mergeProps({
-      className: cx('content')
+      className: cx('content'),
+      'aria-live': props.autoPlay ? 'polite' : 'off'
     }, ptm('content'));
     var element = /*#__PURE__*/React__namespace.createElement("div", rootProps, closeButton, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, /*#__PURE__*/React__namespace.createElement(GalleriaItem, {
       hostName: "Galleria",
       ref: previewContentRef,
+      id: id,
       value: props.value,
       activeItemIndex: activeItemIndex,
       onActiveItemChange: onActiveItemChange,
@@ -1057,6 +1234,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }), props.showThumbnails && /*#__PURE__*/React__namespace.createElement(GalleriaThumbnails, {
       hostName: "Galleria",
       value: props.value,
+      containerId: id,
       activeItemIndex: activeItemIndex,
       onActiveItemChange: onActiveItemChange,
       itemTemplate: props.thumbnail,
@@ -1084,7 +1262,9 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var maskProps = utils.mergeProps({
         className: cx('mask', {
           visibleState: visibleState
-        })
+        }),
+        role: 'dialog',
+        'aria-modal': 'true'
       }, ptm('mask'));
       var transitionProps = utils.mergeProps({
         classNames: cx('transition'),