primevue 3.16.2 → 3.18.0

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,l,i,s,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(l),d=a(s),c={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},chooseIcon:{type:String,default:"pi pi-plus"},uploadIcon:{type:String,default:"pi pi-upload"},cancelIcon:{type:String,default:"pi pi-times"},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let l of t){if(this.isWildcard(l)?this.getTypeClass(e.type)===this.getTypeClass(l):e.type==l||this.getFileExtension(e).toLowerCase()===l.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(i.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||i.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){i.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let 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]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},advancedChooseIconClass(){return["p-button-icon p-button-icon-left pi-fw",this.chooseIcon]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left",!this.hasFiles||this.auto?this.uploadIcon:this.chooseIcon]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:n.default,FileUploadProgressBar:r.default,FileUploadMessage:p.default},directives:{ripple:d.default}};const u={key:0,class:"p-fileupload p-fileupload-advanced p-component"},h={class:"p-fileupload-buttonbar"},f=["multiple","accept","disabled"],m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b=["alt","src","width"],y={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},B={key:1,class:"p-fileupload p-fileupload-basic p-component"},C={class:"p-button-label"},F=["accept","disabled","multiple"];return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===l&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-row > div {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 25%;\n}\n.p-fileupload-row > div:last-child {\n    text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type=file] {\n    display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {\n    display: none;\n}\n.p-fileupload-filename {\n    word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n"),c.render=function(e,t,l,i,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),p=o.resolveComponent("FileUploadMessage"),d=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createElementBlock("div",u,[o.createElementVNode("div",h,[o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.advancedChooseButtonClass),style:o.normalizeStyle(l.style),onClick:t[1]||(t[1]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[2]||(t[2]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("input",{ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:l.multiple,accept:l.accept,disabled:a.chooseDisabled},null,40,f),o.createElementVNode("span",{class:o.normalizeClass(a.advancedChooseIconClass)},null,2),o.createElementVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38)),[[d]]),l.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:l.uploadIcon,onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0),l.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:l.cancelIcon,onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createElementVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>a.onDrop&&a.onDrop(...e))},[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createElementBlock("div",g,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createElementBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[o.createElementVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createElementBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:l.previewWidth},null,8,b)):o.createCommentVNode("",!0)]),o.createElementVNode("div",y,o.toDisplayString(e.name),1),o.createElementVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createElementVNode("div",null,[o.createVNode(n,{type:"button",icon:"pi pi-times",onClick:e=>a.remove(t)},null,8,["onClick"])])])))),128))])):o.createCommentVNode("",!0),e.$slots.empty&&!a.hasFiles?(o.openBlock(),o.createElementBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createElementBlock("div",B,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.basicChooseButtonClass),style:o.normalizeStyle(l.style),onMouseup:t[12]||(t[12]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("span",{class:o.normalizeClass(a.basicChooseButtonIconClass)},null,2),o.createElementVNode("span",C,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,ref:"fileInput",type:"file",accept:l.accept,disabled:l.disabled,multiple:l.multiple,onChange:t[9]||(t[9]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,F))],38)),[[d]])])):o.createCommentVNode("",!0)},c}(primevue.button,primevue.progressbar,primevue.message,primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,l,i,s,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),d=a(l),p=a(i),c={emits:["remove"],props:{files:{type:Array,default:()=>[]},badgeSeverity:{type:String,default:"warning"},badgeValue:{type:String,default:null},previewWidth:{type:Number,default:50}},methods:{formatSize(e){if(0===e)return"0 B";let 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]}}};const u=["alt","src","width"],h={class:"p-fileupload-file-details"},f={class:"p-fileupload-file-name"},m={class:"p-fileupload-file-size"},g={class:"p-fileupload-file-actions"};c.render=function(e,t,l,i,s,a){const n=o.resolveComponent("Badge"),r=o.resolveComponent("Button");return o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.files,((t,i)=>(o.openBlock(),o.createElementBlock("div",{key:t.name+t.type+t.size,class:"p-fileupload-file"},[o.createElementVNode("img",{role:"presentation",class:"p-fileupload-file-thumbnail",alt:t.name,src:t.objectURL,width:l.previewWidth},null,8,u),o.createElementVNode("div",h,[o.createElementVNode("div",f,o.toDisplayString(t.name),1),o.createElementVNode("span",m,o.toDisplayString(a.formatSize(t.size)),1),o.createVNode(n,{value:l.badgeValue,class:"p-fileupload-file-badge",severity:l.badgeSeverity},null,8,["value","severity"])]),o.createElementVNode("div",g,[o.createVNode(r,{icon:"pi pi-times",onClick:t=>e.$emit("remove",i),class:"p-fileupload-file-remove p-button-text p-button-danger p-button-rounded"},null,8,["onClick"])])])))),128)};var b={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove","removeUploadedFile"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},chooseIcon:{type:String,default:"pi pi-plus"},uploadIcon:{type:String,default:"pi pi-upload"},cancelIcon:{type:String,default:"pi pi-times"},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null,uploadedFiles:[]}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.uploadedFiles.push(...this.files),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let l of t){if(this.isWildcard(l)?this.getTypeClass(e.type)===this.getTypeClass(l):e.type==l||this.getFileExtension(e).toLowerCase()===l.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(s.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||s.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){s.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},removeUploadedFile(e){let t=this.uploadedFiles.splice(e,1)[0];this.uploadedFiles=[...this.uploadedFiles],this.$emit("removeUploadedFile",{file:t,files:this.uploadedFiles})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let 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]},isFileLimitExceeded(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},advancedChooseIconClass(){return["p-button-icon p-button-icon-left pi-fw",this.chooseIcon]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left",!this.hasFiles||this.auto?this.uploadIcon:this.chooseIcon]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},hasUploadedFiles(){return this.uploadedFiles&&this.uploadedFiles.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel},completedLabel(){return this.$primevue.config.locale.completed},pendingLabel(){return this.$primevue.config.locale.pending}},components:{FileUploadButton:n.default,FileUploadProgressBar:d.default,FileUploadMessage:r.default,FileContent:c},directives:{ripple:p.default}};const v={key:0,class:"p-fileupload p-fileupload-advanced p-component"},y=["multiple","accept","disabled"],B={class:"p-fileupload-buttonbar"},F={class:"p-button-label"},C={key:0,class:"p-fileupload-empty"},k={key:1,class:"p-fileupload p-fileupload-basic p-component"},w={class:"p-button-label"},E=["accept","disabled","multiple"];return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===l&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n.p-fileupload-file {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n"),b.render=function(e,t,l,i,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),d=o.resolveComponent("FileUploadMessage"),p=o.resolveComponent("FileContent"),c=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createElementBlock("div",v,[o.createElementVNode("input",{ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:l.multiple,accept:l.accept,disabled:a.chooseDisabled},null,40,y),o.createElementVNode("div",B,[o.renderSlot(e.$slots,"header",{files:s.files,uploadedFiles:s.uploadedFiles,chooseCallback:a.choose,uploadCallback:a.upload,clearCallback:a.clear},(()=>[o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.advancedChooseButtonClass),style:o.normalizeStyle(l.style),onClick:t[1]||(t[1]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[2]||(t[2]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("span",{class:o.normalizeClass(a.advancedChooseIconClass)},null,2),o.createElementVNode("span",F,o.toDisplayString(a.chooseButtonLabel),1)],38)),[[c]]),l.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:l.uploadIcon,onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0),l.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:l.cancelIcon,onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0)]))]),o.createElementVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>a.onDrop&&a.onDrop(...e))},[o.renderSlot(e.$slots,"content",{files:s.files,uploadedFiles:s.uploadedFiles,removeUploadedFileCallback:a.removeUploadedFile,removeFileCallback:a.remove,progress:s.progress,messages:s.messages},(()=>[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress,showValue:!1},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(d,{key:e,severity:"error",onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock(p,{key:1,files:s.files,onRemove:a.remove,badgeValue:a.pendingLabel,previewWidth:l.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])):o.createCommentVNode("",!0),o.createVNode(p,{files:s.uploadedFiles,onRemove:a.removeUploadedFile,badgeValue:a.completedLabel,badgeSeverity:"success",previewWidth:l.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])])),!e.$slots.empty||a.hasFiles||a.hasUploadedFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",C,[o.renderSlot(e.$slots,"empty")]))],544)])):a.isBasic?(o.openBlock(),o.createElementBlock("div",k,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(d,{key:e,severity:"error",onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.basicChooseButtonClass),style:o.normalizeStyle(l.style),onMouseup:t[12]||(t[12]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("span",{class:o.normalizeClass(a.basicChooseButtonIconClass)},null,2),o.createElementVNode("span",w,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,ref:"fileInput",type:"file",accept:l.accept,disabled:l.disabled,multiple:l.multiple,onChange:t[9]||(t[9]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,E))],38)),[[c]])])):o.createCommentVNode("",!0)},b}(primevue.button,primevue.message,primevue.progressbar,primevue.ripple,primevue.utils,Vue);

package/fullcalendar/FullCalendar.d.ts

@@ -5,17 +5,15 @@ export interface FullCalendarProps {
     options?: object;
 }
 
-export interface FullCalendarSlots {
-}
+export interface FullCalendarSlots {}
 
-export declare type FullCalendarEmits = {
-}
+export declare type FullCalendarEmits = {};
 
-declare class FullCalendar extends ClassComponent<FullCalendarProps, FullCalendarSlots, FullCalendarEmits> { }
+declare class FullCalendar extends ClassComponent<FullCalendarProps, FullCalendarSlots, FullCalendarEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        FullCalendar: GlobalComponentConstructor<FullCalendar>
+        FullCalendar: GlobalComponentConstructor<FullCalendar>;
     }
 }
 
@@ -29,7 +27,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [FullCalendar](https://www.primefaces.org/primevue/showcase/#/fullcalendar)
+ * - [FullCalendar](https://www.primefaces.org/primevue/fullcalendar)
  *
  * @deprecated
  */

package/fullcalendar/FullCalendar.vue

@@ -4,7 +4,7 @@
 
 <script>
 import '@fullcalendar/core/vdom'; // vite support
-import {Calendar} from '@fullcalendar/core';
+import { Calendar } from '@fullcalendar/core';
 
 export default {
     name: 'FullCalendar',
@@ -46,8 +46,9 @@ export default {
     },
     methods: {
         initialize() {
-            let defaultConfig = {themeSystem: 'standard'};
-            let config = this.options ? {...this.options, ...defaultConfig} : defaultConfig;
+            let defaultConfig = { themeSystem: 'standard' };
+            let config = this.options ? { ...this.options, ...defaultConfig } : defaultConfig;
+
             this.calendar = new Calendar(this.$el, config);
             this.calendar.render();
 
@@ -57,8 +58,7 @@ export default {
             }
         }
     }
-}
+};
 </script>
 
-<style>
-</style>
+<style></style>

package/fullcalendar/fullcalendar.cjs.js

@@ -44,8 +44,9 @@ var script = {
     },
     methods: {
         initialize() {
-            let defaultConfig = {themeSystem: 'standard'};
-            let config = this.options ? {...this.options, ...defaultConfig} : defaultConfig;
+            let defaultConfig = { themeSystem: 'standard' };
+            let config = this.options ? { ...this.options, ...defaultConfig } : defaultConfig;
+
             this.calendar = new core.Calendar(this.$el, config);
             this.calendar.render();
 

package/fullcalendar/fullcalendar.esm.js

@@ -42,8 +42,9 @@ var script = {
     },
     methods: {
         initialize() {
-            let defaultConfig = {themeSystem: 'standard'};
-            let config = this.options ? {...this.options, ...defaultConfig} : defaultConfig;
+            let defaultConfig = { themeSystem: 'standard' };
+            let config = this.options ? { ...this.options, ...defaultConfig } : defaultConfig;
+
             this.calendar = new Calendar(this.$el, config);
             this.calendar.render();
 

package/fullcalendar/fullcalendar.js

@@ -42,8 +42,9 @@ this.primevue.fullcalendar = (function (vdom, core, vue) {
         },
         methods: {
             initialize() {
-                let defaultConfig = {themeSystem: 'standard'};
-                let config = this.options ? {...this.options, ...defaultConfig} : defaultConfig;
+                let defaultConfig = { themeSystem: 'standard' };
+                let config = this.options ? { ...this.options, ...defaultConfig } : defaultConfig;
+
                 this.calendar = new core.Calendar(this.$el, config);
                 this.calendar.render();
 

package/galleria/Galleria.d.ts

@@ -188,13 +188,13 @@ export declare type GalleriaEmits = {
      * @param {boolean} value - New value.
      */
     'update:visible': (value: boolean) => void;
-}
+};
 
-declare class Galleria extends ClassComponent<GalleriaProps, GalleriaSlots, GalleriaEmits> { }
+declare class Galleria extends ClassComponent<GalleriaProps, GalleriaSlots, GalleriaEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Galleria: GlobalComponentConstructor<Galleria>
+        Galleria: GlobalComponentConstructor<Galleria>;
     }
 }
 
@@ -204,7 +204,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Galleria](https://www.primefaces.org/primevue/showcase/#/galleria)
+ * - [Galleria](https://www.primefaces.org/primevue/galleria)
  *
  */
 export default Galleria;

package/galleria/Galleria.vue

@@ -2,7 +2,7 @@
     <Portal v-if="fullScreen">
         <div v-if="containerVisible" :ref="maskRef" :class="maskContentClass">
             <transition name="p-galleria" @before-enter="onBeforeEnter" @enter="onEnter" @before-leave="onBeforeLeave" @after-leave="onAfterLeave" appear>
-                <GalleriaContent :ref="containerRef" v-if="visible" v-bind="$props" @mask-hide="maskHide" :templates="$slots" @activeitem-change="onActiveItemChange" />
+                <GalleriaContent v-if="visible" :ref="containerRef" v-bind="$props" @mask-hide="maskHide" :templates="$slots" @activeitem-change="onActiveItemChange" />
             </transition>
         </div>
     </Portal>
@@ -11,7 +11,7 @@
 
 <script>
 import GalleriaContent from './GalleriaContent.vue';
-import {DomHandler,ZIndexUtils} from 'primevue/utils';
+import { DomHandler, ZIndexUtils } from 'primevue/utils';
 import Portal from 'primevue/portal';
 
 export default {
@@ -23,7 +23,7 @@ export default {
             type: String,
             default: null
         },
-		value: {
+        value: {
             type: Array,
             default: null
         },
@@ -40,9 +40,9 @@ export default {
             default: false
         },
         numVisible: {
-			type: Number,
-			default: 3
-		},
+            type: Number,
+            default: 3
+        },
         responsiveOptions: {
             type: Array,
             default: null
@@ -72,21 +72,21 @@ export default {
             default: false
         },
         transitionInterval: {
-			type: Number,
-			default: 4000
-		},
+            type: Number,
+            default: 4000
+        },
         showThumbnails: {
             type: Boolean,
             default: true
         },
         thumbnailsPosition: {
-			type: String,
-			default: "bottom"
-		},
+            type: String,
+            default: 'bottom'
+        },
         verticalThumbnailViewPortHeight: {
-			type: String,
-			default: "300px"
-		},
+            type: String,
+            default: '300px'
+        },
         showIndicators: {
             type: Boolean,
             default: false
@@ -96,12 +96,12 @@ export default {
             default: false
         },
         indicatorsPosition: {
-			type: String,
-			default: "bottom"
-		},
+            type: String,
+            default: 'bottom'
+        },
         baseZIndex: {
-			type: Number,
-			default: 0
+            type: Number,
+            default: 0
         },
         maskClass: {
             type: String,
@@ -115,7 +115,7 @@ export default {
     data() {
         return {
             containerVisible: this.visible
-        }
+        };
     },
     updated() {
         if (this.fullScreen && this.visible) {
@@ -128,6 +128,7 @@ export default {
         }
 
         this.mask = null;
+
         if (this.container) {
             ZIndexUtils.clear(this.container);
             this.container = null;
@@ -166,17 +167,21 @@ export default {
     },
     computed: {
         maskContentClass() {
-            return ['p-galleria-mask p-component-overlay p-component-overlay-enter', this.maskClass, {
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-galleria-mask p-component-overlay p-component-overlay-enter',
+                this.maskClass,
+                {
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         }
     },
     components: {
-        'GalleriaContent': GalleriaContent,
-        'Portal': Portal
+        GalleriaContent: GalleriaContent,
+        Portal: Portal
     }
-}
+};
 </script>
 
 <style>
@@ -200,7 +205,7 @@ export default {
 .p-galleria-item-nav {
     position: absolute;
     top: 50%;
-    margin-top: -.5rem;
+    margin-top: -0.5rem;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -230,7 +235,7 @@ export default {
 .p-galleria-item-nav-onhover .p-galleria-item-nav {
     pointer-events: none;
     opacity: 0;
-    transition: opacity .2s ease-in-out;
+    transition: opacity 0.2s ease-in-out;
 }
 
 .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
@@ -295,12 +300,12 @@ export default {
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    opacity: .5;
+    opacity: 0.5;
 }
 
 .p-galleria-thumbnail-item:hover {
     opacity: 1;
-    transition: opacity .3s;
+    transition: opacity 0.3s;
 }
 
 .p-galleria-thumbnail-item-current {
@@ -432,7 +437,7 @@ export default {
 .p-galleria-mask .p-galleria-item-nav {
     position: fixed;
     top: 50%;
-    margin-top: -.5rem;
+    margin-top: -0.5rem;
 }
 
 /* Animation */
@@ -441,7 +446,7 @@ export default {
 }
 
 .p-galleria-leave-active {
-    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
+    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .p-galleria-enter-from,

package/galleria/GalleriaContent.vue

@@ -1,21 +1,41 @@
 <template>
-    <div :id="id" v-if="$attrs.value && $attrs.value.length > 0" :class="galleriaClass" :style="$attrs.containerStyle">
-        <button v-if="$attrs.fullScreen" type="button" class="p-galleria-close p-link" @click="$emit('mask-hide')" v-ripple>
+    <div v-if="$attrs.value && $attrs.value.length > 0" :id="id" :class="galleriaClass" :style="$attrs.containerStyle">
+        <button v-if="$attrs.fullScreen" v-ripple type="button" class="p-galleria-close p-link" @click="$emit('mask-hide')">
             <span class="p-galleria-close-icon pi pi-times"></span>
         </button>
         <div v-if="$attrs.templates && $attrs.templates['header']" class="p-galleria-header">
             <component :is="$attrs.templates['header']" />
         </div>
         <div class="p-galleria-content">
-            <GalleriaItem :value="$attrs.value" v-model:activeIndex="activeIndex" :circular="$attrs.circular" :templates="$attrs.templates"
-                :showIndicators="$attrs.showIndicators" :changeItemOnIndicatorHover="$attrs.changeItemOnIndicatorHover"
-                :showItemNavigators="$attrs.showItemNavigators" :autoPlay="$attrs.autoPlay" v-model:slideShowActive="slideShowActive"
-                @start-slideshow="startSlideShow" @stop-slideshow="stopSlideShow" />
+            <GalleriaItem
+                v-model:activeIndex="activeIndex"
+                v-model:slideShowActive="slideShowActive"
+                :value="$attrs.value"
+                :circular="$attrs.circular"
+                :templates="$attrs.templates"
+                :showIndicators="$attrs.showIndicators"
+                :changeItemOnIndicatorHover="$attrs.changeItemOnIndicatorHover"
+                :showItemNavigators="$attrs.showItemNavigators"
+                :autoPlay="$attrs.autoPlay"
+                @start-slideshow="startSlideShow"
+                @stop-slideshow="stopSlideShow"
+            />
 
-            <GalleriaThumbnails v-if="$attrs.showThumbnails" :containerId="id" :value="$attrs.value" v-model:activeIndex="activeIndex" :templates="$attrs.templates"
-                :numVisible="numVisible" :responsiveOptions="$attrs.responsiveOptions" :circular="$attrs.circular"
-                :isVertical="isVertical()" :contentHeight="$attrs.verticalThumbnailViewPortHeight" :showThumbnailNavigators="$attrs.showThumbnailNavigators"
-                v-model:slideShowActive="slideShowActive" @stop-slideshow="stopSlideShow" />
+            <GalleriaThumbnails
+                v-if="$attrs.showThumbnails"
+                v-model:activeIndex="activeIndex"
+                v-model:slideShowActive="slideShowActive"
+                :containerId="id"
+                :value="$attrs.value"
+                :templates="$attrs.templates"
+                :numVisible="numVisible"
+                :responsiveOptions="$attrs.responsiveOptions"
+                :circular="$attrs.circular"
+                :isVertical="isVertical()"
+                :contentHeight="$attrs.verticalThumbnailViewPortHeight"
+                :showThumbnailNavigators="$attrs.showThumbnailNavigators"
+                @stop-slideshow="stopSlideShow"
+            />
         </div>
         <div v-if="$attrs.templates && $attrs.templates['footer']" class="p-galleria-footer">
             <component :is="$attrs.templates['footer']" />
@@ -24,7 +44,7 @@
 </template>
 
 <script>
-import {UniqueComponentId} from 'primevue/utils';
+import { UniqueComponentId } from 'primevue/utils';
 import GalleriaItem from './GalleriaItem.vue';
 import GalleriaThumbnails from './GalleriaThumbnails.vue';
 import GalleriaItemSlot from './GalleriaItemSlot.vue';
@@ -41,18 +61,18 @@ export default {
             activeIndex: this.$attrs.activeIndex,
             numVisible: this.$attrs.numVisible,
             slideShowActive: false
-        }
+        };
     },
     watch: {
-        '$attrs.value': function(newVal) {
+        '$attrs.value': function (newVal) {
             if (newVal && newVal.length < this.numVisible) {
                 this.numVisible = newVal.length;
             }
         },
-        '$attrs.activeIndex': function(newVal) {
+        '$attrs.activeIndex': function (newVal) {
             this.activeIndex = newVal;
         },
-        '$attrs.numVisible': function(newVal) {
+        '$attrs.numVisible': function (newVal) {
             this.numVisible = newVal;
         }
     },
@@ -60,17 +80,18 @@ export default {
         this.$emit('activeitem-change', this.activeIndex);
     },
     beforeUnmount() {
-		if (this.slideShowActive) {
-			this.stopSlideShow();
-		}
-	},
+        if (this.slideShowActive) {
+            this.stopSlideShow();
+        }
+    },
     methods: {
         isAutoPlayActive() {
             return this.slideShowActive;
         },
         startSlideShow() {
             this.interval = setInterval(() => {
-                let activeIndex = (this.$attrs.circular && (this.$attrs.value.length - 1) === this.activeIndex) ? 0 : (this.activeIndex + 1);
+                let activeIndex = this.$attrs.circular && this.$attrs.value.length - 1 === this.activeIndex ? 0 : this.activeIndex + 1;
+
                 this.activeIndex = activeIndex;
             }, this.$attrs.transitionInterval);
 
@@ -85,7 +106,7 @@ export default {
         },
         getPositionClass(preClassName, position) {
             const positions = ['top', 'left', 'bottom', 'right'];
-            const pos = positions.find(item => item === position);
+            const pos = positions.find((item) => item === position);
 
             return pos ? `${preClassName}-${pos}` : '';
         },
@@ -98,20 +119,26 @@ export default {
             const thumbnailsPosClass = this.$attrs.showThumbnails && this.getPositionClass('p-galleria-thumbnails', this.$attrs.thumbnailsPosition);
             const indicatorPosClass = this.$attrs.showIndicators && this.getPositionClass('p-galleria-indicators', this.$attrs.indicatorsPosition);
 
-            return ['p-galleria p-component', {
-                'p-galleria-fullscreen': this.$attrs.fullScreen,
-                'p-galleria-indicator-onitem': this.$attrs.showIndicatorsOnItem,
-                'p-galleria-item-nav-onhover': this.$attrs.showItemNavigatorsOnHover && !this.$attrs.fullScreen
-            }, thumbnailsPosClass, indicatorPosClass, this.$attrs.containerClass]
+            return [
+                'p-galleria p-component',
+                {
+                    'p-galleria-fullscreen': this.$attrs.fullScreen,
+                    'p-galleria-indicator-onitem': this.$attrs.showIndicatorsOnItem,
+                    'p-galleria-item-nav-onhover': this.$attrs.showItemNavigatorsOnHover && !this.$attrs.fullScreen
+                },
+                thumbnailsPosClass,
+                indicatorPosClass,
+                this.$attrs.containerClass
+            ];
         }
     },
     components: {
-        'GalleriaItem': GalleriaItem,
-        'GalleriaThumbnails': GalleriaThumbnails,
-        'GalleriaItemSlot': GalleriaItemSlot
+        GalleriaItem: GalleriaItem,
+        GalleriaThumbnails: GalleriaThumbnails,
+        GalleriaItemSlot: GalleriaItemSlot
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
-}
+};
 </script>