npm - @verdocs/web-sdk - Versions diffs - 1.9.9 → 1.9.14 - Mend

@verdocs/web-sdk 1.9.9 → 1.9.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (768) hide show

package/dist/esm-es5/verdocs-toggle.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":["verdocsToggleCss","VerdocsToggle","prototype","componentWillLoad","this","selectedOption","_a","options","defaultSelection","render","_this","h","class","concat","label","buttons","map","button","index","id","key","innerHTML","icon","onClick","console","log"],"mappings":"yDAAA,IAAMA,iBAAmB,~~0lCCwBZC~~,cAAa,kHAWU,EAElCA,EAAAC,UAAAC,kBAAA,iBACEC,KAAKC,iBAAiBC,EAAAF,KAAKG,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAEE,mBAAoB,~~GA0B1DP~~,EAAAC,UAAAO,OAAA,WAAA,IAAAC,EAAAN,KACE,OACEO,EAAA,MAAA,CAAKC,MAAM,aACTD,EAAA,OAAA,CAAMC,MAAM,SAAS,GAAAC,OAAGT,KAAKG,QAAQO,MAAK,MAC1CH,EAAA,MAAA,CAAKC,MAAM,WACRR,KAAKG,QAAQQ,QAAQC,KAAI,SAACC,EAAkBC,GAAa,OACxDP,EAAA,SAAA,CACEQ,GAAIF,EAAOE,GACXC,IAAKH,EAAOE,GACZE,UAAWJ,EAAOK,KAClBV,MAAOM,IAAUR,EAAKL,eAAiB,WAAa,GACpDkB,QAAS,WACPC,QAAQC,IAAI,UAAWP,GACvBR,EAAKL,eAAiBa,~~oBArDZ~~","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle {\n font-family: $primary-font;\n\n .container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n background-color: $container-bg;\n }\n\n .label {\n font-size: 24px;\n font-weight: 700;\n color: $medium-bg;\n align-self: center;\n margin-right: 27px;\n font-family: sans-serif;\n }\n\n .buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n }\n\n .buttons button {\n width: 60px;\n height: 60px;\n border: 2px solid $item-border-color;\n border-radius: 5px;\n cursor: pointer;\n }\n\n .buttons button:not(:last-child) {\n margin-right: 11px;\n }\n\n .buttons svg {\n width: 30px;\n height: 30px;\n }\n\n .buttons button:hover {\n background-color: $item-border-color;\n transition: 0.25s;\n }\n\n .buttons button:hover svg {\n fill: $container-bg;\n transition: 0.25s;\n }\n\n .selected {\n background-color: $border-color;\n transition: 0.25s;\n }\n\n .selected svg {\n fill: #ffffff;\n transition: 0.25s;\n }\n}\n","import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n id: string;\n icon: string;\n}\n\nexport interface IToggleIconButtons {\n label: string;\n defaultSelection: number;\n buttons: IButtons[];\n}\n\n/*\n Displays a label and a set of buttons, also allowing a default selection of a button\n \n ```typescript\n \n ```\n /\n@Component({\n tag: 'verdocs-toggle',\n styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n /\n The tags to display\n /\n @Prop() options: IToggleIconButtons;\n\n /\n The \"theme\" to be used\n */\n @Prop() theme: 'light' \| 'dark';\n\n @State() selectedOption: number = 0;\n\n componentWillLoad() {\n this.selectedOption = this.options?.defaultSelection \|\| 0;\n }\n\n // @Listen('click', {\n // target: 'document',\n // capture: true,\n // passive: false,\n // })\n // handleClick(event) {\n // event.preventDefault();\n // let container = event.target;\n // if (container.matches('toggle-icon-buttons')) {\n // container = event.target.shadowRoot;\n // const element = container.activeElement;\n // const siblings = Array.from(element.parentElement.children).filter(child => {\n // return child !== element;\n // });\n // siblings.map((sibling: any) => {\n // return sibling.classList.remove('selected');\n // });\n // if (!element.classList.contains('selected')) {\n // element.classList.add('selected');\n // }\n // }\n // }\n\n render() {\n return (\n <div class=\"container\">\n <span class=\"label\">{`${this.options.label}:`}</span>\n <div class=\"buttons\">\n {this.options.buttons.map((button: IButtons, index: number) => (\n <button\n id={button.id}\n key={button.id}\n innerHTML={button.icon}\n class={index === this.selectedOption ? 'selected' : ''}\n onClick={() => {\n console.log('clicked', index);\n this.selectedOption = index;\n }}\n />\n ))}\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"sources":["src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":["verdocsToggleCss","VerdocsToggle","prototype","componentWillLoad","this","selectedOption","_a","options","defaultSelection","render","_this","h","class","concat","label","buttons","map","button","index","id","key","innerHTML","icon","onClick","console","log"],"mappings":"yDAAA,IAAMA,iBAAmB,0lCCoBZC,cAAa,kHAWU,EAElCA,EAAAC,UAAAC,kBAAA,iBACEC,KAAKC,iBAAiBC,EAAAF,KAAKG,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAEE,mBAAoB,GAG1DP,EAAAC,UAAAO,OAAA,WAAA,IAAAC,EAAAN,KACE,OACEO,EAAA,MAAA,CAAKC,MAAM,aACTD,EAAA,OAAA,CAAMC,MAAM,SAAS,GAAAC,OAAGT,KAAKG,QAAQO,MAAK,MAC1CH,EAAA,MAAA,CAAKC,MAAM,WACRR,KAAKG,QAAQQ,QAAQC,KAAI,SAACC,EAAkBC,GAAa,OACxDP,EAAA,SAAA,CACEQ,GAAIF,EAAOE,GACXC,IAAKH,EAAOE,GACZE,UAAWJ,EAAOK,KAClBV,MAAOM,IAAUR,EAAKL,eAAiB,WAAa,GACpDkB,QAAS,WACPC,QAAQC,IAAI,UAAWP,GACvBR,EAAKL,eAAiBa,oBA9BZ","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle {\n font-family: $primary-font;\n\n .container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n background-color: $container-bg;\n }\n\n .label {\n font-size: 24px;\n font-weight: 700;\n color: $medium-bg;\n align-self: center;\n margin-right: 27px;\n font-family: sans-serif;\n }\n\n .buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n }\n\n .buttons button {\n width: 60px;\n height: 60px;\n border: 2px solid $item-border-color;\n border-radius: 5px;\n cursor: pointer;\n }\n\n .buttons button:not(:last-child) {\n margin-right: 11px;\n }\n\n .buttons svg {\n width: 30px;\n height: 30px;\n }\n\n .buttons button:hover {\n background-color: $item-border-color;\n transition: 0.25s;\n }\n\n .buttons button:hover svg {\n fill: $container-bg;\n transition: 0.25s;\n }\n\n .selected {\n background-color: $border-color;\n transition: 0.25s;\n }\n\n .selected svg {\n fill: #ffffff;\n transition: 0.25s;\n }\n}\n","import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n id: string;\n icon: string;\n}\n\nexport interface IToggleIconButtons {\n label: string;\n defaultSelection: number;\n buttons: IButtons[];\n}\n\n/*\n Displays a label and a set of buttons, also allowing a default selection of a button\n /\n@Component({\n tag: 'verdocs-toggle',\n styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n /\n The tags to display\n /\n @Prop() options: IToggleIconButtons;\n\n /\n The \"theme\" to be used\n */\n @Prop() theme: 'light' \| 'dark';\n\n @State() selectedOption: number = 0;\n\n componentWillLoad() {\n this.selectedOption = this.options?.defaultSelection \|\| 0;\n }\n\n render() {\n return (\n <div class=\"container\">\n <span class=\"label\">{`${this.options.label}:`}</span>\n <div class=\"buttons\">\n {this.options.buttons.map((button: IButtons, index: number) => (\n <button\n id={button.id}\n key={button.id}\n innerHTML={button.icon}\n class={index === this.selectedOption ? 'selected' : ''}\n onClick={() => {\n console.log('clicked', index);\n this.selectedOption = index;\n }}\n />\n ))}\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/esm-es5/verdocs-upload-dialog.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(i,l)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(a=i[0]&2?r["return"]:i[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;if(r=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{o=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var o=0,r=t.length,a;o<r;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return e.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f78d163d.js";var fileToDataUrl=function(e){return new Promise((function(t,n){var o=new FileReader;o.onload=function(){return t({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:o.result})};o.onerror=n;if(e){o.readAsDataURL(e)}else{n(new Error("Invalid file"))}}))};var Paperclip='<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';var Trash='<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';var verdocsUploadDialogCss='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}';var VerdocsUploadDialog=function(){function e(e){registerInstance(this,e);this.cancel=createEvent(this,"cancel",7);this.done=createEvent(this,"done",7);this.open=false;this.draggingOver=false;this.decodedFiles=[]}e.prototype.handleCancel=function(){this.cancel.emit();this.open=false};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.done.emit(this.decodedFiles);this.open=false};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r;return __generator(this,(function(a){switch(a.label){case 0:e.preventDefault();this.draggingOver=false;t=[];if(e.dataTransfer.items){for(n=0;n<e.dataTransfer.items.length;n++){if(e.dataTransfer.items[n].kind==="file"){o=e.dataTransfer.items[n].getAsFile();t.push(o)}}}else{t=e.dataTransfer.files}r=this;return[4,Promise.all(t.map(fileToDataUrl))];case 1:r.decodedFiles=a.sent();return[2]}}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.decodedFiles,true);t.splice(e,1);this.decodedFiles=t};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r,a,i;return __generator(this,(function(l){switch(l.label){case 0:console.log("fileChange",e);console.log("files",(t=this.fileInput)===null||t===void 0?void 0:t.files);r=[];for(a=0;a<((n=this.fileInput)===null||n===void 0?void 0:n.files.length);a++){r.push((o=this.fileInput)===null||o===void 0?void 0:o.files[a])}i=this;return[4,Promise.all(r.map(fileToDataUrl))];case 1:i.decodedFiles=l.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return h(Host,{style:{display:this.open?"block":"none"}},h("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{class:"dialog"},h("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?h("div",{class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},h("p",null,"Drag and drop a file here..."),h("p",null,"- or -"),h("verdocs-button",{label:"Select a file...",onPress:function(){return e.handleSelectFile()}}),h("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(t){return e.handleFileChange(t)}})):h("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return h("div",{class:"attachment"},h("div",{class:"icon",innerHTML:Paperclip}),h("div",{class:"name"},t.name),h("div",{class:"icon trash",innerHTML:Trash,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",onPress:function(){return e.handleCancel()}}),h("verdocs-button",{label:"Done",onPress:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}();VerdocsUploadDialog.style=verdocsUploadDialogCss;export{VerdocsUploadDialog as verdocs_upload_dialog};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{s(r.next(e))}catch(e){a(e)}}function l(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):o(e.value).then(i,l)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,a;r<o;r++){if(a||!(r in t)){if(!a)a=Array.prototype.slice.call(t,0,r);a[r]=t[r]}}return e.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f78d163d.js";var fileToDataUrl=function(e){return new Promise((function(t,n){var r=new FileReader;r.onload=function(){return t({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:r.result})};r.onerror=n;if(e){r.readAsDataURL(e)}else{n(new Error("Invalid file"))}}))};var verdocsUploadDialogCss='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}';var TrashIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><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" /></svg>';var PaperclipIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><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" /></svg>';var VerdocsUploadDialog=function(){function e(e){registerInstance(this,e);this.cancel=createEvent(this,"cancel",7);this.next=createEvent(this,"next",7);this.draggingOver=false;this.decodedFiles=[]}e.prototype.handleCancel=function(){this.cancel.emit()};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.next.emit(this.decodedFiles)};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:e.preventDefault();this.draggingOver=false;t=[];if(e.dataTransfer.items){for(n=0;n<e.dataTransfer.items.length;n++){if(e.dataTransfer.items[n].kind==="file"){r=e.dataTransfer.items[n].getAsFile();t.push(r)}}}else{t=e.dataTransfer.files}o=this;return[4,Promise.all(t.map(fileToDataUrl))];case 1:o.decodedFiles=a.sent();return[2]}}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.decodedFiles,true);t.splice(e,1);this.decodedFiles=t};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:n=[];for(r=0;r<((e=this.fileInput)===null||e===void 0?void 0:e.files.length);r++){n.push((t=this.fileInput)===null||t===void 0?void 0:t.files[r])}o=this;return[4,Promise.all(n.map(fileToDataUrl))];case 1:o.decodedFiles=a.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{class:"dialog"},h("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?h("div",{class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},h("p",null,"Drag and drop a file here..."),h("p",null,"- or -"),h("verdocs-button",{label:"Select a file...",onClick:function(){return e.handleSelectFile()}}),h("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(){return e.handleFileChange()}})):h("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return h("div",{class:"attachment"},h("div",{class:"icon",innerHTML:PaperclipIcon}),h("div",{class:"name"},t.name),h("div",{class:"icon trash",innerHTML:TrashIcon,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",onClick:function(){return e.handleCancel()}}),h("verdocs-button",{label:"Done",onClick:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}();VerdocsUploadDialog.style=verdocsUploadDialogCss;export{VerdocsUploadDialog as verdocs_upload_dialog};
 //# sourceMappingURL=verdocs-upload-dialog.entry.js.map

package/dist/esm-es5/verdocs-upload-dialog.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Files.js","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.scss?tag=verdocs-upload-dialog","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"names":["fileToDataUrl","file","Promise","resolve","reject","reader","FileReader","onload","lastModified","size","type","name","data","result","onerror","readAsDataURL","Error","verdocsUploadDialogCss","VerdocsUploadDialog","class_1","prototype","handleCancel","this","cancel","emit","open","handleDismiss","e","target","className","preventDefault","handleDone","done","decodedFiles","handleDragOver","draggingOver","handleDragLeave","handleDrop","droppedFiles","dataTransfer","items","i","length","kind","getAsFile","push","files","_d","all","map","_e","sent","handleRemoveAttachment","index","newFiles","__spreadArray","splice","handleSelectFile","_a","fileInput","click","handleFileChange","console","log","_b","_c","render","_this","h","Host","style","display","class","onClick","drop-target","dragging-over","onDragOver","onDragLeave","onDrop","label","onPress","ref","el","onChange","innerHTML","Paperclip","Trash","variant","disabled"],"mappings":"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","sourcesContent":["/*\n Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that\n * includes the MIME type of the file, e.g. \"data:image/jpeg;base64,iVBORw0K......\"\n /\nexport var fileToDataUrl = function (file) {\n return new Promise(function (resolve, reject) {\n var reader = new FileReader();\n reader.onload = function () {\n return resolve({\n lastModified: file.lastModified,\n size: file.size,\n type: file.type,\n name: file.name,\n data: reader.result,\n });\n };\n reader.onerror = reject;\n if (file) {\n reader.readAsDataURL(file);\n }\n else {\n reject(new Error('Invalid file'));\n }\n });\n};\n","@import '../../../theme.scss';\n\nverdocs-upload-dialog {\n font-family: $primary-font;\n box-sizing: border-box;\n\n div {\n box-sizing: border-box;\n }\n\n .background-overlay {\n position: absolute;\n z-index: 10000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #0000007f;\n }\n\n .dialog {\n width: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 4px;\n overflow: hidden;\n background: $verdocs-grey-4;\n padding: 16px;\n box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n }\n\n .heading {\n display: flex;\n flex-direction: row;\n font-size: 20px;\n font-weight: 500;\n }\n\n .buttons {\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n .drop-target {\n padding: 30px 15px;\n width: 100%;\n display: flex;\n flex-direction: column;\n background-color: #f5f5f5;\n border: 2px dashed #979797;\n min-height: 260px;\n text-align: center;\n justify-content: center;\n align-items: center;\n color: rgba(0, 0, 0, 0.54);\n opacity: 1;\n margin: 20px 0;\n\n p {\n margin: 12px 0;\n }\n\n &.dragging-over {\n border: 5px solid $verdocs-deep-blue;\n }\n\n > verdocs-button {\n margin: 12px 0;\n display: inline-block;\n }\n }\n\n .attachments {\n height: 56px;\n font-size: 0;\n margin: 20px 0;\n padding: 0 16px;\n line-height: 56px;\n white-space: normal;\n box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n\n .attachment {\n display: flex;\n align-items: center;\n flex-direction: row;\n\n .icon {\n width: 18px;\n height: 18px;\n line-height: 18px;\n\n &.trash {\n cursor: pointer;\n }\n }\n\n .name {\n flex: 1;\n display: flex;\n padding: 0 8px;\n font-size: 14px;\n font-weight: 400;\n }\n }\n }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\nimport Paperclip from './paperclip.svg';\nimport Trash from './trash.svg';\n\n/\n Display a file upload experience.\n /\n@Component({\n tag: 'verdocs-upload-dialog',\n styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n private fileInput?: HTMLInputElement;\n\n /\n Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n /\n @Prop() open: boolean = false;\n\n /\n Event fired when the dialog is closed. The event data will contain the closure reason.\n /\n @Event({composed: true}) cancel: EventEmitter;\n\n /\n Event fired when the dialog is closed. The event data will contain the closure reason.\n */\n @Event({composed: true}) done: EventEmitter<FileWithData[]>;\n\n @State() draggingOver = false;\n\n @State() decodedFiles = [] as FileWithData[];\n\n handleCancel() {\n this.cancel.emit();\n this.open = false;\n }\n\n // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n handleDismiss(e: any) {\n if (e.target.className === 'background-overlay') {\n e.preventDefault();\n this.handleCancel();\n }\n }\n\n handleDone() {\n this.done.emit(this.decodedFiles);\n this.open = false;\n }\n\n handleDragOver(e) {\n e.preventDefault();\n this.draggingOver = true;\n }\n\n handleDragLeave(e) {\n e.preventDefault();\n this.draggingOver = false;\n }\n\n async handleDrop(e) {\n e.preventDefault();\n this.draggingOver = false;\n\n // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n let droppedFiles = [] as File[];\n if (e.dataTransfer.items) {\n for (let i = 0; i < e.dataTransfer.items.length; i++) {\n if (e.dataTransfer.items[i].kind === 'file') {\n const file = e.dataTransfer.items[i].getAsFile();\n droppedFiles.push(file);\n }\n }\n } else {\n droppedFiles = e.dataTransfer.files;\n }\n\n this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n }\n\n handleRemoveAttachment(index: number) {\n const newFiles = [...this.decodedFiles];\n newFiles.splice(index, 1);\n this.decodedFiles = newFiles;\n }\n\n handleSelectFile() {\n this.fileInput?.click();\n }\n\n async handleFileChange(e) {\n console.log('fileChange', e);\n console.log('files', this.fileInput?.files);\n let droppedFiles = [] as File[];\n for (let i = 0; i < this.fileInput?.files.length; i++) {\n droppedFiles.push(this.fileInput?.files[i]);\n }\n this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n }\n\n render() {\n return (\n <Host style={{display: this.open ? 'block' : 'none'}}>\n <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n <div class=\"dialog\">\n <div class=\"heading\">Upload attachment</div>\n\n {this.decodedFiles.length < 1 ? (\n <div\n class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n onDragOver={e => this.handleDragOver(e)}\n onDragLeave={e => this.handleDragLeave(e)}\n onDrop={e => this.handleDrop(e)}\n >\n <p>Drag and drop a file here...</p>\n <p>- or -</p>\n\n <verdocs-button label=\"Select a file...\" onPress={() => this.handleSelectFile()} />\n <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={e => this.handleFileChange(e)} />\n </div>\n ) : (\n <div class=\"attachments\">\n {this.decodedFiles.map((file, index) => (\n <div class=\"attachment\">\n <div class=\"icon\" innerHTML={Paperclip} />\n <div class=\"name\">{file.name}</div>\n <div class=\"icon trash\" innerHTML={Trash} onClick={() => this.handleRemoveAttachment(index)} />\n </div>\n ))}\n </div>\n )}\n\n <div class=\"buttons\">\n <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n <verdocs-button label=\"Done\" onPress={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Files.js","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.scss?tag=verdocs-upload-dialog","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"names":["fileToDataUrl","file","Promise","resolve","reject","reader","FileReader","onload","lastModified","size","type","name","data","result","onerror","readAsDataURL","Error","verdocsUploadDialogCss","TrashIcon","PaperclipIcon","VerdocsUploadDialog","class_1","prototype","handleCancel","this","cancel","emit","handleDismiss","e","target","className","preventDefault","handleDone","next","decodedFiles","handleDragOver","draggingOver","handleDragLeave","handleDrop","droppedFiles","dataTransfer","items","i","length","kind","getAsFile","push","files","_c","all","map","_d","sent","handleRemoveAttachment","index","newFiles","__spreadArray","splice","handleSelectFile","_a","fileInput","click","handleFileChange","_b","render","_this","h","Host","class","onClick","drop-target","dragging-over","onDragOver","onDragLeave","onDrop","label","ref","el","style","display","onChange","innerHTML","variant","disabled"],"mappings":"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","sourcesContent":["/*\n Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that\n * includes the MIME type of the file, e.g. \"data:image/jpeg;base64,iVBORw0K......\"\n /\nexport var fileToDataUrl = function (file) {\n return new Promise(function (resolve, reject) {\n var reader = new FileReader();\n reader.onload = function () {\n return resolve({\n lastModified: file.lastModified,\n size: file.size,\n type: file.type,\n name: file.name,\n data: reader.result,\n });\n };\n reader.onerror = reject;\n if (file) {\n reader.readAsDataURL(file);\n }\n else {\n reject(new Error('Invalid file'));\n }\n });\n};\n","@import '../../../theme.scss';\n\nverdocs-upload-dialog {\n font-family: $primary-font;\n box-sizing: border-box;\n\n div {\n box-sizing: border-box;\n }\n\n .background-overlay {\n position: absolute;\n z-index: 10000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #0000007f;\n }\n\n .dialog {\n width: 300px;\n display: flex;\n flex-direction: column;\n border-radius: 4px;\n overflow: hidden;\n background: $verdocs-grey-4;\n padding: 16px;\n box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n }\n\n .heading {\n display: flex;\n flex-direction: row;\n font-size: 20px;\n font-weight: 500;\n }\n\n .buttons {\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n .drop-target {\n padding: 30px 15px;\n width: 100%;\n display: flex;\n flex-direction: column;\n background-color: #f5f5f5;\n border: 2px dashed #979797;\n min-height: 260px;\n text-align: center;\n justify-content: center;\n align-items: center;\n color: rgba(0, 0, 0, 0.54);\n opacity: 1;\n margin: 20px 0;\n\n p {\n margin: 12px 0;\n }\n\n &.dragging-over {\n border: 5px solid $verdocs-deep-blue;\n }\n\n > verdocs-button {\n margin: 12px 0;\n display: inline-block;\n }\n }\n\n .attachments {\n height: 56px;\n font-size: 0;\n margin: 20px 0;\n padding: 0 16px;\n line-height: 56px;\n white-space: normal;\n box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n\n .attachment {\n display: flex;\n align-items: center;\n flex-direction: row;\n\n .icon {\n width: 18px;\n height: 18px;\n line-height: 18px;\n\n &.trash {\n cursor: pointer;\n }\n }\n\n .name {\n flex: 1;\n display: flex;\n padding: 0 8px;\n font-size: 14px;\n font-weight: 400;\n }\n }\n }\n}\n","import {Component, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><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\" /></svg>`;\n\nconst PaperclipIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><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\" /></svg>`;\n\n/\n Display a file upload tool. Note that the file is not actually transmitted, so it may be used by\n * callers with a variety of workflows. Instead, data about the chosen file will be passed to the\n * caller via the onNext event handler.\n /\n@Component({\n tag: 'verdocs-upload-dialog',\n styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n private fileInput?: HTMLInputElement;\n\n /\n Event fired when the dialog is cancelled.\n /\n @Event({composed: true}) cancel: EventEmitter;\n\n /\n Event fired when the dialog is closed. The event data will contain the file selected.\n */\n @Event({composed: true}) next: EventEmitter<FileWithData[]>;\n\n @State() draggingOver = false;\n\n @State() decodedFiles = [] as FileWithData[];\n\n handleCancel() {\n this.cancel.emit();\n }\n\n // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n handleDismiss(e: any) {\n if (e.target.className === 'background-overlay') {\n e.preventDefault();\n this.handleCancel();\n }\n }\n\n handleDone() {\n this.next.emit(this.decodedFiles);\n }\n\n handleDragOver(e) {\n e.preventDefault();\n this.draggingOver = true;\n }\n\n handleDragLeave(e) {\n e.preventDefault();\n this.draggingOver = false;\n }\n\n async handleDrop(e) {\n e.preventDefault();\n this.draggingOver = false;\n\n // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n let droppedFiles = [] as File[];\n if (e.dataTransfer.items) {\n for (let i = 0; i < e.dataTransfer.items.length; i++) {\n if (e.dataTransfer.items[i].kind === 'file') {\n const file = e.dataTransfer.items[i].getAsFile();\n droppedFiles.push(file);\n }\n }\n } else {\n droppedFiles = e.dataTransfer.files;\n }\n\n this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n }\n\n handleRemoveAttachment(index: number) {\n const newFiles = [...this.decodedFiles];\n newFiles.splice(index, 1);\n this.decodedFiles = newFiles;\n }\n\n handleSelectFile() {\n this.fileInput?.click();\n }\n\n async handleFileChange() {\n let droppedFiles = [] as File[];\n for (let i = 0; i < this.fileInput?.files.length; i++) {\n droppedFiles.push(this.fileInput?.files[i]);\n }\n this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n }\n\n render() {\n return (\n <Host>\n <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n <div class=\"dialog\">\n <div class=\"heading\">Upload attachment</div>\n\n {this.decodedFiles.length < 1 ? (\n <div\n class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n onDragOver={e => this.handleDragOver(e)}\n onDragLeave={e => this.handleDragLeave(e)}\n onDrop={e => this.handleDrop(e)}\n >\n <p>Drag and drop a file here...</p>\n <p>- or -</p>\n\n <verdocs-button label=\"Select a file...\" onClick={() => this.handleSelectFile()} />\n <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={() => this.handleFileChange()} />\n </div>\n ) : (\n <div class=\"attachments\">\n {this.decodedFiles.map((file, index) => (\n <div class=\"attachment\">\n <div class=\"icon\" innerHTML={PaperclipIcon} />\n <div class=\"name\">{file.name}</div>\n <div class=\"icon trash\" innerHTML={TrashIcon} onClick={() => this.handleRemoveAttachment(index)} />\n </div>\n ))}\n </div>\n )}\n\n <div class=\"buttons\">\n <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n <verdocs-button label=\"Done\" onClick={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/esm-es5/verdocs-view.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var __awaiter=this&&this.__awaiter\|\|function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n\|\|(n=Promise))((function(n,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):r(e.value).then(a,s)}l((o=o.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]\|\|((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6\|\|a[0]===2)){n=0;continue}if(a[0]===3&&(!i\|\|a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];r=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray\|\|function(e,t,n){if(n\|\|arguments.length===2)for(var o=0,r=t.length,i;o<r;o++){if(i\|\|!(o in t)){if(!i)i=Array.prototype.slice.call(t,0,o);i[o]=t[o]}}return e.concat(i\|\|Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment,a as getElement}from"./index-f78d163d.js";import{a as getEnvelope,u as updateEnvelopeField}from"./Envelopes-b031f847.js";import"./Types-ab9f6af8.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-dac04424.js";import{r as renderDocumentField,a as getRoleIndex}from"./utils-99a3c1f0.js";import{c as createStore}from"./index-fd7b8a34.js";import{S as SDKError}from"./errors-9b5498c8.js";var _g=createStore({envelope:null,loadProgress:0,loading:true,error:"",roleNames:[],dirty:false}),state=_g.state,onChange=_g.onChange;onChange("envelope",(function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){if(!e){console.log("[ENVELOPESTORE] Clearing envelope");state.roleNames=[];state.dirty=false;state.loading=false;state.error="";state.loadProgress=0;return[2]}console.log("[ENVELOPESTORE] Loaded envelope",e);state.roleNames=e.recipients.map((function(e){return e.role_name}));console.log("[ENVELOPESTORE] Loaded roles",state.roleNames);return[2]}))}))}));var getEnvelopeById=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var n,o,r;return __generator(this,(function(i){switch(i.label){case 0:state.envelope=null;if(!t){console.log("[ENVELOPES] Missing required envelope ID");return[2]}state.error="";state.loading=true;i.label=1;case 1:i.trys.push([1,3,,4]);console.log("[ENVELOPES] Loading envelope ".concat(t));return[4,getEnvelope(e,t)];case 2:o=i.sent();if(!o){console.log("[ENVELOPES] Unable to load envelope");return[2]}state.envelope=o;state.loading=false;return[3,4];case 3:r=i.sent();state.loading=false;state.error=((n=r===null\|\|r===void 0?void 0:r.response)===null\|\|n===void 0?void 0:n.status)===401?"Authentication required":r.message;console.log("[ENVELOPES] Error loading envelope",r);throw r;case 4:return[2]}}))}))};var verdocsViewCss='verdocs-view{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}';var VerdocsView=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.endpoint=VerdocsEndpoint.getDefault();this.envelopeId=""}e.prototype.componentWillLoad=function(){this.endpoint.loadSession()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!this.envelopeId){console.error("[VIEW] Missing reuqired envelopeId");return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,getEnvelopeById(this.endpoint,this.envelopeId)];case 2:r.sent();return[3,4];case 3:o=r.sent();(e=this.sdkError)===null\|\|e===void 0?void 0:e.emit(new SDKError(o.message,(t=o.response)===null\|\|t===void 0?void 0:t.status,(n=o.response)===null\|\|n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var o;var r=this;return __generator(this,(function(i){console.log("fieldChange",e,t);switch(e.type){case"textbox":updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:t.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,o,i,a,s;(t=r.sdkError)===null\|\|t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null\|\|n===void 0?void 0:n.status,(o=e.response)===null\|\|o===void 0?void 0:o.data));if(((i=e.response)===null\|\|i===void 0?void 0:i.status)===401&&((s=(a=e.response)===null\|\|a===void 0?void 0:a.data)===null\|\|s===void 0?void 0:s.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));break;case"checkbox_group":updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:[{id:n,checked:t.detail}]}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,o;(t=r.sdkError)===null\|\|t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null\|\|n===void 0?void 0:n.status,(o=e.response)===null\|\|o===void 0?void 0:o.data));console.log("Error updating",e)}));break;case"radio_button_group":o=e.settings.options.map((function(e){return{id:e.id,selected:n===e.id}}));updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:o}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,o;(t=r.sdkError)===null\|\|t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null\|\|n===void 0?void 0:n.status,(o=e.response)===null\|\|o===void 0?void 0:o.data));console.log("Error updating",e)}));break;case"dropdown":updateEnvelopeField(this.endpoint,this.envelopeId,e.name,{prepared:false,value:t.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var t,n,o;(t=r.sdkError)===null\|\|t===void 0?void 0:t.emit(new SDKError(e.message,(n=e.response)===null\|\|n===void 0?void 0:n.status,(o=e.response)===null\|\|o===void 0?void 0:o.data));console.log("Error updating",e)}));break;case"initial":console.log("Got initial",t.detail);break;case"signature":console.log("Got signature",t.detail);break}return[2]}))}))};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[SIGN] Page rendered",n);state.envelope.recipients.map((function(e){var o=e.fields.filter((function(e){return e.page===n.pageNumber}));console.log("[SIGN] Fields on page",o);o.forEach((function(e){var o=renderDocumentField(e,n,getRoleIndex(state.roleNames,e.recipient_role),t.handleFieldChange,true,false,false);console.log("rendered element",o);if(!o){return}o.addEventListener("recipientChanged",(function(e){o.setAttribute("roleindex",getRoleIndex(state.roleNames,e.detail))}));o.setAttribute("xScale",n.xScale);o.setAttribute("yScale",n.yScale)}))}))};e.prototype.render=function(){var e=this;var t;console.log("[VIEW] Rendering",state.error,state.loading,state.envelope);if(state.loading\|\|!state.envelope){return h(Host,null,h("verdocs-loader",null))}if(state.error){return h(Host,null,h("div",null,state.error))}return h(Host,null,(((t=state.envelope)===null\|\|t===void 0?void 0:t.documents)\|\|[]).map((function(t){var n=__spreadArray([],(t===null\|\|t===void 0?void 0:t.pages)\|\|[],true);n.sort((function(e,t){return e.sequence-t.sequence}));return h(Fragment,null,n.map((function(t){return h("verdocs-document-page",{pageImageUri:t.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:t.sequence,onPageRendered:function(t){return e.handlePageRendered(t)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))};Object.defineProperty(e.prototype,"component",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsView.style=verdocsViewCss;export{VerdocsView as verdocs_view};
2	+ //# sourceMappingURL=verdocs-view.entry.js.map

package/dist/esm-es5/verdocs-view.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["src/utils/envelopeStore.ts","src/utils/Envelopes.ts","src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":["_g","createStore","envelope","loadProgress","loading","error","roleNames","dirty","state","onChange","newEnvelope","__awaiter","console","log","recipients","map","recipient","role_name","getEnvelopeById","endpoint","envelopeId","EnvelopeStore","concat","getEnvelope","sent","_a","e_1","response","status","message","verdocsViewCss","VerdocsView","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","this","loadSession","componentDidLoad","sdkError","emit","SDKError","e_2","_b","_c","data","handleFieldChange","field","e","optionId","type","Envelopes.updateEnvelopeField","name","prepared","value","detail","then","r","catch","_this","_d","_f","_e","options","id","checked","settings","option","selected","handlePageRendered","pageInfo","fields","filter","page","pageNumber","forEach","el","renderDocumentField","getRoleIndex","recipient_role","addEventListener","setAttribute","xScale","yScale","render","h","Host","documents","envelopeDocument","pages","__spreadArray","sort","a","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers"],"mappings":"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","sourcesContent":["// NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to\n// resolve. This needs to export a single default value of the store's state. Any helper functions should go in Templates.ts here.\n\nimport {createStore} from '@stencil/store';\nimport {IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\n\nconst {state, onChange} = createStore({\n envelope: null as IEnvelope | null,\n loadProgress: 0,\n loading: true,\n error: '',\n\n roleNames: [] as string[],\n dirty: false,\n});\n\nonChange('envelope', async newEnvelope => {\n if (!newEnvelope) {\n console.log('[ENVELOPESTORE] Clearing envelope');\n state.roleNames = [];\n state.dirty = false;\n state.loading = false;\n state.error = '';\n state.loadProgress = 0;\n return;\n }\n\n console.log('[ENVELOPESTORE] Loaded envelope', newEnvelope);\n\n state.roleNames = newEnvelope.recipients.map(recipient => recipient.role_name);\n newEnvelope.recipients;\n console.log('[ENVELOPESTORE] Loaded roles', state.roleNames);\n});\n\nexport default state;\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getEnvelope} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport EnvelopeStore from './envelopeStore';\n\n// Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into\n// child elements.\nexport const getEnvelopeById = async (endpoint: VerdocsEndpoint, envelopeId: string) => {\n EnvelopeStore.envelope = null;\n\n if (!envelopeId) {\n console.log(`[ENVELOPES] Missing required envelope ID`);\n return;\n }\n\n EnvelopeStore.error = '';\n EnvelopeStore.loading = true;\n\n try {\n console.log(`[ENVELOPES] Loading envelope ${envelopeId}`);\n const envelope = await getEnvelope(endpoint, envelopeId);\n if (!envelope) {\n console.log('[ENVELOPES] Unable to load envelope');\n return;\n }\n\n EnvelopeStore.envelope = envelope;\n EnvelopeStore.loading = false;\n } catch (e) {\n EnvelopeStore.loading = false;\n EnvelopeStore.error = e?.response?.status === 401 ? 'Authentication required' : e.message;\n console.log('[ENVELOPES] Error loading envelope', e);\n throw e;\n }\n};\n","@import '../../../theme.scss';\n\nverdocs-view {\n font-family: $verdocs-primary-font;\n display: flex;\n padding: 15px;\n row-gap: 15px;\n min-height: 200px;\n position: relative;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n\n div,\n canvas {\n box-sizing: border-box;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment} from '@stencil/core';\nimport {getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\nexport interface ISourcePageMetrics {\n width: number;\n height: number;\n}\n\nexport interface IPageRenderEvent {\n renderedPage: IDocumentPageInfo;\n sourcePageMetrics: ISourcePageMetrics;\n pages: Record<number, IDocumentPageInfo>;\n}\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.\n */\n@Component({\n tag: 'verdocs-view',\n styleUrl: 'verdocs-view.scss',\n shadow: false,\n})\nexport class VerdocsView {\n @Element() component: HTMLElement;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n componentWillLoad() {\n this.endpoint.loadSession();\n }\n\n // TODO: Handling signing vs preview-as-user cases\n // TODO: Handle anonymous case and failure to load due to not being logged in\n async componentDidLoad() {\n if (!this.envelopeId) {\n console.error(`[VIEW] Missing reuqired envelopeId`);\n return;\n }\n\n try {\n await getEnvelopeById(this.endpoint, this.envelopeId);\n } catch (e) {\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n // Determine whether a page is \"rotated\" (in either direction)\n // isRotated(rotation) {\n // return rotation !== 0 && rotation % 180 !== 0;\n // }\n\n // Render one document page. Note that pageNumber is 1-based.\n // async renderPage(pageNumber: number): Promise<void> {\n // const domPage = this.domPages[pageNumber];\n //\n // // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.\n // if (!domPage) {\n // console.log('[VIEW] Skipping rendering page not yet in DOM', {pageNumber});\n // return;\n // }\n //\n // const pageMetrics = this.sourcePageMetrics[pageNumber];\n //\n // console.log('[VIEW] Rendering page', {pageNumber, pageMetrics, domPage});\n // try {\n // // const pdfPage = await this.pdfDocument.getPage(pageNumber);\n // // const viewport = pdfPage.getViewport({scale: domPage.xScale});\n // // console.log('[VIEW] Page viewport', domPage.xScale, viewport);\n //\n // // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;\n // // if (!canvas) {\n // // console.log('[VIEW] Unable to find canvas element');\n // // return;\n // // }\n // //\n // // canvas.width = domPage.renderedWidth;\n // // canvas.height = domPage.renderedHeight;\n // // const canvasContext = canvas.getContext('2d');\n // // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);\n // // await pdfPage.render({canvasContext, viewport});\n //\n // this.pageRendered.emit({\n // renderedPage: domPage,\n // sourcePageMetrics: pageMetrics,\n // pages: this.domPages,\n // });\n // } catch (e) {\n // this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n // console.warn('[VIEW] Error rendering page', e);\n // }\n // }\n\n // async renderPages(): Promise<void> {\n // const pageNumbersToRender = integerSequence(1, this.numPages);\n // for await (let pageNumber of pageNumbersToRender) {\n // try {\n // await this.renderPage(pageNumber);\n // } catch (e) {\n // this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n // console.warn('[VIEW] Error rendering pages', e);\n // }\n // }\n // }\n\n // onProgress(progress: OnProgressParameters) {\n // console.log(`[VIEW] Progress ${Math.floor((progress.loaded / progress.total) * 100)} (${progress.loaded} / ${progress.total})`);\n // this.loadProgress = Math.floor((100 * progress.loaded) / progress.total);\n // }\n\n // After a document is done loading, go through its pages to get their dimensions\n // async parsePageMetrics(pdfDocument: pdfjsLib.PDFDocumentProxy) {\n // const pageNumbersToRender = integerSequence(1, pdfDocument.numPages);\n //\n // for await (let pageNumber of pageNumbersToRender) {\n // const pdfPage = await pdfDocument.getPage(1);\n // const [pageX0, pageY0, pageX1, pageY1] = pdfPage.view;\n // this.sourcePageMetrics[pageNumber] = {width: pageX1 - pageX0, height: pageY1 - pageY0};\n // }\n //\n // console.log('[VIEW] Parsed page metrics', this.sourcePageMetrics);\n // }\n\n // loadAndRender(src: string): void {\n // console.log('[VIEW] Loading', src);\n //\n // const token = this.endpoint.getToken();\n // const httpHeaders = token ? {Authorization: `Bearer ${token}`} : {};\n //\n // const source = {\n // url: src,\n // cMapUrl: CMAPS_URL,\n // cMapPacked: true,\n // httpHeaders,\n // withCredentials: true,\n // stopAtErrors: true,\n // verbosity: pdfjsLib.VerbosityLevel.WARNINGS,\n // // verbosity: pdfjsLib.VerbosityLevel.INFOS,\n // } as DocumentInitParameters;\n //\n // // @ts-ignore\n // const loadingTask = pdf.getDocument(source, null, null, this.onProgress);\n // loadingTask.onProgress = this.onProgress;\n // loadingTask.promise\n // .then(async (pdfDocument: pdfjsLib.PDFDocumentProxy) => {\n // await this.parsePageMetrics(pdfDocument);\n //\n // this.pdfDocument = pdfDocument;\n // this.numPages = pdfDocument.numPages;\n // this.fingerprints = pdfDocument.fingerprints;\n // console.log(`[VIEW] Got PDF document fingerprints \"${this.fingerprints.join(', ')}\", ${this.numPages} page(s)`);\n //\n // // We don't try to render the pages here, setting loadProtress triggers that by adding the individual page entries in\n // // DOM in render() below. Each page then fires onPageRendered when it is ready to receive content.\n // this.loadProgress = 100;\n // })\n // .catch(e => {\n // this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n // console.log('[VIEW] Loading error', e);\n // });\n // }\n\n // async handlePageRendered(e: any) {\n // e.stopPropagation();\n //\n // const domPage = e.detail as IDocumentPageInfo;\n // this.domPages[domPage.pageNumber] = domPage;\n // await this.renderPage(domPage.pageNumber);\n // }\n\n async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n console.log('fieldChange', field, e);\n switch (field.type) {\n case 'textbox':\n Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n .then(r => console.log('Update result', r))\n .catch(e => {\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n console.log('jwt expired');\n }\n console.log('Error updating', e);\n });\n break;\n\n case 'checkbox_group':\n Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n .then(r => console.log('Update result', r))\n .catch(e => {\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n console.log('Error updating', e);\n });\n break;\n\n case 'radio_button_group':\n const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n .then(r => console.log('Update result', r))\n .catch(e => {\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n console.log('Error updating', e);\n });\n break;\n\n case 'dropdown':\n Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n .then(r => console.log('Update result', r))\n .catch(e => {\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n console.log('Error updating', e);\n });\n break;\n\n case 'initial':\n console.log('Got initial', e.detail);\n break;\n\n case 'signature':\n console.log('Got signature', e.detail);\n break;\n }\n }\n\n handlePageRendered(e) {\n const pageInfo = e.detail as IDocumentPageInfo;\n console.log('[SIGN] Page rendered', pageInfo);\n\n EnvelopeStore.envelope.recipients.map(recipient => {\n const fields = recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n console.log('[SIGN] Fields on page', fields);\n fields.forEach(field => {\n const el = renderDocumentField(field, pageInfo, getRoleIndex(EnvelopeStore.roleNames, field.recipient_role), this.handleFieldChange, true, false, false);\n console.log('rendered element', el);\n // const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(this.roles, field.role_name), this.handleFieldChange, true, true, true);\n if (!el) {\n return;\n }\n\n el.addEventListener('recipientChanged', e => {\n el.setAttribute('roleindex', getRoleIndex(EnvelopeStore.roleNames, e.detail));\n // el.setAttribute('roleindex', getRoleIndex(this.roles, e.detail));\n });\n\n el.setAttribute('xScale', pageInfo.xScale);\n el.setAttribute('yScale', pageInfo.yScale);\n\n // interact(el).draggable({\n // listeners: {\n // start(event) {\n // console.log('[FIELDS] Drag started', event.type, event.target);\n // },\n // move(event) {\n // const oldX = +(event.target.getAttribute('posX') || 0);\n // const oldY = +(event.target.getAttribute('posY') || 0);\n // const xScale = +(event.target.getAttribute('xScale') || 1);\n // const yScale = +(event.target.getAttribute('yScale') || 1);\n // const newX = event.dx / xScale + oldX;\n // const newY = event.dy / yScale + oldY;\n // event.target.setAttribute('posX', newX);\n // event.target.setAttribute('posy', newY);\n // updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n // },\n // end(event) {\n // console.log('[FIELDS] Drag ended', event);\n // // event.target.setAttribute('posX', 0);\n // // event.target.setAttribute('posy', 0);\n // // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n // },\n // },\n // });\n });\n });\n }\n\n render() {\n console.log('[VIEW] Rendering', EnvelopeStore.error, EnvelopeStore.loading, EnvelopeStore.envelope);\n if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n if (EnvelopeStore.error) {\n return (\n <Host>\n <div>{EnvelopeStore.error}</div>\n </Host>\n );\n }\n\n return (\n <Host>\n {(EnvelopeStore.envelope?.documents || []).map(envelopeDocument => {\n const pages = [...(envelopeDocument?.pages || [])];\n pages.sort((a, b) => a.sequence - b.sequence);\n\n return (\n <Fragment>\n {pages.map(page => (\n <verdocs-document-page\n pageImageUri={page.display_uri}\n virtualWidth={612}\n virtualHeight={792}\n pageNumber={page.sequence}\n onPageRendered={e => this.handlePageRendered(e)}\n layers={[\n {name: 'page', type: 'canvas'},\n {name: 'controls', type: 'div'},\n ]}\n />\n ))}\n </Fragment>\n );\n })}\n </Host>\n );\n }\n}\n"]}

package/dist/esm-es5/verdocs-web-sdk.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-f78d163d.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{endpoint:[16],envelopeId:[1,"envelope-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],envelope:[32],fields:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],recipient:[16],disabled:[4],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],envelope:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-dropdown_3",[[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{field:[16],recipient:[16],option:[2],disabled:[4]}],[0,"verdocs-field-radio-button",{field:[16],recipient:[16],option:[2],disabled:[4]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{value:[1],open:[4],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-button-panel_3",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4],_value:[32]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}]]],["verdocs-field-signature_3",[[0,"verdocs-field-signature",{field:[16],name:[1],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],tempSignature:[32],focusField:[64]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],containerId:[32]}],[0,"verdocs-signature-dialog",{name:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-document-page",[[0,"verdocs-document-page",{pageImageUri:[1,"page-image-uri"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[2,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32]}]]],["verdocs-loader_4",[[0,"verdocs-view",{endpoint:[16],templateId:[1,"template-id"],envelopeId:[1,"envelope-id"],rotation:[2],pageLayers:[16],template:[32],envelope:[32]}],[0,"verdocs-loader"],[0,"verdocs-view-envelope-document",{endpoint:[16],envelopeId:[1,"envelope-id"],documentId:[1,"document-id"],rotation:[2],pageLayers:[16],envelopeDocument:[32]}],[0,"verdocs-view-template-document",{endpoint:[16],templateId:[1,"template-id"],documentId:[1,"document-id"],rotation:[2],pageLayers:[16],templateDocument:[32]}]]],["verdocs-template-create_4",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"]}],[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],visibility:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}],[0,"verdocs-template-recipients",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],sender:[32],showingSenderDialog:[32],orderedRoles:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-f78d163d.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["verdocs-sign",[[0,"verdocs-sign",{envelopeId:[1,"envelope-id"],roleId:[1,"role-id"],inviteCode:[1,"invite-code"],recipient:[32],signerToken:[32],recipientIndex:[32],envelope:[32],fields:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["verdocs-view",[[0,"verdocs-view",{endpoint:[16],envelopeId:[1,"envelope-id"]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{field:[16],recipient:[16],disabled:[4],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],envelope:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],showCancel:[4,"show-cancel"]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-dropdown_3",[[0,"verdocs-dropdown",{options:[16],isOpen:[32]}],[0,"verdocs-field-checkbox",{field:[16],recipient:[16],option:[2],disabled:[4]}],[0,"verdocs-field-radio-button",{field:[16],recipient:[16],option:[2],disabled:[4]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{endpoint:[16]}],[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1],grabsFocus:[4,"grabs-focus"],focusField:[64]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{value:[1],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-field-signature_3",[[0,"verdocs-field-signature",{field:[16],name:[1],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],tempSignature:[32],focusField:[64]}],[0,"verdocs-toolbar-icon",{text:[1],icon:[1],containerId:[32]}],[0,"verdocs-signature-dialog",{name:[1],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-document-page_2",[[0,"verdocs-loader"],[0,"verdocs-document-page",{pageImageUri:[1,"page-image-uri"],pageNumber:[2,"page-number"],virtualWidth:[2,"virtual-width"],virtualHeight:[2,"virtual-height"],layers:[16],containerId:[32],renderedWidth:[32],renderedHeight:[32],naturalWidth:[32],naturalHeight:[32],aspectRatio:[32],skipFirstNotification:[32]}]]],["verdocs-button-panel_3",[[4,"verdocs-button-panel",{icon:[1]}],[0,"verdocs-select-input",{value:[1],label:[1],options:[16],disabled:[4]}],[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4]}]]],["verdocs-template-create_4",[[0,"verdocs-template-fields",{endpoint:[16],templateId:[1,"template-id"]}],[0,"verdocs-template-properties",{endpoint:[16],templateId:[1,"template-id"],template:[32],name:[32],visibility:[32],sendReminders:[32],firstReminderDays:[32],reminderDays:[32]}],[0,"verdocs-template-recipients",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32],sender:[32],showingSenderDialog:[32],orderedRoles:[32]}],[0,"verdocs-template-create",{endpoint:[16],file:[32]}]]]],e)}));
 //# sourceMappingURL=verdocs-web-sdk.js.map

package/dist/esm-es5/verdocs-web-sdk.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","endpoint","templateId","step","pdfUrl","template","envelopeId","roleId","inviteCode","recipient","signerToken","recipientIndex","envelope","fields","hasSignature","nextButtonLabel","focusedField","field","disabled","initials","editable","moveable","roleindex","tempInitials","focusField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","focused","containerId","templateRole","contactSuggestions","name","email","phone","message","showSuggestions","showMessage","delegator","rolesAtLevel","showPickerForId","sessionContacts","recipientsAssigned","steps","helptitle","helptext","mode","label","placeholder","choices","open","response","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","organization","selected","size","theme","status","isOpen","recipientStatusIcons","tags","selectedOption","fontLoaded","enteredInitials","heading","cancel","draggingOver","decodedFiles","checked","value","active","icon","_active","option","type","emptyMessage","authFailure","title","recent","saved","starred","query","grabsFocus","startIcon","endIcon","variant","newValue","text","_value","autocomplete","tempSignature","enteredName","pageImageUri","pageNumber","virtualWidth","virtualHeight","layers","renderedWidth","renderedHeight","naturalWidth","naturalHeight","aspectRatio","skipFirstNotification","rotation","pageLayers","documentId","envelopeDocument","templateDocument","visibility","sendReminders","firstReminderDays","reminderDays","sender","showingSenderDialog","orderedRoles","file"],"mappings":"wEAMA,IAAMA,aAAe,WA6BjB,IAAMC,EAAaC,OAAOC,KAAKC,IAC/B,IAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,eAAeJ,IC9D1BL,eAAeU,MAAK,SAAAC,GAElB,OAAOC,cAAc,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,gBAAsC,CAACC,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAC,KAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,SAAA,CAAA,QAAA,CAAA,eAAA,CAAA,CAAA,EAAA,eAAA,CAAAJ,SAAA,CAAA,IAAAK,WAAA,CAAA,EAAA,eAAAC,OAAA,CAAA,EAAA,WAAAC,WAAA,CAAA,EAAA,eAAAC,UAAA,CAAA,IAAAC,YAAA,CAAA,IAAAN,OAAA,CAAA,IAAAO,eAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,aAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAC,aAAA,CAAA,IAAAC,WAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,CAAA,EAAA,kBAAA,CAAAvB,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,mBAAA,CAAA,eAAA,CAAA,CAAA,EAAA,eAAA,CAAAD,SAAA,CAAA,IAAAwB,QAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,UAAA,CAAA,IAAAC,cAAA,CAAA,IAAAC,WAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,qBAAA,CAAAjB,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAC,YAAA,CAAA,IAAAZ,WAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,0BAAA,CAAA,CAAA,EAAA,0BAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAa,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAvB,SAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAA,SAAA,CAAA,IAAAoC,aAAA,CAAA,IAAAC,mBAAA,CAAA,IAAAC,KAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,UAAA,CAAA,QAAA,CAAA,eAAA,CAAA,CAAA,EAAA,eAAA,CAAA5C,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAG,SAAA,CAAA,IAAAD,OAAA,CAAA,IAAAgC,YAAA,CAAA,IAAAU,aAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,mBAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,CAAA,EAAA,2BAAA,CAAAhC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAM,WAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,qBAAA,CAAArB,KAAA,CAAA,GAAA+C,MAAA,CAAA,GAAAC,UAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAC,QAAA,CAAA,IAAAC,KAAA,CAAA,GAAAC,SAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAzC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAiB,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAL,OAAA,CAAA,IAAA8C,QAAA,CAAA,EAAA,YAAAC,SAAA,CAAA,EAAA,aAAAC,QAAA,CAAA,EAAA,YAAAC,WAAA,CAAA,GAAAC,iBAAA,CAAA,EAAA,sBAAAC,SAAA,CAAA,IAAAC,iBAAA,CAAA,EAAA,qBAAAC,mBAAA,CAAA,EAAA,wBAAAC,eAAA,CAAA,EAAA,mBAAAC,iBAAA,CAAA,EAAA,sBAAAjC,QAAA,CAAA,GAAAkC,OAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,4BAAA,CAAAC,aAAA,CAAA,QAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,sBAAA,CAAAC,SAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,CAAA,EAAA,2BAAA,CAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,OAAA,CAAA,GAAAhE,SAAA,CAAA,IAAAiE,OAAA,CAAA,IAAAC,qBAAA,CAAA,IAAA1C,YAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA/B,SAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA0E,KAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAhF,QAAA,CAAA,IAAA4E,MAAA,CAAA,GAAAK,eAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAA7D,SAAA,CAAA,GAAAsC,KAAA,CAAA,GAAAwB,WAAA,CAAA,IAAAC,gBAAA,CAAA,IAAA7B,KAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,oBAAA,CAAA8B,QAAA,CAAA,GAAAzC,QAAA,CAAA,GAAAe,KAAA,CAAA,GAAA2B,OAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA3B,KAAA,CAAA,GAAA4B,aAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,mBAAA,CAAAC,QAAA,CAAA,GAAAhD,KAAA,CAAA,GAAAiD,MAAA,CAAA,GAAAtE,SAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAuE,OAAA,CAAA,GAAAC,KAAA,CAAA,GAAApC,MAAA,CAAA,GAAAoB,KAAA,CAAA,GAAAiB,QAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,mBAAA,CAAA5F,QAAA,CAAA,IAAA0D,KAAA,CAAA,GAAAoB,OAAA,CAAA,MAAA,CAAA,EAAA,yBAAA,CAAA5D,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAmF,OAAA,CAAA,GAAA1E,SAAA,CAAA,KAAA,CAAA,EAAA,6BAAA,CAAAD,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAmF,OAAA,CAAA,GAAA1E,SAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,0BAAA,CAAAjB,SAAA,CAAA,MAAA,CAAA,EAAA,0BAAA,CAAAA,SAAA,CAAA,IAAA4F,KAAA,CAAA,GAAA9F,QAAA,CAAA,GAAA+F,aAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,MAAA,CAAA,EAAA,qBAAA,CAAAlG,SAAA,CAAA,IAAAsD,YAAA,CAAA,GAAAsC,KAAA,CAAA,GAAAO,MAAA,CAAA,GAAAC,WAAA,CAAA,EAAA,eAAA7E,WAAA,CAAA,QAAA,CAAA,uBAAA,CAAA,CAAA,EAAA,uBAAA,CAAA+D,QAAA,CAAA,GAAAhD,KAAA,CAAA,GAAAiD,MAAA,CAAA,GAAAtE,SAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAoC,MAAA,CAAA,GAAAgD,UAAA,CAAA,EAAA,cAAAC,QAAA,CAAA,EAAA,YAAA7B,KAAA,CAAA,GAAAmB,KAAA,CAAA,GAAAW,QAAA,CAAA,GAAAtF,SAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,iCAAA,CAAAsE,MAAA,CAAA,GAAA/B,KAAA,CAAA,GAAAgD,SAAA,CAAA,MAAA,CAAA,EAAA,oBAAA,CAAAC,KAAA,CAAA,GAAAtE,YAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,uBAAA,CAAAsD,KAAA,CAAA,KAAA,CAAA,EAAA,uBAAA,CAAAF,MAAA,CAAA,GAAAlC,MAAA,CAAA,GAAAvD,QAAA,CAAA,IAAAmB,SAAA,CAAA,GAAAyF,OAAA,CAAA,MAAA,CAAA,EAAA,qBAAA,CAAAnB,MAAA,CAAA,GAAAlC,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAqD,aAAA,CAAA,GAAAf,KAAA,CAAA,GAAA3E,SAAA,CAAA,GAAAyF,OAAA,CAAA,QAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,0BAAA,CAAA1F,MAAA,CAAA,IAAAsB,KAAA,CAAA,GAAA9B,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAE,SAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,UAAA,CAAA,GAAAuF,cAAA,CAAA,IAAArF,WAAA,CAAA,MAAA,CAAA,EAAA,uBAAA,CAAAkF,KAAA,CAAA,GAAAhB,KAAA,CAAA,GAAAtD,YAAA,CAAA,MAAA,CAAA,EAAA,2BAAA,CAAAG,KAAA,CAAA,GAAAkB,KAAA,CAAA,GAAAwB,WAAA,CAAA,IAAA6B,YAAA,CAAA,IAAAzD,KAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA0D,aAAA,CAAA,EAAA,kBAAAC,WAAA,CAAA,EAAA,eAAAC,aAAA,CAAA,EAAA,iBAAAC,cAAA,CAAA,EAAA,kBAAAC,OAAA,CAAA,IAAA/E,YAAA,CAAA,IAAAgF,cAAA,CAAA,IAAAC,eAAA,CAAA,IAAAC,aAAA,CAAA,IAAAC,cAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,sBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,eAAA,CAAAxH,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAI,WAAA,CAAA,EAAA,eAAAoH,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAAtH,SAAA,CAAA,IAAAO,SAAA,CAAA,MAAA,CAAA,EAAA,kBAAA,CAAA,EAAA,iCAAA,CAAAX,SAAA,CAAA,IAAAK,WAAA,CAAA,EAAA,eAAAsH,WAAA,CAAA,EAAA,eAAAF,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAAE,iBAAA,CAAA,MAAA,CAAA,EAAA,iCAAA,CAAA5H,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAA0H,WAAA,CAAA,EAAA,eAAAF,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAAG,iBAAA,CAAA,QAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,0BAAA,CAAA7H,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,iBAAA,CAAA,EAAA,8BAAA,CAAAD,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAG,SAAA,CAAA,IAAAkC,KAAA,CAAA,IAAAwF,WAAA,CAAA,IAAAC,cAAA,CAAA,IAAAC,kBAAA,CAAA,IAAAC,aAAA,CAAA,MAAA,CAAA,EAAA,8BAAA,CAAAjI,SAAA,CAAA,IAAAoC,aAAA,CAAA,IAAAC,mBAAA,CAAA,IAAAC,KAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,UAAA,CAAA,IAAAsF,OAAA,CAAA,IAAAC,oBAAA,CAAA,IAAAC,aAAA,CAAA,MAAA,CAAA,EAAA,0BAAA,CAAApI,SAAA,CAAA,IAAAqI,KAAA,CAAA,SAAAvI","sourcesContent":["/\n Stencil Client Patch Browser v2.20.0 \| MIT Licensed \| https://stenciljs.com\n /\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s\|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cssVarShim) {\n // shim css vars\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /noop/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts \|\| BUILD.safari10 \|\| BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\|\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] \|\| {} : {};\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD /) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n / promise noop /\n },\n };\n }\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n else if (BUILD.dynamicImportShim \|\| BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') \|\| scriptElm.src, win.location.href)).href;\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/ webpackChunkName: \"polyfills-dom\" / './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"]}
1	+ {"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","endpoint","templateId","step","pdfUrl","template","field","recipient","disabled","initials","editable","moveable","roleindex","tempInitials","focusField","envelopeId","roleId","inviteCode","signerToken","recipientIndex","envelope","fields","hasSignature","nextButtonLabel","focusedField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","focused","containerId","rolesAtLevel","showPickerForId","sessionContacts","recipientsAssigned","steps","helptitle","helptext","mode","label","placeholder","choices","response","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","organization","selected","size","theme","status","isOpen","recipientStatusIcons","tags","selectedOption","templateRole","contactSuggestions","name","email","phone","message","showSuggestions","showMessage","delegator","fontLoaded","enteredInitials","heading","showCancel","draggingOver","decodedFiles","checked","value","active","icon","_active","option","type","emptyMessage","authFailure","title","recent","saved","starred","query","grabsFocus","startIcon","endIcon","variant","newValue","text","tempSignature","enteredName","pageImageUri","pageNumber","virtualWidth","virtualHeight","layers","renderedWidth","renderedHeight","naturalWidth","naturalHeight","aspectRatio","skipFirstNotification","autocomplete","visibility","sendReminders","firstReminderDays","reminderDays","sender","showingSenderDialog","orderedRoles","file"],"mappings":"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","sourcesContent":["/\n Stencil Client Patch Browser v2.20.0 \| MIT Licensed \| https://stenciljs.com\n /\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s\|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cssVarShim) {\n // shim css vars\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /noop/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts \|\| BUILD.safari10 \|\| BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\|\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] \|\| {} : {};\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD /) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n / promise noop /\n },\n };\n }\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n else if (BUILD.dynamicImportShim \|\| BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') \|\| scriptElm.src, win.location.href)).href;\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/ webpackChunkName: \"polyfills-dom\" / './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"]}

package/dist/types/components/controls/verdocs-button/verdocs-button.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a simple button.
  *
@@ -13,6 +12,10 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
  * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
  * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+ *
+ * ```html
+ * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
+ * ```
  */
 export declare class VerdocsButton {
   /**
@@ -20,11 +23,11 @@ export declare class VerdocsButton {
    */
   label: string;
   /**
-   * If desired, a prefix icon for the button
+   * If desired, a prefix icon for the button.
    */
   startIcon: string | null;
   /**
-   * If desired, a suffix icon for the button
+   * If desired, a suffix icon for the button.
    */
   endIcon: string | null;
   /**
@@ -43,10 +46,5 @@ export declare class VerdocsButton {
    * Whether the button should be disabled.
    */
   disabled: boolean;
-  /**
-   * Event fired when the button is pressed.
-   */
-  press: EventEmitter;
-  handleClick(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-button/verdocs-button.stories.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Button: ({ label, size, variant, disabled, startIcon, endIcon, press }: {
+export declare const Button: ({ label, size, variant, disabled, startIcon, endIcon, onClick }: {
   label: any;
   size: any;
   variant: any;
   disabled: any;
   startIcon: any;
   endIcon: any;
-  press: any;
+  onClick: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-button-panel/verdocs-button-panel.d.ts CHANGED Viewed

@@ -1,6 +1,14 @@
 import { Instance } from '@popperjs/core';
 /**
- * Displays a clickable icon. When clicked, a customizable drop-down panel will be displayed.
+ * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
+ * displayed.
+ *
+ * *
+ * ```html
+ * <verdocs-button-panel icon="<svg.../>">
+ *   <form>...</form>
+ * </verdocs-button-panel>
+ * ```
  */
 export declare class VerdocsButtonPanel {
   iconEl: HTMLDivElement;

package/dist/types/components/controls/verdocs-checkbox/verdocs-checkbox.d.ts CHANGED Viewed

@@ -1,8 +1,19 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
- * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check box
- * for UI displays e.g. dialog boxes.
+ * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check
+ * box for UI displays e.g. dialog boxes.
+ *
+ * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`
+ * handler. Sample usage:
+ *
+ * ```html
+ * <verdocs-checkbox
+ *    value="on"
+ *    name="thingEnabled"
+ *    checked={this.thingEnabled}
+ *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}
+ * />
+ * ```
  */
 export declare class VerdocsCheckbox {
   /**
@@ -21,14 +32,5 @@ export declare class VerdocsCheckbox {
    * If set, the button will still be displayed but not selectable.
    */
   disabled?: boolean;
-  /**
-   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
-   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
-   * keypress.
-   */
-  selected: EventEmitter<{
-    value: string;
-  }>;
-  handleChange(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-checkbox/verdocs-checkbox.stories.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Checkbox: ({ checked, name, value, disabled }: {
+export declare const Checkbox: ({ checked, name, value, disabled, onInput }: {
   checked: any;
   name: any;
   value: any;
   disabled: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.d.ts CHANGED Viewed

@@ -8,6 +8,16 @@ export interface IMenuOption {
 /**
  * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
  * when the button is pressed again, or an option is selected.
+ *
+ * ```html
+ * <verdocs-dropdown
+ *   options={[
+ *     {label: 'Option 1', disabled: true},
+ *     {label: 'Option 2', id: '2'}
+*    ]}
+ *   label="OK" onClick={() => (console.log('OK clicked'))}
+ * />
+ * ```
  */
 export declare class VerdocsDropdown {
   private dropdownButton?;
@@ -20,7 +30,6 @@ export declare class VerdocsDropdown {
   /**
    * If set, the component will be open by default. This is primarily intended to be used for testing.
    */
-  open: boolean;
   /**
    * If set, the component will be open by default.
    */

package/dist/types/components/controls/verdocs-radio-button/verdocs-radio-button.d.ts CHANGED Viewed

@@ -1,8 +1,20 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
- * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed
- * to be used in signing experiences and contains settings that connect to template fields. This is just a simple radio
- * button for UI displays e.g. dialogs and .
+ * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is
+ * designed to be used in signing experiences and contains settings that connect to template fields. This is just a
+ * simple radio button for UI displays e.g. dialog boxes.
+ *
+ * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`
+ * handler. Sample usage:
+ *
+ * ```html
+ * <verdocs-radio-button
+ *    value="val1"
+ *    name="someProperty"
+ *    checked={this.someProperty === 'val1'}
+ *    onInput={(e: any) => { this.someProperty = 'val1' }}
+ *    disabled={false}
+ * />
+ * ```
  */
 export declare class VerdocsRadioButton {
   /**
@@ -21,14 +33,5 @@ export declare class VerdocsRadioButton {
    * If set, the button will still be displayed but not selectable.
    */
   disabled?: boolean;
-  /**
-   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
-   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
-   * keypress.
-   */
-  selected: EventEmitter<{
-    value: string;
-  }>;
-  handleChange(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-radio-button/verdocs-radio-button.stories.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const RadioButton: ({ checked, name, value, disabled }: {
+export declare const RadioButton: ({ checked, name, value, disabled, onInput }: {
   checked: any;
   name: any;
   value: any;
   disabled: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-select-input/verdocs-select-input.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
  * visual styles of the other components. Note that events "bubble" from the input field to the container,
@@ -24,13 +23,5 @@ export declare class VerdocsSelectInput {
    * Should the field be disabled?
    */
   disabled: boolean;
-  _value: string;
-  /**
-   * Event fired when the selection has changed
-   */
-  fieldChange: EventEmitter<string>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleInput(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-select-input/verdocs-select-input.stories.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const SelectInput: ({ type, label, value, placeholder, options, disabled, change }: {
+export declare const SelectInput: ({ type, label, value, placeholder, options, disabled, onInput }: {
   type: any;
   label: any;
   value: any;
   placeholder: any;
   options: any;
   disabled: any;
-  change: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.d.ts CHANGED Viewed

@@ -29,8 +29,5 @@ export declare class VerdocsTextInput {
    * Should the field be disabled?
    */
   disabled: boolean;
-  _value: string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
   render(): any;
 }