@verdocs/web-sdk 1.9.9 → 1.9.10

package/dist/verdocs-web-sdk/p-71f1e3c9.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r["throw"](e))}catch(e){o(e)}}function s(e){e.done?n(e.value):i(e.value).then(a,l)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=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 r=0,i=t.length,o;r<i;r++){if(o||!(r in t)){if(!o)o=Array.prototype.slice.call(t,0,r);o[r]=t[r]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-97329951.system.js"],(function(e){"use strict";var t,n,r,i;return{setters:[function(e){t=e.r;n=e.c;r=e.h;i=e.H}],execute:function(){var o=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 a='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 l='<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 s='<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 d=e("verdocs_upload_dialog",function(){function e(e){t(this,e);this.cancel=n(this,"cancel",7);this.next=n(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,i;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}i=this;return[4,Promise.all(t.map(o))];case 1:i.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,i;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])}i=this;return[4,Promise.all(n.map(o))];case 1:i.decodedFiles=a.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return r(i,null,r("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},r("div",{class:"dialog"},r("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?r("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)}},r("p",null,"Drag and drop a file here..."),r("p",null,"- or -"),r("verdocs-button",{label:"Select a file...",onClick:function(){return e.handleSelectFile()}}),r("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(){return e.handleFileChange()}})):r("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return r("div",{class:"attachment"},r("div",{class:"icon",innerHTML:s}),r("div",{class:"name"},t.name),r("div",{class:"icon trash",innerHTML:l,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),r("div",{class:"buttons"},r("verdocs-button",{label:"Cancel",variant:"outline",onClick:function(){return e.handleCancel()}}),r("verdocs-button",{label:"Done",onClick:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}());d.style=a}}}));
+//# sourceMappingURL=p-71f1e3c9.system.entry.js.map

package/dist/verdocs-web-sdk/p-71f1e3c9.system.entry.js.map

@@ -0,0 +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","exports","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/verdocs-web-sdk/{p-7e7b1a27.system.entry.js → p-78468adf.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-97329951.system.js"],(function(e){"use strict";var i,o,t,s,l;return{setters:[function(e){i=e.r;o=e.c;t=e.h;s=e.F;l=e.H}],execute:function(){var n='<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z" fill="white"/>\n<path d="M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z" fill="#E7E7E7"/>\n</svg>\n';var a='verdocs-kba-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-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-kba-dialog .dialog{width:440px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#fff;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-kba-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-kba-dialog .step{margin-left:6px;color:#666}verdocs-kba-dialog .help-box{background-color:#707ae5;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:14px 0;padding:14px;-ms-flex-align:center;align-items:center;color:white}verdocs-kba-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:15px;font-size:14px}verdocs-kba-dialog .help-icon{width:40px;height:40px}verdocs-kba-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-kba-dialog .help-text{font-weight:400}verdocs-kba-dialog .choices{display:grid;gap:15px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));margin:0 0 15px 0}verdocs-kba-dialog .choice{border:1px solid #707ae5;border-radius:5px;display:-ms-flexbox;display:flex;height:60px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;color:#5c6575;cursor:pointer}verdocs-kba-dialog .choice.selected{background-color:#707ae5;color:#ffffff}verdocs-kba-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-kba-dialog .buttons verdocs-button{margin-left:16px}';var r=e("verdocs_kba_dialog",function(){function e(e){i(this,e);this.cancel=o(this,"cancel",7);this.done=o(this,"done",7);this.step=1;this.steps=3;this.helptitle="One Time Code";this.helptext="Please check your text messages for a security code, and enter the code below.";this.mode="choice";this.label="PIN";this.placeholder="Enter your PIN...";this.choices=["553 Arbor Dr","18 Lacey Ln","23A Ball Ct","2375 Cavallo Blvd","23-1 RR-7","151 Boulder Rd"];this.open=false;this.response=""}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.response);this.open=false};e.prototype.render=function(){var e=this;return t(l,{style:{display:this.open?"block":"none"}},t("div",{class:"background-overlay",onClick:function(i){return e.handleDismiss(i)}},t("div",{class:"dialog"},t("div",{class:"heading"},"Confirm Your Identity",this.steps>1?t("span",{class:"step"},"(",this.step,"/",this.steps,")"):t(s,null)),t("div",{class:"help-box"},t("div",{class:"help-icon",innerHTML:n}),t("div",{class:"help-details"},t("div",{class:"help-title"},this.helptitle),t("div",{class:"help-text"},this.helptext))),this.mode==="choice"?t("div",{class:"choices"},this.choices.map((function(i){return t("div",{class:"choice ".concat(i===e.response?"selected":""),onClick:function(){e.response=i}},i)}))):t("div",{class:"input"},t("label",{htmlFor:"verdocs-kba-input"},this.label),t("input",{type:"text",id:"verdocs-kba-input",name:"verdocs-kba-input",placeholder:this.placeholder})),t("div",{class:"buttons"},t("verdocs-button",{label:"Cancel",variant:"outline",onPress:function(){return e.handleCancel()}}),t("verdocs-button",{label:"Done",onPress:function(){return e.handleDone()},disabled:!this.response})))))};return e}());r.style=a}}}));
-//# sourceMappingURL=p-7e7b1a27.system.entry.js.map
+System.register(["./p-97329951.system.js"],(function(e){"use strict";var i,t,o,s,l;return{setters:[function(e){i=e.r;t=e.c;o=e.h;s=e.F;l=e.H}],execute:function(){var n='<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z" fill="white"/>\n<path d="M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z" fill="#E7E7E7"/>\n</svg>\n';var a='verdocs-kba-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-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-kba-dialog .dialog{width:440px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#fff;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-kba-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-kba-dialog .step{margin-left:6px;color:#666}verdocs-kba-dialog .help-box{background-color:#707ae5;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:14px 0;padding:14px;-ms-flex-align:center;align-items:center;color:white}verdocs-kba-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:15px;font-size:14px}verdocs-kba-dialog .help-icon{width:40px;height:40px}verdocs-kba-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-kba-dialog .help-text{font-weight:400}verdocs-kba-dialog .choices{display:grid;gap:15px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));margin:0 0 15px 0}verdocs-kba-dialog .choice{border:1px solid #707ae5;border-radius:5px;display:-ms-flexbox;display:flex;height:60px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;color:#5c6575;cursor:pointer}verdocs-kba-dialog .choice.selected{background-color:#707ae5;color:#ffffff}verdocs-kba-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-kba-dialog .buttons verdocs-button{margin-left:16px}';var r=e("verdocs_kba_dialog",function(){function e(e){i(this,e);this.cancel=t(this,"cancel",7);this.next=t(this,"next",7);this.step=1;this.steps=3;this.helptitle="One Time Code";this.helptext="Please check your text messages for a security code, and enter the code below.";this.mode="choice";this.label="PIN";this.placeholder="Enter your PIN...";this.choices=["553 Arbor Dr","18 Lacey Ln","23A Ball Ct","2375 Cavallo Blvd","23-1 RR-7","151 Boulder Rd"];this.response=""}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.response)};e.prototype.render=function(){var e=this;return o(l,null,o("div",{class:"background-overlay",onClick:function(i){return e.handleDismiss(i)}},o("div",{class:"dialog"},o("div",{class:"heading"},"Confirm Your Identity",this.steps>1?o("span",{class:"step"},"(",this.step,"/",this.steps,")"):o(s,null)),o("div",{class:"help-box"},o("div",{class:"help-icon",innerHTML:n}),o("div",{class:"help-details"},o("div",{class:"help-title"},this.helptitle),o("div",{class:"help-text"},this.helptext))),this.mode==="choice"?o("div",{class:"choices"},this.choices.map((function(i){return o("div",{class:"choice ".concat(i===e.response?"selected":""),onClick:function(){e.response=i}},i)}))):o("div",{class:"input"},o("label",{htmlFor:"verdocs-kba-input"},this.label),o("input",{type:"text",id:"verdocs-kba-input",name:"verdocs-kba-input",placeholder:this.placeholder})),o("div",{class:"buttons"},o("verdocs-button",{label:"Cancel",variant:"outline",onClick:function(){return e.handleCancel()}}),o("verdocs-button",{label:"Done",onClick:function(){return e.handleDone()},disabled:!this.response})))))};return e}());r.style=a}}}));
+//# sourceMappingURL=p-78468adf.system.entry.js.map

package/dist/verdocs-web-sdk/p-78468adf.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.scss?tag=verdocs-kba-dialog","src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"names":["verdocsKbaDialogCss","VerdocsKbaDialog","exports","class_1","prototype","handleCancel","this","cancel","emit","handleDismiss","e","target","className","preventDefault","handleDone","next","response","render","_this","h","Host","class","onClick","steps","step","Fragment","innerHTML","Question","helptitle","helptext","mode","choices","map","choice","concat","htmlFor","label","type","id","name","placeholder","variant","disabled"],"mappings":"+wCAAA,IAAMA,EAAsB,qkECYfC,EAAgBC,EAAA,qBAAA,uGAIJ,aAKC,iBAKI,8BAKD,2FAKO,oBAKV,uBAKM,iCAKF,CAAC,eAAgB,cAAe,cAAe,oBAAqB,YAAa,gCAYzF,GAEpBC,EAAAC,UAAAC,aAAA,WACEC,KAAKC,OAAOC,QAIdL,EAAAC,UAAAK,cAAA,SAAcC,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFP,KAAKD,iBAITF,EAAAC,UAAAU,WAAA,WACER,KAAKS,KAAKP,KAAKF,KAAKU,WAGtBb,EAAAC,UAAAa,OAAA,WAAA,IAAAC,EAAAZ,KACE,OACEa,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAAS,SAAAZ,GAAK,OAAAQ,EAAKT,cAAcC,KAC/DS,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAS,wBAEjBf,KAAKiB,MAAQ,EACZJ,EAAA,OAAA,CAAME,MAAM,QAAM,IACdf,KAAKkB,KAAI,IAAGlB,KAAKiB,MAAK,KAG1BJ,EAACM,EAAQ,OAIbN,EAAA,MAAA,CAAKE,MAAM,YACTF,EAAA,MAAA,CAAKE,MAAM,YAAYK,UAAWC,IAClCR,EAAA,MAAA,CAAKE,MAAM,gBACTF,EAAA,MAAA,CAAKE,MAAM,cAAcf,KAAKsB,WAC9BT,EAAA,MAAA,CAAKE,MAAM,aAAaf,KAAKuB,YAIhCvB,KAAKwB,OAAS,SACbX,EAAA,MAAA,CAAKE,MAAM,WACRf,KAAKyB,QAAQC,KAAI,SAAAC,GAAM,OACtBd,EAAA,MAAA,CACEE,MAAO,UAAAa,OAAUD,IAAWf,EAAKF,SAAW,WAAa,IACzDM,QAAS,WACPJ,EAAKF,SAAWiB,IAGjBA,OAKPd,EAAA,MAAA,CAAKE,MAAM,SACTF,EAAA,QAAA,CAAOgB,QAAQ,qBAAqB7B,KAAK8B,OACzCjB,EAAA,QAAA,CAAOkB,KAAK,OAAOC,GAAG,oBAAoBC,KAAK,oBAAoBC,YAAalC,KAAKkC,eAIzFrB,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,iBAAA,CAAgBiB,MAAM,SAASK,QAAQ,UAAUnB,QAAS,WAAM,OAAAJ,EAAKb,kBACrEc,EAAA,iBAAA,CAAgBiB,MAAM,OAAOd,QAAS,WAAM,OAAAJ,EAAKJ,cAAc4B,UAAWpC,KAAKU,yBAnHhE","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-kba-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: 440px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: #fff;\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  .step {\n    margin-left: 6px;\n    color: #666;\n  }\n\n  .help-box {\n    background-color: $border-color;\n    display: flex;\n    flex-direction: row;\n    margin: 14px 0;\n    padding: 14px;\n    align-items: center;\n    color: white;\n  }\n\n  .help-details {\n    display: flex;\n    flex-direction: column;\n    margin-left: 15px;\n    font-size: 14px;\n  }\n\n  .help-icon {\n    width: 40px;\n    height: 40px;\n  }\n\n  .help-title {\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n\n  .help-text {\n    font-weight: 400;\n  }\n\n  .choices {\n    display: grid;\n    gap: 15px;\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n    margin: 0 0 15px 0;\n  }\n\n  .choice {\n    border: 1px solid $border-color;\n    border-radius: 5px;\n    display: flex;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    color: $choice-available-color;\n    cursor: pointer;\n\n    &.selected {\n      background-color: $border-color;\n      color: $verdocs-grey-4;\n    }\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","import {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\nimport Question from './question.svg';\n\n/**\n * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'One Time Code';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please check your text messages for a security code, and enter the code below.';\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() mode: 'text' | 'choice' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\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 value selected.\n   */\n  @Event({composed: true}) next: EventEmitter<string>;\n\n  @State() response = '';\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.response);\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\">\n              Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            <div class=\"help-box\">\n              <div class=\"help-icon\" innerHTML={Question} />\n              <div class=\"help-details\">\n                <div class=\"help-title\">{this.helptitle}</div>\n                <div class=\"help-text\">{this.helptext}</div>\n              </div>\n            </div>\n\n            {this.mode === 'choice' ? (\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <div class=\"input\">\n                <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n                <input type=\"text\" id=\"verdocs-kba-input\" name=\"verdocs-kba-input\" placeholder={this.placeholder} />\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.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/{p-60f92123.system.entry.js → p-7a5c37cd.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-97329951.system.js","./p-e12b7fbc.system.js","./p-a7433630.system.js"],(function(e){"use strict";var t,o,n,i,s,r;return{setters:[function(e){t=e.r;o=e.h;n=e.H;i=e.c},function(e){s=e.c},function(e){r=e.T}],execute:function(){var a='verdocs-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .icon svg{fill:#5c6575}verdocs-help-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;position:relative;padding:5px 10px;font-size:13px;border-radius:4px;z-index:10000}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var l='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var c=e("verdocs_help_icon",function(){function e(e){t(this,e);this.text="";this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=s(this.icon,this.tooltip,{})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return o(n,{class:{}},o("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:l,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.icon=t}}),o("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(t){return e.tooltip=t}},this.text,o("div",{"data-popper-arrow":"true",class:"arrow"})))};return e}());c.style=a;var d='verdocs-template-sender-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-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-template-sender-dialog .dialog{width:340px;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-template-sender-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-template-sender-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-template-sender-dialog .buttons verdocs-button{margin-left:16px}verdocs-template-sender-dialog .options{row-gap:10px}verdocs-template-sender-dialog .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .options .option .description{margin-left:10px}verdocs-template-sender-dialog .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}';var p=e("verdocs_template_sender_dialog",function(){function e(e){t(this,e);this.cancel=i(this,"cancel",7);this.done=i(this,"done",7);this.value=r.EVERYONE;this.open=false;this.newValue=r.EVERYONE}e.prototype.componentWillLoad=function(){this.newValue=this.value};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({sender:this.newValue});this.open=false};e.prototype.handleSelectSetting=function(e){this.newValue=e};e.prototype.render=function(){var e=this;return o(n,{style:{display:this.open?"block":"none"}},o("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},o("div",{class:"dialog"},o("div",{class:"options"},o("div",{class:"option"},o("verdocs-radio-button",{checked:this.value===r.EVERYONE,name:"template-sender",value:r.EVERYONE,onSelected:function(){return e.handleSelectSetting(r.EVERYONE)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone on the Web"),o("verdocs-help-icon",{text:"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)"}))),o("div",{class:"option"},o("verdocs-radio-button",{checked:this.value===r.EVERYONE_AS_CREATOR,name:"template-sender",value:r.EVERYONE_AS_CREATOR,onSelected:function(){return e.handleSelectSetting(r.EVERYONE_AS_CREATOR)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone on the Web as me"),o("verdocs-help-icon",{text:"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)"}))),o("div",{class:"option"},o("verdocs-radio-button",{checked:this.value===r.ORGANIZATION_MEMBER,name:"template-sender",value:r.ORGANIZATION_MEMBER,onSelected:function(){return e.handleSelectSetting(r.ORGANIZATION_MEMBER)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone in my organization"),o("verdocs-help-icon",{text:"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')"}))),o("div",{class:"option"},o("verdocs-radio-button",{checked:this.value===r.ORGANIZATION_MEMBER_AS_CREATOR,name:"template-sender",value:r.ORGANIZATION_MEMBER_AS_CREATOR,onSelected:function(){return e.handleSelectSetting(r.ORGANIZATION_MEMBER_AS_CREATOR)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone in my organization as me"),o("verdocs-help-icon",{text:"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)"}))),o("div",{class:"option"},o("verdocs-radio-button",{checked:this.value===r.CREATOR,name:"template-sender",value:r.CREATOR,onSelected:function(){return e.handleSelectSetting(r.CREATOR)}}),o("div",{class:"description"},o("div",{class:"name"},"Me"),o("verdocs-help-icon",{text:"Only I can use this template."})))),o("div",{class:"buttons"},o("verdocs-button",{label:"Cancel",variant:"outline",onPress:function(){return e.handleCancel()}}),o("verdocs-button",{label:"Done",onPress:function(){return e.handleDone()}})))))};return e}());p.style=d}}}));
-//# sourceMappingURL=p-60f92123.system.entry.js.map
+System.register(["./p-97329951.system.js","./p-e12b7fbc.system.js","./p-a7433630.system.js"],(function(e){"use strict";var t,o,n,i,s,r;return{setters:[function(e){t=e.r;o=e.h;n=e.H;i=e.c},function(e){s=e.c},function(e){r=e.T}],execute:function(){var a='verdocs-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .icon svg{fill:#5c6575}verdocs-help-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;position:relative;padding:5px 10px;font-size:13px;border-radius:4px;z-index:10000}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var l='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var c=e("verdocs_help_icon",function(){function e(e){t(this,e);this.text="";this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=s(this.icon,this.tooltip,{})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return o(n,{class:{}},o("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:l,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.icon=t}}),o("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(t){return e.tooltip=t}},this.text,o("div",{"data-popper-arrow":"true",class:"arrow"})))};return e}());c.style=a;var d='verdocs-template-sender-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-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-template-sender-dialog .dialog{width:340px;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-template-sender-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender-dialog .buttons verdocs-button{margin-left:16px}verdocs-template-sender-dialog .options{row-gap:10px}verdocs-template-sender-dialog .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .options .option .description{margin-left:10px}verdocs-template-sender-dialog .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}';var p=e("verdocs_template_sender_dialog",function(){function e(e){t(this,e);this.cancel=i(this,"cancel",7);this.next=i(this,"next",7);this.value=r.EVERYONE;this.newValue=r.EVERYONE}e.prototype.componentWillLoad=function(){this.newValue=this.value};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.newValue)};e.prototype.handleSelectSetting=function(e){this.newValue=e};e.prototype.render=function(){var e=this;return o(n,null,o("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},o("div",{class:"dialog"},o("div",{class:"options"},o("div",{class:"option"},o("verdocs-radio-button",{name:"template-sender",value:r.EVERYONE,checked:this.value===r.EVERYONE,onInput:function(){return e.handleSelectSetting(r.EVERYONE)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone on the Web"),o("verdocs-help-icon",{text:"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)"}))),o("div",{class:"option"},o("verdocs-radio-button",{name:"template-sender",value:r.EVERYONE_AS_CREATOR,checked:this.value===r.EVERYONE_AS_CREATOR,onInput:function(){return e.handleSelectSetting(r.EVERYONE_AS_CREATOR)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone on the Web as me"),o("verdocs-help-icon",{text:"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)"}))),o("div",{class:"option"},o("verdocs-radio-button",{name:"template-sender",value:r.ORGANIZATION_MEMBER,checked:this.value===r.ORGANIZATION_MEMBER,onInput:function(){return e.handleSelectSetting(r.ORGANIZATION_MEMBER)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone in my organization"),o("verdocs-help-icon",{text:"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')"}))),o("div",{class:"option"},o("verdocs-radio-button",{name:"template-sender",value:r.ORGANIZATION_MEMBER_AS_CREATOR,checked:this.value===r.ORGANIZATION_MEMBER_AS_CREATOR,onInput:function(){return e.handleSelectSetting(r.ORGANIZATION_MEMBER_AS_CREATOR)}}),o("div",{class:"description"},o("div",{class:"name"},"Anyone in my organization as me"),o("verdocs-help-icon",{text:"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)"}))),o("div",{class:"option"},o("verdocs-radio-button",{name:"template-sender",value:r.CREATOR,checked:this.value===r.CREATOR,onInput:function(){return e.handleSelectSetting(r.CREATOR)}}),o("div",{class:"description"},o("div",{class:"name"},"Me"),o("verdocs-help-icon",{text:"Only I can use this template."})))),o("div",{class:"buttons"},o("verdocs-button",{label:"Cancel",variant:"outline",onClick:function(){return e.handleCancel()}}),o("verdocs-button",{label:"Done",onClick:function(){return e.handleDone()}})))))};return e}());p.style=d}}}));
+//# sourceMappingURL=p-7a5c37cd.system.entry.js.map

package/dist/verdocs-web-sdk/p-7a5c37cd.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx","src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.scss?tag=verdocs-template-sender-dialog","src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.tsx"],"names":["verdocsHelpIconCss","helpIcon","VerdocsHelpIcon","exports","concat","Math","random","toString","substring","class_1","prototype","componentDidLoad","this","popperInstance","createPopper","icon","tooltip","disconnectedCallback","destroy","show","_a","setAttribute","_b","update","catch","hide","removeAttribute","render","_this","h","Host","class","aria-describedby","containerId","innerHTML","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","id","role","data-popper-placement","text","data-popper-arrow","verdocsTemplateSenderDialogCss","VerdocsTemplateSenderDialog","TemplateSenderTypes","EVERYONE","class_2","componentWillLoad","newValue","value","handleCancel","cancel","emit","handleDismiss","e","target","className","preventDefault","handleDone","next","handleSelectSetting","onClick","name","checked","onInput","EVERYONE_AS_CREATOR","ORGANIZATION_MEMBER","ORGANIZATION_MEMBER_AS_CREATOR","CREATOR","label","variant"],"mappings":"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","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-help-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    position: relative;\n    padding: 5px 10px;\n    font-size: 13px;\n    border-radius: 4px;\n    z-index: 10000;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n\nconst helpIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n */\n@Component({\n  tag: 'verdocs-help-icon',\n  styleUrl: 'verdocs-help-icon.scss',\n  shadow: false,\n})\nexport class VerdocsHelpIcon {\n  icon: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.icon, this.tooltip, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={helpIcon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.icon = el as HTMLDivElement)}\n        />\n        <div\n          id={this.containerId}\n          role=\"tooltip\"\n          class=\"tooltip\"\n          // style=\"display: none; visibility: visible; margin: 0px; position: absolute; inset: 0px auto auto 0px; transform: translate(951px, 5510px);\"\n          data-popper-placement=\"bottom\"\n          ref={el => (this.tooltip = el as HTMLDivElement)}\n        >\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-sender-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: 340px;\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    font-size: 20px;\n    font-weight: 500;\n    flex-direction: row;\n  }\n\n  .buttons {\n    display: flex;\n    margin-top: 10px;\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  .options {\n    row-gap: 10px;\n\n    .option {\n      display: flex;\n      flex-direction: row;\n\n      .description {\n        margin-left: 10px;\n\n        .name {\n          display: inline-block;\n          vertical-align: top;\n          margin-top: 4px;\n          margin-right: 4px;\n        }\n      }\n    }\n  }\n}\n","import {TemplateSenderTypes} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows a template sender to be selected.\n */\n@Component({\n  tag: 'verdocs-template-sender-dialog',\n  styleUrl: 'verdocs-template-sender-dialog.scss',\n})\nexport class VerdocsTemplateSenderDialog {\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() value: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\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 selected value.\n   */\n  @Event({composed: true}) next: EventEmitter<TemplateSenderTypes>;\n\n  @State() newValue: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  componentWillLoad() {\n    this.newValue = this.value;\n  }\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.newValue);\n  }\n\n  handleSelectSetting(value: TemplateSenderTypes) {\n    this.newValue = value;\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=\"options\">\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE}\n                  checked={this.value === TemplateSenderTypes.EVERYONE}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web</div>\n                  <verdocs-help-icon text=\"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  checked={this.value === TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web as me</div>\n                  <verdocs-help-icon text=\"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization as me</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.CREATOR}\n                  checked={this.value === TemplateSenderTypes.CREATOR}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Me</div>\n                  <verdocs-help-icon text=\"Only I can use this template.\" />\n                </div>\n              </div>\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onClick={() => this.handleDone()} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}