@verdocs/web-sdk 1.5.4 → 1.6.1

package/dist/verdocs-web-sdk/p-f7e26fbd.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as i,H as t}from"./p-2bc58746.js";var a=function(e){return new Promise((function(o,i){var t=new FileReader;t.onload=function(){return o({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:t.result})},t.onerror=i,e?t.readAsDataURL(e):i(new Error("Invalid file"))}))};const s=class{constructor(i){e(this,i),this.cancel=o(this,"cancel",7),this.done=o(this,"done",7),this.open=!1,this.draggingOver=!1,this.decodedFiles=[]}handleCancel(){this.cancel.emit(),this.open=!1}handleDismiss(e){"background-overlay"===e.target.className&&(e.preventDefault(),this.handleCancel())}handleDone(){this.done.emit(this.decodedFiles),this.open=!1}handleDragOver(e){e.preventDefault(),this.draggingOver=!0}handleDragLeave(e){e.preventDefault(),this.draggingOver=!1}async handleDrop(e){e.preventDefault(),this.draggingOver=!1;let o=[];if(e.dataTransfer.items){for(let i=0;i<e.dataTransfer.items.length;i++)if("file"===e.dataTransfer.items[i].kind){const t=e.dataTransfer.items[i].getAsFile();o.push(t)}}else o=e.dataTransfer.files;this.decodedFiles=await Promise.all(o.map(a))}handleRemoveAttachment(e){const o=[...this.decodedFiles];o.splice(e,1),this.decodedFiles=o}handleSelectFile(){var e;null===(e=this.fileInput)||void 0===e||e.click()}async handleFileChange(e){var o,i,t;console.log("fileChange",e),console.log("files",null===(o=this.fileInput)||void 0===o?void 0:o.files);let s=[];for(let e=0;e<(null===(i=this.fileInput)||void 0===i?void 0:i.files.length);e++)s.push(null===(t=this.fileInput)||void 0===t?void 0:t.files[e]);this.decodedFiles=await Promise.all(s.map(a))}render(){return i(t,{style:{display:this.open?"block":"none"}},i("div",{class:"background-overlay",onClick:e=>this.handleDismiss(e)},i("div",{class:"dialog"},i("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?i("div",{class:{"drop-target":!0,"dragging-over":this.draggingOver},onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e)},i("p",null,"Drag and drop a file here..."),i("p",null,"- or -"),i("verdocs-button",{label:"Select a file...",onPress:()=>this.handleSelectFile()}),i("input",{type:"file",ref:e=>this.fileInput=e,style:{display:"none"},onChange:e=>this.handleFileChange(e)})):i("div",{class:"attachments"},this.decodedFiles.map(((e,o)=>i("div",{class:"attachment"},i("div",{class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />\n</svg>\n'}),i("div",{class:"name"},e.name),i("div",{class:"icon trash",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />\n</svg>\n',onClick:()=>this.handleRemoveAttachment(o)}))))),i("div",{class:"buttons"},i("verdocs-button",{label:"Cancel",variant:"outline",onPress:()=>this.handleCancel()}),i("verdocs-button",{label:"Done",onPress:()=>this.handleDone(),disabled:this.decodedFiles.length<1})))))}};s.style='verdocs-upload-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}';export{s as verdocs_upload_dialog}

package/dist/verdocs-web-sdk/verdocs-web-sdk.css

@@ -1 +0,0 @@
-:root{--verdocs-background-dark:#1e2031;--verdocs-container-border-color:#707ae5;--verdocs-container-background-color:#f5f5fa;--verdocs-primary-color:#55bc81;--verdocs-secondary-color:#4c56cb;--verdocs-label-color:#33364b;--verdocs-icon-color:#aeb4bf;--verdocs-required-color:rgb(204, 0, 0);--verdocs-font:'Barlow', sans-serif}@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, .35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, .35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, .35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, .35)}}