@verdocs/web-sdk 5.3.1 → 5.3.3

package/dist/verdocs-web-sdk/{p-191dacad.system.entry.js → p-48366bb6.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-gAi_FRvp.system.js"],(function(e){"use strict";var o,i,d,n;return{setters:[function(e){o=e.r;i=e.c;d=e.h;n=e.H}],execute:function(){var s='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;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:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-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-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;padding:0 20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var t=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=i(this,"next");this.exit=i(this,"exit");this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.exit.emit()};e.prototype.handleDismiss=function(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}};e.prototype.render=function(){var e=this;return d(n,{key:"12df94c0d9a87decf19d9a1b62c2ab7119681e03",class:this.closed?"closed":""},d("div",{key:"29ecdb2e85dfb825d84efecd80729c184c798eed",class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},d("div",{key:"15cdea7df133a16ad3da26b767c1f048c5b5be4a",class:"dialog"},d("div",{key:"14739ce3942c365ab4dc1ffd12633865c8702ecf",class:"heading"},this.heading),d("div",{key:"c04aea2b91bbbe26b24d286a875720df437ac85a",class:"content"},d("div",{key:"9e78186fed917d0bc4f8810fe2331f6b64c0ae43",class:"message",innerHTML:this.message}),d("div",{key:"26992bb398e78668235d42b87000128ac339bae9",class:"buttons"},this.showCancel?d("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(){return e.handleCancel()}}):d("div",{style:{display:"none"}}),d("verdocs-button",{key:"077902f58556093dfe46056ad0c9d6750356e999",label:this.buttonLabel,onClick:function(){return e.handleOk()}}))))))};return e}());t.style=s}}}));
-//# sourceMappingURL=p-191dacad.system.entry.js.map
+System.register(["./p-gAi_FRvp.system.js"],(function(e){"use strict";var o,d,i,a;return{setters:[function(e){o=e.r;d=e.c;i=e.h;a=e.H}],execute:function(){var n='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;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:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-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-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;padding:0 20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var s=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=d(this,"next");this.exit=d(this,"exit");this.heading="";this.message="";this.buttonLabel="OK";this.showCancel=false;this.closed=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.exit.emit()};e.prototype.handleDismiss=function(e){this.closed=true;if(e.target.className==="background-overlay"){e.preventDefault();this.exit.emit()}};e.prototype.render=function(){var e=this;return i(a,{key:"a53ec883d89c75014091071d45b629f14fb8a14f",class:this.closed?"closed":""},i("div",{key:"eeba1a34d586227ddbdbccb2ce6a273bf516a2ed",class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},i("div",{key:"d803f8cda0d55045eb85d13c98e359ded7fddf24",class:"dialog"},i("div",{key:"cd12ec9dd5c8e1e496ad1410a87fa866c7cd3143",class:"heading"},this.heading),i("div",{key:"9256bbda5d99136202bd36847bf488c8b29de936",class:"content"},i("div",{key:"3ffeaaf5cda9073ed5775acbe9bb44f2aca14fa2",class:"message",innerHTML:this.message}),i("div",{key:"0914a64b1de3f12de80cdb8536315eb3dd804fa1",class:"buttons"},this.showCancel?i("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(){return e.handleCancel()}}):i("div",{style:{display:"none"}}),i("verdocs-button",{key:"6cffacc69dad4bfe86b324a6b15b684a8233557e",label:this.buttonLabel,onClick:function(){return e.handleOk()}}))))))};return e}());s.style=n}}}));
+//# sourceMappingURL=p-48366bb6.system.entry.js.map

package/dist/verdocs-web-sdk/{p-d10eb5d0.entry.js → p-4a0dc414.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as t,c as a}from"./p-CF7i8guW.js";import{c as r}from"./p-BfP9ezJQ.js";const s='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';const n=class{constructor(o){e(this,o);this.icon="";this.showing=false}componentDidRender(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=r(this.iconEl,this.panelEl,{})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}}async showPanel(){var e,o;(e=this.panelEl)===null||e===void 0?void 0:e.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((()=>{}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=e=>{e.stopPropagation();this.toggle()};document.body.appendChild(this.hiderEl)}async hidePanel(){var e;Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((e=>{e.removeAttribute("data-show")}));(e=document.getElementById("verdocs-button-panel-hider"))===null||e===void 0?void 0:e.remove();this.showing=false}async toggle(){if(this.showing){await this.hidePanel()}else{await this.showPanel()}}render(){return o(t,{key:"ac59044fd14cb2998684f1b8f1c54aedec37f256"},o("div",{key:"e62fb7d53428ba82bae2622aede06e15db19fec9",class:"icon",innerHTML:this.icon,onClick:e=>{e.stopPropagation();return this.toggle()},ref:e=>this.iconEl=e}),o("div",{key:"4cccc4f6d5f3294074f6d1e41ce768a023d6fdb0",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:e=>this.panelEl=e},o("div",{key:"e02fba4c1cee732b08d01b5729f1edd02c9262e5","data-popper-arrow":"true",class:"arrow"}),o("slot",{key:"323f842de2f33348bcbcf67b1c576dce2275dcf9"})))}};n.style=s;const c='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';const i=class{constructor(o){e(this,o);this.selectTab=a(this,"selectTab");this.tabs=[];this.selectedTab=0}handleSelectTab(e){var o;(o=this.selectTab)===null||o===void 0?void 0:o.emit({tab:this.tabs[e],index:e})}render(){return o(t,{key:"3177fae34ac1cdba3cc82d501d7462603931ccf2"},this.tabs.map(((e,t)=>o("div",{class:`tab ${t===this.selectedTab?"active":""} ${e.disabled?"disabled":""}`,onClick:e.disabled?()=>{}:()=>this.handleSelectTab(t)},e.label))),o("div",{key:"de155b81678b5d6645bcbebbe6bd1f5803a5a545",class:"flex flex-1"}),o("slot",{key:"6d8fa41dfcde569b22986e10d152858d96857d0f"},o("div",{key:"5e5c97e8a45c8022596f90caa478a4532788a6f6"})))}};i.style=c;export{n as verdocs_button_panel,i as verdocs_tabs};
-//# sourceMappingURL=p-d10eb5d0.entry.js.map
+import{r as e,h as o,H as t,c as a}from"./p-CF7i8guW.js";import{c as r}from"./p-BfP9ezJQ.js";const s='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';const n=class{constructor(o){e(this,o);this.icon="";this.showing=false}componentDidRender(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=r(this.iconEl,this.panelEl,{})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}}async showPanel(){var e,o;(e=this.panelEl)===null||e===void 0?void 0:e.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((()=>{}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=e=>{e.stopPropagation();this.toggle()};document.body.appendChild(this.hiderEl)}async hidePanel(){var e;Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((e=>{e.removeAttribute("data-show")}));(e=document.getElementById("verdocs-button-panel-hider"))===null||e===void 0?void 0:e.remove();this.showing=false}async toggle(){if(this.showing){await this.hidePanel()}else{await this.showPanel()}}render(){return o(t,{key:"c4a19a142c4e228213a78988847a66b9d952ee27"},o("div",{key:"d01b744c644e6ae143aa8654c25a15780189cd98",class:"icon",innerHTML:this.icon,onClick:e=>{e.stopPropagation();return this.toggle()},ref:e=>this.iconEl=e}),o("div",{key:"5bc6a60df0c2e15b7fa4da356130618c540e2ec7",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:e=>this.panelEl=e},o("div",{key:"024f7c9713c9c57dc04d9cceaa93c7a40cb8eaba","data-popper-arrow":"true",class:"arrow"}),o("slot",{key:"544361c54c163063f4013cc52ea4a12c6baff24b"})))}};n.style=s;const c='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';const i=class{constructor(o){e(this,o);this.selectTab=a(this,"selectTab");this.tabs=[];this.selectedTab=0}handleSelectTab(e){var o;(o=this.selectTab)===null||o===void 0?void 0:o.emit({tab:this.tabs[e],index:e})}render(){return o(t,{key:"6de4c126c0d4efe31e925569090af9dd032fae0c"},this.tabs.map(((e,t)=>o("div",{class:`tab ${t===this.selectedTab?"active":""} ${e.disabled?"disabled":""}`,onClick:e.disabled?()=>{}:()=>this.handleSelectTab(t)},e.label))),o("div",{key:"a3aba39b6b1a758ea4ed7a87860108bbe9367565",class:"flex flex-1"}),o("slot",{key:"0bda7a4123dcab3d4aef3e65cadad14bcdba6312"},o("div",{key:"7033a1cb8eefd67ae7c621bcd6a5c3b348d1b3fe"})))}};i.style=c;export{n as verdocs_button_panel,i as verdocs_tabs};
+//# sourceMappingURL=p-4a0dc414.entry.js.map

package/dist/verdocs-web-sdk/{p-6fbe86fa.system.entry.js → p-4c5bb9d1.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-gAi_FRvp.system.js","./p-DzZgjFK8.system.js"],(function(t){"use strict";var e,o,n,r,i;return{setters:[function(t){e=t.r;o=t.h;n=t.H;r=t.c},function(t){i=t.c}],execute:function(){var a='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var c=t("verdocs_button_panel",function(){function t(t){e(this,t);this.icon="";this.showing=false}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=i(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return o(n,{key:"ac59044fd14cb2998684f1b8f1c54aedec37f256"},o("div",{key:"e62fb7d53428ba82bae2622aede06e15db19fec9",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),o("div",{key:"4cccc4f6d5f3294074f6d1e41ce768a023d6fdb0",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},o("div",{key:"e02fba4c1cee732b08d01b5729f1edd02c9262e5","data-popper-arrow":"true",class:"arrow"}),o("slot",{key:"323f842de2f33348bcbcf67b1c576dce2275dcf9"})))};return t}());c.style=a;var s='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var d=t("verdocs_tabs",function(){function t(t){e(this,t);this.selectTab=r(this,"selectTab");this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return o(n,{key:"3177fae34ac1cdba3cc82d501d7462603931ccf2"},this.tabs.map((function(e,n){return o("div",{class:"tab ".concat(n===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(n)}},e.label)})),o("div",{key:"de155b81678b5d6645bcbebbe6bd1f5803a5a545",class:"flex flex-1"}),o("slot",{key:"6d8fa41dfcde569b22986e10d152858d96857d0f"},o("div",{key:"5e5c97e8a45c8022596f90caa478a4532788a6f6"})))};return t}());d.style=s}}}));
-//# sourceMappingURL=p-6fbe86fa.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{s(n.next(t))}catch(t){a(t)}}function c(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?o(t.value):r(t.value).then(i,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,c[0]&&(o=0)),o)try{if(n=1,r&&(a=c[0]&2?r["return"]:c[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,c[1])).done)return a;if(r=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){o.label=c[1];break}if(c[0]===6&&o.label<a[1]){o.label=a[1];a=c;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(c);break}if(a[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];r=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-gAi_FRvp.system.js","./p-DzZgjFK8.system.js"],(function(t){"use strict";var e,o,n,r,a;return{setters:[function(t){e=t.r;o=t.h;n=t.H;r=t.c},function(t){a=t.c}],execute:function(){var i='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var c=t("verdocs_button_panel",function(){function t(t){e(this,t);this.icon="";this.showing=false}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=a(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return o(n,{key:"c4a19a142c4e228213a78988847a66b9d952ee27"},o("div",{key:"d01b744c644e6ae143aa8654c25a15780189cd98",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),o("div",{key:"5bc6a60df0c2e15b7fa4da356130618c540e2ec7",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},o("div",{key:"024f7c9713c9c57dc04d9cceaa93c7a40cb8eaba","data-popper-arrow":"true",class:"arrow"}),o("slot",{key:"544361c54c163063f4013cc52ea4a12c6baff24b"})))};return t}());c.style=i;var s='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var d=t("verdocs_tabs",function(){function t(t){e(this,t);this.selectTab=r(this,"selectTab");this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return o(n,{key:"6de4c126c0d4efe31e925569090af9dd032fae0c"},this.tabs.map((function(e,n){return o("div",{class:"tab ".concat(n===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(n)}},e.label)})),o("div",{key:"a3aba39b6b1a758ea4ed7a87860108bbe9367565",class:"flex flex-1"}),o("slot",{key:"0bda7a4123dcab3d4aef3e65cadad14bcdba6312"},o("div",{key:"7033a1cb8eefd67ae7c621bcd6a5c3b348d1b3fe"})))};return t}());d.style=s}}}));
+//# sourceMappingURL=p-4c5bb9d1.system.entry.js.map

package/dist/verdocs-web-sdk/p-53fd51ca.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(o,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return l([e,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];s=0}finally{n=r=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,i){if(i||arguments.length===2)for(var n=0,s=t.length,r;n<s;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-gAi_FRvp.system.js","@verdocs/js-sdk","./p-CD5uiThi.system.js","./p-C9y1KCYV.system.js","./p-CrzDCQEM.system.js","./p-7Iu0_GGa.system.js","./p-CmnBGerV.system.js","./p-Bzy18UgU.system.js","./p-DmF0GSqu.system.js","./p-80p0Fzir.system.js"],(function(e){"use strict";var t,i,n,s,r,o,a,l,c,d,u,h,f,v,p,g,m,x,b,w,y,S,k,_,N,I,G,z,D,P,E,T,A,q;return{setters:[function(e){t=e.r;i=e.c;n=e.h;s=e.H;r=e.F},function(e){o=e.VerdocsEndpoint;a=e.startSigningSession;l=e.envelopeRecipientAgree;c=e.envelopeRecipientDecline;d=e.updateEnvelopeField;u=e.createSignature;h=e.updateEnvelopeFieldSignature;f=e.createInitials;v=e.updateEnvelopeFieldInitials;p=e.isValidPhone;g=e.isValidEmail;m=e.sortFields;x=e.envelopeRecipientSubmit;b=e.getEnvelope;w=e.uploadEnvelopeFieldAttachment;y=e.deleteEnvelopeFieldAttachment;S=e.formatFullName;k=e.fullNameToInitials;_=e.verifySigner;N=e.delegateRecipient;I=e.integerSequence},function(e){G=e.a;z=e.u;D=e.g;P=e.r},function(e){E=e.D},function(e){T=e.V},function(e){A=e.S},function(e){q=e.S},null,null,null],execute:function(){var j='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}';var U='\n<ul>\n  <li>\n    Agree to use electronic records and signatures, and confirm you have read the\n    <a href="https://verdocs.com/en/electronic-record-signature-disclosure/" target="_blank">\n      Electronic Record and Signatures Disclosure</a>.</li>\n  <li>\n    Agree to Verdocs\'\n    <a href="https://verdocs.com/en/eula" target="_blank">\n      End User License Agreement</a>\n    and confirm you have read Verdocs\'\n    <a href="https://verdocs.com/en/privacy-policy/" target="_blank">\n      Privacy Policy</a>.\n  </li>\n</ul>';var V=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];var C=[{id:"print",label:"Print"},{id:"download",label:"Download"}];var R=e("verdocs_sign",function(){function e(e){t(this,e);this.sdkError=i(this,"sdkError");this.envelopeLoaded=i(this,"envelopeLoaded");this.envelopeUpdated=i(this,"envelopeUpdated");this.endpoint=E;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.headerTargetId=null;this.recipient=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.fatalErrorHeader="";this.fatalErrorMessage="";this.focusedField="";this.disclosures=U;this.submitting=false;this.submitted=false;this.isDone=false;this.showDone=false;this.showLoadError=false;this.finishLater=false;this.showFinishLater=false;this.agreed=false;this.documentsSingularPlural="document";this.authStep=null;this.authMethodStates={};this.kbaQuestions=null;this.showSpinner=false;this.declining=false;this.delegating=false;this.delegated=false;this.kbaChoices=[];this.loading=true;this.envelope=null}e.prototype.componentWillLoad=function(){if(!this.endpoint){console.log("[SIGN] Creating signing endpoint");this.endpoint=new o({sessionType:"signing"})}};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,l;return __generator(this,(function(c){switch(c.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new A("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new A("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new A("[SIGN] Missing required inviteCode",500,""));return[2]}c.label=1;case 1:c.trys.push([1,3,,4]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,a(this.endpoint,this.envelopeId,this.roleId,this.inviteCode)];case 2:o=c.sent();console.log("[SIGN] Authentication successful",o);this.processAuthResponse(o);return[3,4];case 3:l=c.sent();console.log("[SIGN] Error with signing session",l);(n=this.sdkError)===null||n===void 0?void 0:n.emit(new A(l.message,(s=l.response)===null||s===void 0?void 0:s.status,(r=l.response)===null||r===void 0?void 0:r.data));this.showLoadError=true;return[3,4];case 4:return[2]}}))}))};e.prototype.componentDidRender=function(){var e=this.headerTargetId?document.getElementById(this.headerTargetId):null;var t=document.getElementById("verdocs-sign-header");if(e&&t){console.log("[SIGN] Moving header");t.remove();e.append(t)}};e.prototype.processAuthResponse=function(e){var t,i,n;var s=e.envelope,r=e.recipient;var o=r.auth_step;this.recipient=r;this.envelope=s;this.disclosures=((i=(t=this.envelope)===null||t===void 0?void 0:t.organization)===null||i===void 0?void 0:i.disclaimer)||U;this.authStep=o;this.delegated=!!r.delegated_to;this.agreed=r.agreed;this.submitted=r.status==="submitted";this.isDone=this.submitted;this.showDone=this.submitted;q.updateEnvelope(this.envelopeId,s);if(this.envelope.documents.length>0){this.documentsSingularPlural="document(s)"}this.authMethodStates=r.auth_method_states||{};this.kbaQuestions=r.kba_questions;if(Object.values(this.authMethodStates).includes("failed")){this.fatalErrorHeader="Recipient Verification Failed";this.fatalErrorMessage="We were unable to verify your identity. The sender has been notified.";this.isDone=true}if(this.envelope.status==="canceled"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="This envelope has been canceled. The sender has been notified."}else if(r.status==="declined"){this.fatalErrorHeader="Declined";this.fatalErrorMessage="You have declined to sign this request. The sender has been notified."}else if(this.agreed){this.nextButtonLabel="Next"}this.checkRecipientFields();(n=this.envelopeLoaded)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope})};e.prototype.handleClickAgree=function(){var e=this;this.submitting=true;l(this.endpoint,this.envelopeId,this.roleId,true,this.disclosures).then((function(){var t;e.nextButtonLabel="Next";e.recipient.agreed=true;e.submitting=false;e.agreed=true;(t=e.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:e.envelope,event:"agreed"})})).catch((function(t){var i,n,s;console.log("[SIGN] Update failure",t);e.submitting=false;(i=e.sdkError)===null||i===void 0?void 0:i.emit(new A(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(s=t.response)===null||s===void 0?void 0:s.data))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,s,r,o,a,l;return __generator(this,(function(d){switch(d.label){case 0:o=e.detail.id;switch(o){case"later":return[3,1];case"claim":return[3,2];case"decline":return[3,3];case"print":return[3,5];case"download":return[3,6]}return[3,7];case 1:this.finishLater=true;this.showFinishLater=true;(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:this.envelope,event:"later"});return[3,7];case 2:T("This feature will be available in an upcoming release.");(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"claimed"});return[3,7];case 3:this.submitting=true;return[4,c(this.endpoint,this.envelopeId,this.roleId)];case 4:a=d.sent();console.log("[SIGN] Decline result",a);(n=this.envelopeUpdated)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope,event:"declined"});this.submitting=false;this.fatalErrorHeader="Declined";this.fatalErrorMessage="You have declined to sign this request. The sender has been notified.";return[3,7];case 5:window.print();(s=this.envelopeUpdated)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});return[3,7];case 6:{l=this.envelope.documents.find((function(e){return e.type==="attachment"}));if(l){G(this.endpoint,this.envelope,l.id).catch((function(e){console.log("[SIGN] Error downloading PDF",e)}));(r=this.envelopeUpdated)===null||r===void 0?void 0:r.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})}}return[3,7];case 7:return[2]}}))}))};e.prototype.updateRecipientFieldValue=function(e,t){var i=this;console.log("[SIGN] updateRecipientFieldValue",e,t);this.getRecipientFields().forEach((function(n){if(n.name===e){n.value=t.value;n.settings=t.settings;z(n);i.checkRecipientFields()}}))};e.prototype.saveFieldChange=function(e,t){var i=this;console.log("[SIGN] saveFieldChange",e,t);d(this.endpoint,this.envelopeId,e,t).then((function(t){return i.updateRecipientFieldValue(e,t)})).catch((function(e){var t,n,s,r,o,a;if(((t=e.response)===null||t===void 0?void 0:t.status)===401&&((s=(n=e.response)===null||n===void 0?void 0:n.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");i.fatalErrorHeader="Signing Session Expired";i.fatalErrorMessage="Please reload your browser to continue."}else{console.log("[SIGN] Server error",e)}(r=i.sdkError)===null||r===void 0?void 0:r.emit(new A(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(a=e.response)===null||a===void 0?void 0:a.data))}))};e.prototype.handleFieldChange=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i,n,s,r,o,a,l;var c=this;return __generator(this,(function(d){switch(d.label){case 0:i=t.target,n=i.value,s=i.checked;r=e.type;switch(r){case"textarea":return[3,1];case"textbox":return[3,1];case"checkbox":return[3,2];case"radio":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,8];case"date":return[3,11];case"timestamp":return[3,12]}return[3,13];case 1:return[2,this.saveFieldChange(e.name,{prepared:false,value:n})];case 2:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=3;case 3:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=4;case 4:console.log("Saving dropdown",e.name,t.detail);return[2,this.saveFieldChange(e.name,{prepared:false,value:t.detail})];case 5:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 6:return[4,d.sent().blob()];case 7:o=d.sent();return[2,f(this.endpoint,"initial",o).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:return[4,v(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.log("Error updating initials",e);c.showSpinner=false}))];case 8:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 9:return[4,d.sent().blob()];case 10:a=d.sent();return[2,u(this.endpoint,"signature",a).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:console.log("Signature update result",t);return[4,h(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.warn("[SIGN] Error updating signature",e);c.showSpinner=false}))];case 11:l=t.detail.formattedDate;if(l){return[2,this.saveFieldChange(e.name,{prepared:false,value:l})]}return[3,14];case 12:console.log("[SIGN] Updating timestamp",{value:n,ts:t.target.getAttribute("timestamp")});return[3,14];case 13:console.log("[SIGN] Unhandled field update",{value:n,checked:s},e);return[3,14];case 14:return[2]}}))}))};e.prototype.isFieldFilled=function(e){var t=e.value,i=t===void 0?"":t;switch(e.type){case"textarea":case"textbox":switch(e.validator||""){case"email":return g(i);case"phone":return p(i);default:return(i||"").trim()!==""}case"signature":return i==="signed";case"initial":return i==="initialed";case"timestamp":return true;case"date":return!!i;case"attachment":return i==="attached";case"dropdown":return i!=="";case"checkbox":return i==="true";case"radio":if(!!e.group){return this.getRecipientFields().filter((function(t){return t.group===e.group})).some((function(e){return e.value==="true"}))}return e.value==="true";default:return false}};e.prototype.isFieldValid=function(e){return!e.required||this.isFieldFilled(e)};e.prototype.getSortedFillableFields=function(){var e=this.getRecipientFields().filter((function(e){return e.type!=="timestamp"}));m(e);return e};e.prototype.handleNext=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,a,l,c;var d=this;return __generator(this,(function(u){switch(u.label){case 0:if(!this.nextSubmits)return[3,5];u.label=1;case 1:u.trys.push([1,3,,4]);(e=document.getElementById("air-datepicker-global-container"))===null||e===void 0?void 0:e.remove();this.submitting=true;return[4,x(this.endpoint,this.envelopeId,this.roleId)];case 2:t=u.sent();console.log("[SIGN] Submitted successfully",t);this.recipient.status="submitted";this.showDone=true;console.log("[SIGN] Reloading envelope");b(this.endpoint,this.envelopeId).then((function(e){d.envelope=e;d.submitting=false})).catch((function(e){console.log("[SIGN] Error reloading envelope",e);d.submitting=false}));return[3,4];case 3:i=u.sent();console.log("[SIGN] Error submitting",i);return[3,4];case 4:return[2];case 5:n=this.getSortedFillableFields().filter((function(e){return e.required&&!d.isFieldFilled(e)}));m(n);s=n.findIndex((function(e){return e.name===d.focusedField}));r=s+1;if(r>=n.length){r=0}o=n[r];a=0;if(a<n.length&&["signature","initial"].includes(o.type)&&["initialed","signed"].includes(o.value)){a++;r++;if(r>=n.length){r=0}o=n[r]}if(a>=n.length){o=null}if(o){l=D(o);c=document.getElementById(l);c===null||c===void 0?void 0:c.scrollIntoView({behavior:"smooth"});c===null||c===void 0?void 0:c.focusField();this.focusedField=o.name}return[2]}}))}))};e.prototype.getRecipientFields=function(){var e=this;return this.envelope.fields.filter((function(t){return t.role_name===e.recipient.role_name}))};e.prototype.checkRecipientFields=function(){var e=this;var t=this.getRecipientFields().filter((function(t){return!e.isFieldValid(t)}));if(t.length<1){this.nextButtonLabel="Finish";if(!this.nextSubmits){this.nextSubmits=true}}else{console.log("[SIGN] Invalid fields remaining",t.map((function(e){return e.name})));this.nextButtonLabel="Next";this.nextSubmits=false}};e.prototype.attachFieldAttributes=function(e,t,i){var n=this;if(i.getAttribute("attached")==="1"){return}i.setAttribute("attached","1");i.addEventListener("input",(function(e){if(e.target.type==="radio"||e.target.type==="checkbox"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}else{n.checkRecipientFields()}}));i.addEventListener("attached",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onAttached",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,w(this.endpoint,this.envelopeId,t.name,i.detail)];case 2:n=o.sent();this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=P("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);T("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("deleted",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onDeleted",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,y(this.endpoint,this.envelopeId,t.name)];case 2:n=o.sent();console.log("[SIGN] Deleted attachment",n);this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=P("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);T("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("focusout",(function(e){if(t.type!=="dropdown"&&t.type!=="attachment"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}}));i.addEventListener("fieldChange",(function(e){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}));i.setAttribute("templateid",this.envelope.template_id);i.setAttribute("fieldname",t.name);i.setAttribute("page",e.pageNumber);i.setAttribute("xScale",e.xScale);i.setAttribute("yScale",e.yScale);var s=S(this.recipient);i.setAttribute("initials",k(s));i.setAttribute("name",s)};e.prototype.handlePageRendered=function(e){var t=this;var i=e.detail;var n=this.getSortedFillableFields();console.log("[SIGN] Rendering fields for page",i.pageNumber,n);n.forEach((function(e,n){if(e.page!==i.pageNumber){return}var s=P("envelope",e,i,{disabled:false,editable:false,draggable:false,done:t.isDone},n);if(!s){return}if(Array.isArray(s)){s.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,s)}}));this.envelope.recipients.filter((function(e){return e.role_name!==t.recipient.role_name&&(e.status==="invited"||e.status==="opened"||e.status==="pending")})).forEach((function(){t.getRecipientFields().filter((function(e){return e.page===i.pageNumber})).forEach((function(e){var n=P("envelope",e,i,{disabled:true,editable:false,draggable:false,done:t.isDone});if(!n){return}if(Array.isArray(n)){n.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,n)}}))}));this.checkRecipientFields()};e.prototype.handleAuthenticateSigner=function(e){var t=this;console.log("[SIGN] Submitting authentication step",e);_(this.endpoint,e).then((function(e){console.log("[SIGN] Verification successful",e);t.processAuthResponse(e)})).catch((function(e){var i,n,s,r,o;console.log("[SIGN] Error submitting authentication step",e);if((s=(n=(i=e.response)===null||i===void 0?void 0:i.data)===null||n===void 0?void 0:n.error)===null||s===void 0?void 0:s.includes("failed")){t.fatalErrorHeader="Recipient Verification Failed";t.fatalErrorMessage="We were unable to verify your identity. The sender has been notified.";t.isDone=true}else{T(((o=(r=e.response)===null||r===void 0?void 0:r.data)===null||o===void 0?void 0:o.error)||"Unable to verify your identity. Please try again.",{style:"error"})}}))};e.prototype.render=function(){var e=this;console.log("[SIGN] Rendering",{authStep:this.authStep});if(this.showLoadError){return n(s,null,n("verdocs-ok-dialog",{heading:"Unable to Start Signing",message:"Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.",buttonLabel:"OK",onNext:function(){window.location.reload()}}))}if(!this.envelope){return n(s,null,n("verdocs-loader",null))}if(this.fatalErrorMessage){return n(s,{class:{agreed:this.agreed}},n("div",{class:"fatal-error"},n("div",{class:"message"},n("div",{class:"header"},this.fatalErrorHeader),n("p",null,this.fatalErrorMessage))))}if(this.delegated){return n(s,{class:{agreed:false}},n("div",{class:"fatal-error"},n("div",{class:"message"},n("div",{class:"header"},"Delegated Signing Request"),n("p",null,"You have delegated signing to another recipient. You will not be able to sign this request again."))))}if(this.isDone){return n(s,{class:{agreed:this.agreed}},n("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)}}),this.showDone&&n("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(t){t.preventDefault();t.stopPropagation();e.showDone=false;e.isDone=true}}),this.submitting&&n("div",{class:"loading-indicator"},n("verdocs-loader",null)))}if(this.delegating){return n("verdocs-delegate-dialog",{endpoint:this.endpoint,envelope:this.envelope,onExit:function(){return e.delegating=false},onNext:function(t){N(e.endpoint,e.envelopeId,e.roleId,t.detail).then((function(t){T("Delegation request submitted.",{style:"success"});console.log("[SIGN] Delegated successfully",t);e.delegated=true;e.delegating=false})).catch((function(e){console.log("[SIGN] Error delegating request",e);T("Unable to process delegation request. Please try again later.",{style:"error"})}))}})}if(this.declining){return n("verdocs-ok-dialog",{heading:"Decline Signing Request",message:"If you decline to sign this request, you will not be able to sign again in the future. The envelope sender will be notified.",buttonLabel:"OK",showCancel:true,onExit:function(){return e.declining=false},onNext:function(){c(e.endpoint,e.envelopeId,e.roleId).then((function(e){console.log("[SIGN] Decline result",e);window.location.reload()})).catch((function(e){return console.warn("[SIGN] Error declining signing session",e)}))}})}if(!this.agreed){return n(s,{class:"agreed"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("verdocs-disclosure-dialog",{disclosures:this.disclosures,onDecline:function(){return e.declining=true},onAccept:function(){return e.handleClickAgree()}}))}if(this.authStep==="passcode"){return n(s,{class:"kba"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"kba"},n("verdocs-kba-dialog",{mode:"text",step:1,steps:1,placeholder:"Enter your passcode...",helptitle:"Document is protected by a Passcode",helptext:"Please enter your Passcode to proceed. If you do not have one, please contact the sender.",label:"Passcode",onNext:function(t){return e.handleAuthenticateSigner({auth_method:"passcode",code:t.detail})}}))))}if(this.authStep==="email"){return n("verdocs-otp-dialog",{endpoint:this.endpoint,method:"email",onNext:function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){this.processAuthResponse(t.detail.response);return[2]}))}))}})}if(this.authStep==="kba"&&!this.authMethodStates.kba){return n(s,{class:"kba"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"kba"},n("verdocs-kba-dialog",{mode:"identity",helptitle:"Document requires identity verification",helptext:"Please complete your contact details to proceed.",recipient:this.recipient,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=t.detail;this.handleAuthenticateSigner({auth_method:"kba",first_name:e.first_name,last_name:e.last_name,address:e.address,city:e.city,state:e.state,zip:e.zip,dob:e.dob});return[2]}))}))}}))))}if(this.authStep==="kba"&&this.authMethodStates.kba==="questions"){var t=this.kbaChoices.length;var i=this.kbaQuestions[t];return n(s,{class:"kba"},n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name))),n("div",{class:"document",style:{paddingTop:"15px"}},n("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),n("div",{class:"cover"},n("div",{class:"kba"},this.kbaChoices.length>=this.kbaQuestions.length?n("verdocs-spinner",null):n("verdocs-kba-dialog",{mode:"choice",helptitle:"Your identity requires additional verification",helptext:(i===null||i===void 0?void 0:i.prompt)||"Please select one of the options below.",choices:(i===null||i===void 0?void 0:i.answer)||["Skip Question"],step:t+1,steps:this.kbaQuestions.length,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e,i;var n=this;return __generator(this,(function(s){e=t.detail;this.kbaChoices=__spreadArray(__spreadArray([],this.kbaChoices,true),[e],false);if(this.kbaChoices.length>=this.kbaQuestions.length){i=this.kbaQuestions.map((function(e,t){return{type:e.type,answer:n.kbaChoices[t]}}));console.log("Submitting KBA responses",this.kbaChoices,i);this.handleAuthenticateSigner({auth_method:"kba",responses:i})}return[2]}))}))}}))))}return n(s,null,n("div",{id:"verdocs-sign-header"},n("div",{class:"inner"},n("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),n("div",{class:"title"},this.envelope.name),n("div",{style:{flex:"1"}}),!this.finishLater&&n("verdocs-button",{size:"xsmall",label:this.nextButtonLabel,disabled:!this.agreed||this.submitting,onClick:function(){return e.handleNext()}}),n("div",{style:{marginLeft:"10px"}}),n("verdocs-dropdown",{options:!this.isDone&&!this.finishLater?V:C,onOptionSelected:function(t){return e.handleOptionSelected(t)}}))),n("div",{class:"document",style:{paddingTop:"15px"}},(this.envelope.documents||[]).map((function(t){var i=I(1,t.pages);return n(r,null,i.map((function(i){var s;var r=((s=t.page_sizes)===null||s===void 0?void 0:s[i])||{width:612,height:792};return n("verdocs-envelope-document-page",{envelopeId:e.envelopeId,documentId:t.id,endpoint:e.endpoint,virtualWidth:r.width,virtualHeight:r.height,pageNumber:i,onPageRendered:function(t){return e.handlePageRendered(t)},type:"filled",layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&n("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the ".concat(this.documentsSingularPlural,", use the link in the original email notification inviting you to review and finish the document."),onNext:function(){return e.showFinishLater=false}}),this.showDone&&n("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(){e.showDone=false;e.isDone=true}}),this.submitting||this.showSpinner&&n("verdocs-portal",null,n("div",{class:"spinner-overlay"},n("verdocs-spinner",null))))};return e}());R.style=j}}}));
+//# sourceMappingURL=p-53fd51ca.system.entry.js.map

package/dist/verdocs-web-sdk/p-53fd51ca.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSignCss","DEFAULT_DISCLOSURES","inProgressMenuOptions","id","label","doneMenuOptions","VerdocsSign","exports","class_1","hostRef","this","endpoint","DefaultEndpoint","envelopeId","roleId","inviteCode","headerTargetId","recipient","hasSignature","nextButtonLabel","nextSubmits","fatalErrorHeader","fatalErrorMessage","focusedField","disclosures","submitting","submitted","isDone","showDone","showLoadError","finishLater","showFinishLater","agreed","documentsSingularPlural","authStep","authMethodStates","kbaQuestions","showSpinner","declining","delegating","delegated","kbaChoices","loading","envelope","prototype","componentWillLoad","console","log","VerdocsEndpoint","sessionType","componentDidLoad","_a","sdkError","emit","SDKError","_b","_c","concat","startSigningSession","response","_g","sent","processAuthResponse","e_1","_d","message","_e","status","_f","data","componentDidRender","headerTarget","document","getElementById","headerEl","remove","append","auth_step","organization","disclaimer","delegated_to","Store","updateEnvelope","documents","length","auth_method_states","kba_questions","Object","values","includes","checkRecipientFields","envelopeLoaded","handleClickAgree","_this","envelopeRecipientAgree","then","envelopeUpdated","event","catch","e","handleOptionSelected","detail","VerdocsToast","envelopeRecipientDecline","declineResult","_h","window","print","firstDoc","find","doc","type","saveAttachment","updateRecipientFieldValue","fieldName","updateResult","getRecipientFields","forEach","oldField","name","value","settings","updateDocumentFieldValue","saveFieldChange","fields","updateEnvelopeField","error","handleFieldChange","field","target","checked","prepared","String","fetch","_j","blob","initialsBlob","createInitials","newInitials","__awaiter","updateEnvelopeFieldInitials","signatureBlob","createSignature","newSignature","updateEnvelopeFieldSignature","warn","formattedDate","ts","getAttribute","isFieldFilled","validator","isValidEmail","isValidPhone","trim","group","filter","f","some","isFieldValid","required","getSortedFillableFields","recipientFields","sortFields","handleNext","envelopeRecipientSubmit","result","getEnvelope","e_2","emptyFields","focusedIndex","findIndex","nextFocusedIndex","nextRequiredField","skips","getFieldId","el","scrollIntoView","behavior","focusField","role_name","invalidFields","map","attachFieldAttributes","pageInfo","setAttribute","addEventListener","finally","uploadEnvelopeFieldAttachment","newEl","renderDocumentField","disabled","editable","draggable","done","e_3","style","deleteEnvelopeFieldAttachment","e_4","template_id","pageNumber","xScale","yScale","fullName","formatFullName","fullNameToInitials","handlePageRendered","tabIndex","page","Array","isArray","recipients","r","handleAuthenticateSigner","params","verifySigner","render","h","Host","heading","buttonLabel","onNext","location","reload","class","onSdkError","preventDefault","stopPropagation","onExit","delegateRecipient","showCancel","src","alt","paddingTop","width","height","boxShadow","marginTop","onDecline","onAccept","mode","step","steps","placeholder","helptitle","helptext","auth_method","code","method","kba","recipDetails","first_name","last_name","address","city","state","zip","dob","questionNumber","kbaQuestion","prompt","choices","answer","__spreadArray","responses","q","i","flex","size","onClick","marginLeft","options","onOptionSelected","envelopeDocument","pageNumbers","integerSequence","pages","Fragment","pageSize","page_sizes","documentId","virtualWidth","virtualHeight","onPageRendered","layers"],"sources":["src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  input {\n    vertical-align: top;\n  }\n\n  //.intro {\n  //  width: 100%;\n  //  display: flex;\n  //  flex: 0 0 60px;\n  //  color: #111111;\n  //  font-size: 18px;\n  //  font-weight: 500;\n  //  line-height: 28px;\n  //  flex-direction: row;\n  //  background: #ffffff;\n  //\n  //  .inner {\n  //    width: 100%;\n  //    display: flex;\n  //    margin: 0 auto;\n  //    padding: 0 20px;\n  //    max-width: 1200px;\n  //    flex-direction: row;\n  //    align-items: center;\n  //  }\n  //}\n\n  > .document {\n    flex: 1;\n    width: 100%;\n    height: 100%;\n    align-self: center;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    max-width: 1200px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    //justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 5000;\n    position: absolute;\n    padding-top: 100px;\n    align-items: center;\n    flex-direction: column;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  verdocs-ok-dialog .background-overlay {\n    align-items: flex-start;\n    padding-top: 100px;\n  }\n\n  .loading-indicator {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: fixed;\n    background-color: rgba(0, 0, 0, 0.7);\n  }\n\n  .fatal-error {\n    position: absolute;\n    z-index: 100;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #4a4a4a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .placeholder {\n      position: absolute;\n      opacity: 0.1;\n      z-index: -1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 612px;\n      height: 792px;\n      box-shadow: 0 0 10px 5px #0000000f;\n      margin-top: 15px;\n    }\n\n    .message {\n      max-width: 360px;\n      width: 50%;\n      font-size: 16px;\n      background: white;\n      box-shadow: 3px 3px 9px -1px #0000003f;\n    }\n\n    .header {\n      color: white;\n      font-size: 18px;\n      font-weight: 500;\n      padding: 5px 10px;\n      margin: 0 0 10px 0;\n      background: $verdocs-purple-shade;\n    }\n\n    p {\n      margin: 1rem;\n      font-size: 14px;\n      font-weight: 400;\n      padding: 0 10px;\n    }\n  }\n}\n\n@media print {\n  verdocs-sign .header {\n    display: none;\n  }\n}\n\n#verdocs-sign-header {\n  color: #fff;\n  width: 100%;\n  display: flex;\n  z-index: 1000;\n  flex: 0 0 46px;\n  font-size: 12px;\n  column-gap: 15px;\n  align-items: center;\n  flex-direction: row;\n  transition: all 0.25s;\n  background-color: $medium-bg;\n  box-shadow:\n    0 4px 4px 0 rgb(0 0 0 / 24%),\n    0 0 4px 0 rgb(0 0 0 / 12%);\n\n  .inner {\n    width: 100%;\n    display: flex;\n    margin: 0 auto;\n    padding: 0 12px;\n    max-width: 1200px;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  .logo {\n    width: 80px;\n    display: none;\n    margin: -6px 0 0 0;\n  }\n\n  .title {\n    font-size: 18px;\n    font-weight: 500;\n    overflow: hidden;\n    white-space: nowrap;\n    padding: 0 10px 0 0;\n    text-overflow: ellipsis;\n  }\n}\n\n.spinner-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  background: #0000007f;\n  justify-content: center;\n}\n","import {updateEnvelopeField, sortFields, IKBAQuestion, ISignerTokenResponse, delegateRecipient} from '@verdocs/js-sdk';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {verifySigner, IEnvelope, IEnvelopeField, IRecipient, TAuthenticateRecipientRequest} from '@verdocs/js-sdk';\nimport {getEnvelope, integerSequence, isValidEmail, isValidPhone, updateEnvelopeFieldInitials} from '@verdocs/js-sdk';\nimport {fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, formatFullName} from '@verdocs/js-sdk';\nimport {updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint, TRecipientAuthMethod} from '@verdocs/js-sdk';\nimport {createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit} from '@verdocs/js-sdk';\nimport {getFieldId, renderDocumentField, saveAttachment, updateDocumentFieldValue} from '../../../utils/utils';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst DEFAULT_DISCLOSURES = `\n<ul>\n  <li>\n    Agree to use electronic records and signatures, and confirm you have read the\n    <a href=\"https://verdocs.com/en/electronic-record-signature-disclosure/\" target=\"_blank\">\n      Electronic Record and Signatures Disclosure</a>.</li>\n  <li>\n    Agree to Verdocs'\n    <a href=\"https://verdocs.com/en/eula\" target=\"_blank\">\n      End User License Agreement</a>\n    and confirm you have read Verdocs'\n    <a href=\"https://verdocs.com/en/privacy-policy/\" target=\"_blank\">\n      Privacy Policy</a>.\n  </li>\n</ul>`;\n\nconst inProgressMenuOptions = [\n  {id: 'later', label: 'Finish Later'}, //\n  // {id: 'claim', label: 'Claim the Document', disabled: true},\n  {id: 'decline', label: 'Decline to Sign'},\n  {id: 'print', label: 'Print Without Signing'},\n  {id: 'download', label: 'Download'},\n];\n\nconst doneMenuOptions = [\n  {id: 'print', label: 'Print'},\n  {id: 'download', label: 'Download'},\n];\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n *\n * ```ts\n * <verdocs-sign\n *   envelopeId={ENVELOPE_ID}\n *   roleId={ROLE_ID}\n *   inviteCode={INVITE_CODE}\n *   envelopeUpdated={({ detail }) => console.log('Envelope updated state:', detail) }\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = DefaultEndpoint;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop({reflect: true}) envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop({reflect: true}) roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop({reflect: true}) inviteCode: string | null = null;\n\n  /**\n   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n   * component renders, the header will be removed from its default location and placed in the target element.\n   * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n   *\n   * The movement of the header to the target container is not dynamic - it is performed only on the initial\n   * render. Host applications should not conditionally render this container. If the header's visibility must\n   * be externally controlled, use CSS display options to hide/show it instead.\n   */\n  @Prop() headerTargetId: string | null = null;\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  /**\n   * Event fired when the envelope is loaded for the first time.\n   */\n  @Event({composed: true}) envelopeLoaded: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  // @State() roleNames: string[] = [];\n  // @State() sortedRecipients: IRecipient[] = [];\n  @State() recipient: IRecipient | null = null;\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() nextSubmits = false;\n  @State() fatalErrorHeader = '';\n  @State() fatalErrorMessage = '';\n  @State() focusedField = '';\n  @State() disclosures = DEFAULT_DISCLOSURES;\n  @State() submitting = false;\n  @State() submitted = false;\n  @State() isDone = false;\n  @State() showDone = false;\n  @State() showLoadError = false;\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n  @State() agreed = false;\n  @State() documentsSingularPlural = 'document';\n  @State() authStep: string | null = null;\n  @State() authMethodStates: Partial<Record<TRecipientAuthMethod, string>> = {};\n  @State() kbaQuestions: IKBAQuestion[] | null = null;\n  @State() showSpinner = false;\n  @State() declining = false;\n  @State() delegating = false;\n  @State() delegated = false;\n  @State() kbaChoices = [];\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  // recipientIndex: number = -1;\n\n  componentWillLoad() {\n    if (!this.endpoint) {\n      console.log('[SIGN] Creating signing endpoint');\n      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n    }\n  }\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n\n      // NOTE: We don't listen to the store here because we are often an independent\n      // session and might have a different \"view\" of the envelope.\n      const response = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);\n      console.log('[SIGN] Authentication successful', response);\n      this.processAuthResponse(response);\n    } catch (e) {\n      console.log('[SIGN] Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      this.showLoadError = true;\n    }\n  }\n\n  componentDidRender() {\n    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n    const headerEl = document.getElementById('verdocs-sign-header');\n    if (headerTarget && headerEl) {\n      console.log('[SIGN] Moving header');\n      headerEl.remove();\n      headerTarget.append(headerEl);\n    }\n  }\n\n  processAuthResponse(response: ISignerTokenResponse) {\n    const {envelope, recipient} = response;\n    const {auth_step} = recipient;\n    this.recipient = recipient;\n    this.envelope = envelope;\n    this.disclosures = this.envelope?.organization?.disclaimer || DEFAULT_DISCLOSURES;\n    this.authStep = auth_step;\n    this.delegated = !!recipient.delegated_to;\n    this.agreed = recipient.agreed;\n    this.submitted = recipient.status === 'submitted';\n    this.isDone = this.submitted;\n    this.showDone = this.submitted;\n    Store.updateEnvelope(this.envelopeId, envelope);\n\n    if (this.envelope.documents.length > 0) {\n      this.documentsSingularPlural = 'document(s)';\n    }\n\n    this.authMethodStates = recipient.auth_method_states || ({} as Record<TRecipientAuthMethod, string>);\n    this.kbaQuestions = recipient.kba_questions;\n    if (Object.values(this.authMethodStates).includes('failed')) {\n      this.fatalErrorHeader = 'Recipient Verification Failed';\n      this.fatalErrorMessage = 'We were unable to verify your identity. The sender has been notified.';\n      this.isDone = true;\n    }\n\n    // TODO: Envelope \"complete\" | \"declined\" | \"canceled\"\n    // TODO: Recipient \"canceled\"\n\n    if (this.envelope.status === 'canceled') {\n      this.fatalErrorHeader = 'Unable to Start Signing Session';\n      this.fatalErrorMessage = 'This envelope has been canceled. The sender has been notified.';\n    } else if (recipient.status === 'declined') {\n      this.fatalErrorHeader = 'Declined';\n      this.fatalErrorMessage = 'You have declined to sign this request. The sender has been notified.';\n    } else if (this.agreed) {\n      this.nextButtonLabel = 'Next';\n    }\n\n    this.checkRecipientFields();\n    this.envelopeLoaded?.emit({endpoint: this.endpoint, envelope: this.envelope});\n  }\n\n  handleClickAgree() {\n    this.submitting = true;\n    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true, this.disclosures)\n      .then(() => {\n        this.nextButtonLabel = 'Next';\n        this.recipient.agreed = true;\n        this.submitting = false;\n        this.agreed = true; // The server returns a recipient object but it's not \"deep\" so we track this locally\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'agreed'});\n      })\n      .catch(e => {\n        console.log('[SIGN] Update failure', e);\n        this.submitting = false;\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleOptionSelected(e: any) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'later'});\n        break;\n\n      case 'claim':\n        VerdocsToast('This feature will be available in an upcoming release.');\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'claimed'});\n        break;\n\n      case 'decline':\n        {\n          this.submitting = true;\n          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);\n          console.log('[SIGN] Decline result', declineResult);\n          this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'declined'});\n          this.submitting = false;\n          this.fatalErrorHeader = 'Declined';\n          this.fatalErrorMessage = 'You have declined to sign this request. The sender has been notified.';\n        }\n        break;\n\n      case 'print':\n        window.print();\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n        break;\n\n      case 'download':\n        {\n          const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n          if (firstDoc) {\n            saveAttachment(this.endpoint, this.envelope, firstDoc.id).catch(e => {\n              console.log('[SIGN] Error downloading PDF', e);\n            });\n            this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n          }\n        }\n        break;\n    }\n  }\n\n  updateRecipientFieldValue(fieldName: string, updateResult: any) {\n    console.log('[SIGN] updateRecipientFieldValue', fieldName, updateResult);\n    this.getRecipientFields().forEach(oldField => {\n      if (oldField.name === fieldName) {\n        oldField.value = updateResult.value;\n        // TODO: Keeping this while attachments still rely on it\n        oldField.settings = updateResult.settings;\n        updateDocumentFieldValue(oldField);\n        this.checkRecipientFields();\n      }\n    });\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    console.log('[SIGN] saveFieldChange', fieldName, fields);\n    updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          console.log('[SIGN] Signing session expired');\n          this.fatalErrorHeader = 'Signing Session Expired';\n          this.fatalErrorMessage = 'Please reload your browser to continue.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IEnvelopeField, e: any) {\n    const {value, checked} = e.target;\n\n    switch (field.type as any) {\n      // TODO: Remove legacy type when no longer needed\n      case 'textarea':\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'radio': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'dropdown':\n        // TODO: Set prepared to false server-side.\n        console.log('Saving dropdown', field.name, e.detail);\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(async newInitials => {\n            const updateResult = await updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.log('Error updating initials', e);\n            this.showSpinner = false;\n          });\n\n      case 'signature':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(async newSignature => {\n            console.log('Signature update result', newSignature);\n            const updateResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.warn('[SIGN] Error updating signature', e);\n            this.showSpinner = false;\n          });\n\n      case 'date':\n        const {formattedDate} = e.detail;\n        if (formattedDate) {\n          return this.saveFieldChange(field.name, {prepared: false, value: formattedDate});\n        }\n        break;\n\n      case 'timestamp':\n        console.log('[SIGN] Updating timestamp', {value, ts: e.target.getAttribute('timestamp')});\n        break;\n\n      default:\n        console.log('[SIGN] Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldFilled(field: IEnvelopeField) {\n    const {value = ''} = field;\n    switch (field.type as any) {\n      case 'textarea':\n      case 'textbox':\n        switch (field.validator || '') {\n          case 'email':\n            return isValidEmail(value);\n          case 'phone':\n            return isValidPhone(value);\n          default:\n            return (value || '').trim() !== '';\n        }\n\n      case 'signature':\n        return value === 'signed';\n\n      case 'initial':\n        return value === 'initialed';\n\n      // Timestamp fields get automatically filled when the envelope is submitted.\n      case 'timestamp':\n        return true;\n\n      case 'date':\n        return !!value;\n\n      case 'attachment':\n        return value === 'attached';\n\n      case 'dropdown':\n        return value !== '';\n\n      case 'checkbox':\n        return value === 'true';\n\n      case 'radio':\n        if (!!field.group) {\n          return this.getRecipientFields()\n            .filter(f => f.group === field.group)\n            .some(field => field.value === 'true');\n        }\n\n        return field.value === 'true';\n\n      default:\n        return false;\n    }\n  }\n\n  isFieldValid(field: IEnvelopeField) {\n    return !field.required || this.isFieldFilled(field);\n  }\n\n  getSortedFillableFields() {\n    const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');\n    sortFields(recipientFields);\n    return recipientFields;\n  }\n\n  async handleNext() {\n    if (this.nextSubmits) {\n      try {\n        // Patches the date picker to be forcibly removed if still showing during submission\n        document.getElementById('air-datepicker-global-container')?.remove();\n\n        this.submitting = true;\n        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);\n        console.log('[SIGN] Submitted successfully', result);\n        this.recipient.status = 'submitted';\n        this.showDone = true;\n        console.log('[SIGN] Reloading envelope');\n        getEnvelope(this.endpoint, this.envelopeId)\n          .then(envelope => {\n            this.envelope = envelope;\n            // The show-done dialog does this\n            // this.isDone = true;\n            this.submitting = false;\n          })\n          .catch(e => {\n            // this.isDone = true;\n            console.log('[SIGN] Error reloading envelope', e);\n            this.submitting = false;\n          });\n      } catch (e) {\n        console.log('[SIGN] Error submitting', e);\n      }\n\n      return;\n    }\n\n    // Find and focus the next incomplete field (that is fillable)\n    const emptyFields = this.getSortedFillableFields().filter(field => field.required && !this.isFieldFilled(field));\n    sortFields(emptyFields);\n\n    const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= emptyFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = emptyFields[nextFocusedIndex];\n    // console.log('Next field', nextRequiredField, emptyFields);\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < emptyFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ['initialed', 'signed'].includes(nextRequiredField.value)) {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= emptyFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = emptyFields[nextFocusedIndex];\n    }\n\n    if (skips >= emptyFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.scrollIntoView({behavior: 'smooth'});\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  getRecipientFields() {\n    return this.envelope.fields.filter(field => field.role_name === this.recipient.role_name);\n  }\n\n  // See if everything that \"needs to be\" filled in is, and all \"fillable fields\" are valid\n  checkRecipientFields() {\n    const invalidFields = this.getRecipientFields().filter(field => !this.isFieldValid(field));\n    if (invalidFields.length < 1) {\n      this.nextButtonLabel = 'Finish';\n      if (!this.nextSubmits) {\n        this.nextSubmits = true;\n      }\n    } else {\n      console.log(\n        '[SIGN] Invalid fields remaining',\n        invalidFields.map(field => field.name),\n      );\n      this.nextButtonLabel = 'Next';\n      this.nextSubmits = false;\n    }\n  }\n\n  attachFieldAttributes(pageInfo, field, el) {\n    // We can get called multiple times as rendering completes and it's hard to avoid that\n    // because it's a ton of work for the callers to know it's been done already. But we\n    // don't want to attach multiple event listeners or we get dupe event handling, like\n    // calling the server twice on every field update. Since JS has no removeAllEventListeners()\n    // option, using removeEventListener() isn't reliable the way Stencil binds local function\n    // contexts, and cloneNode messes up the rest of the rendering, we just track it with a flag.\n    if (el.getAttribute('attached') === '1') {\n      return;\n    }\n    el.setAttribute('attached', '1');\n\n    el.addEventListener('input', (e: any) => {\n      // console.log('[SIGN] onfieldInput', e.detail, e.target.value);\n      // These field types don't emit fieldChange. Should we standardize on that? We don't tap \"input\" for fields like\n      // text boxes because we'd be updating the field on every keystroke. We do those on blur which fires fieldChange.\n      if (e.target.type === 'radio' || e.target.type === 'checkbox') {\n        // if (e.target.type === 'radio' || e.target.name.includes('date') || e.target.name.includes('checkbox')) {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      } else {\n        this.checkRecipientFields();\n      }\n    });\n    el.addEventListener('attached', async (e: any) => {\n      console.log('[SIGN] onAttached', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, e.detail);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('deleted', async (e: any) => {\n      console.log('[SIGN] onDeleted', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await deleteEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name);\n        console.log('[SIGN] Deleted attachment', updateResult);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('focusout', e => {\n      // These field types trigger focusout as they're used, even without a value change\n      if (field.type !== 'dropdown' && field.type !== 'attachment') {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      }\n    });\n    el.addEventListener('fieldChange', e => {\n      this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n    });\n\n    el.setAttribute('templateid', this.envelope.template_id);\n    el.setAttribute('fieldname', field.name);\n    el.setAttribute('page', pageInfo.pageNumber);\n    el.setAttribute('xScale', pageInfo.xScale);\n    el.setAttribute('yScale', pageInfo.yScale);\n\n    const fullName = formatFullName(this.recipient);\n    el.setAttribute('initials', fullNameToInitials(fullName));\n    el.setAttribute('name', fullName);\n  }\n\n  handlePageRendered(e: any) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n\n    // NOTE: We don't filter on pageNumber here because we need the position in the\n    // entire list to set the tabIndex.\n    const recipientFields = this.getSortedFillableFields();\n    console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);\n\n    // First render the fields for the signer\n    recipientFields.forEach((field, tabIndex) => {\n      if (field.page !== pageInfo.pageNumber) {\n        return;\n      }\n\n      const el = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone}, tabIndex);\n      if (!el) {\n        return;\n      }\n\n      if (Array.isArray(el)) {\n        el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n      } else {\n        this.attachFieldAttributes(pageInfo, field, el);\n      }\n    });\n\n    // Now render the fields for other signers who have yet to act\n    this.envelope.recipients\n      .filter(r => r.role_name !== this.recipient.role_name && (r.status === 'invited' || r.status === 'opened' || r.status === 'pending'))\n      .forEach(() => {\n        this.getRecipientFields()\n          .filter(field => field.page === pageInfo.pageNumber)\n          .forEach(field => {\n            const el = renderDocumentField('envelope', field, pageInfo, {disabled: true, editable: false, draggable: false, done: this.isDone});\n            if (!el) {\n              return;\n            }\n\n            if (Array.isArray(el)) {\n              el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n            } else {\n              this.attachFieldAttributes(pageInfo, field, el);\n            }\n          });\n      });\n\n    this.checkRecipientFields();\n  }\n\n  handleAuthenticateSigner(params: TAuthenticateRecipientRequest) {\n    console.log('[SIGN] Submitting authentication step', params);\n    verifySigner(this.endpoint, params)\n      .then(r => {\n        console.log('[SIGN] Verification successful', r);\n        this.processAuthResponse(r);\n      })\n      .catch(e => {\n        console.log('[SIGN] Error submitting authentication step', e);\n        if (e.response?.data?.error?.includes('failed')) {\n          this.fatalErrorHeader = 'Recipient Verification Failed';\n          this.fatalErrorMessage = 'We were unable to verify your identity. The sender has been notified.';\n          this.isDone = true;\n        } else {\n          VerdocsToast(e.response?.data?.error || 'Unable to verify your identity. Please try again.', {style: 'error'});\n        }\n      });\n  }\n\n  render() {\n    console.log('[SIGN] Rendering', {authStep: this.authStep});\n    if (this.showLoadError) {\n      return (\n        <Host>\n          <verdocs-ok-dialog\n            heading=\"Unable to Start Signing\"\n            message={`Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`}\n            buttonLabel=\"OK\"\n            onNext={() => {\n              window.location.reload();\n            }}\n          />\n        </Host>\n      );\n    }\n\n    if (!this.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (this.fatalErrorMessage) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <div class=\"fatal-error\">\n            <div class=\"message\">\n              <div class=\"header\">{this.fatalErrorHeader}</div>\n              <p>{this.fatalErrorMessage}</p>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.delegated) {\n      return (\n        <Host class={{agreed: false}}>\n          <div class=\"fatal-error\">\n            <div class=\"message\">\n              <div class=\"header\">Delegated Signing Request</div>\n              <p>You have delegated signing to another recipient. You will not be able to sign this request again.</p>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.isDone) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <verdocs-view endpoint={this.endpoint} envelopeId={this.envelopeId} onSdkError={e => this.sdkError?.emit(e.detail)} />\n\n          {this.showDone && (\n            <verdocs-ok-dialog\n              heading=\"You're Done!\"\n              message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n              onNext={(e: any) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.showDone = false;\n                this.isDone = true;\n              }}\n            />\n          )}\n\n          {this.submitting && (\n            <div class=\"loading-indicator\">\n              <verdocs-loader />\n            </div>\n          )}\n        </Host>\n      );\n    }\n\n    if (this.delegating) {\n      return (\n        <verdocs-delegate-dialog\n          endpoint={this.endpoint}\n          envelope={this.envelope}\n          onExit={() => (this.delegating = false)}\n          onNext={(e: any) => {\n            delegateRecipient(this.endpoint, this.envelopeId, this.roleId, e.detail)\n              .then(r => {\n                VerdocsToast('Delegation request submitted.', {style: 'success'});\n                console.log('[SIGN] Delegated successfully', r);\n                this.delegated = true;\n                this.delegating = false;\n              })\n              .catch(e => {\n                console.log('[SIGN] Error delegating request', e);\n                VerdocsToast('Unable to process delegation request. Please try again later.', {style: 'error'});\n              });\n          }}\n        />\n      );\n    }\n\n    if (this.declining) {\n      return (\n        <verdocs-ok-dialog\n          heading=\"Decline Signing Request\"\n          message={`If you decline to sign this request, you will not be able to sign again in the future. The envelope sender will be notified.`}\n          buttonLabel=\"OK\"\n          showCancel={true}\n          onExit={() => (this.declining = false)}\n          onNext={() => {\n            envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId)\n              .then(r => {\n                console.log('[SIGN] Decline result', r);\n                window.location.reload();\n              })\n              .catch(e => console.warn('[SIGN] Error declining signing session', e));\n          }}\n        />\n      );\n    }\n\n    if (!this.agreed) {\n      return (\n        <Host class=\"agreed\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <verdocs-disclosure-dialog disclosures={this.disclosures} onDecline={() => (this.declining = true)} onAccept={() => this.handleClickAgree()} />\n        </Host>\n      );\n    }\n\n    if (this.authStep === 'passcode') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"text\"\n                step={1}\n                steps={1}\n                placeholder=\"Enter your passcode...\"\n                helptitle=\"Document is protected by a Passcode\"\n                helptext=\"Please enter your Passcode to proceed. If you do not have one, please contact the sender.\"\n                label=\"Passcode\"\n                onNext={e => this.handleAuthenticateSigner({auth_method: 'passcode', code: e.detail as string})}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.authStep === 'email') {\n      return (\n        <verdocs-otp-dialog\n          endpoint={this.endpoint}\n          method=\"email\"\n          onNext={async e => {\n            this.processAuthResponse(e.detail.response);\n          }}\n        />\n      );\n    }\n\n    if (this.authStep === 'kba' && !this.authMethodStates.kba) {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"identity\"\n                helptitle=\"Document requires identity verification\"\n                helptext=\"Please complete your contact details to proceed.\"\n                recipient={this.recipient}\n                onNext={async e => {\n                  const recipDetails = e.detail as IRecipient;\n                  this.handleAuthenticateSigner({\n                    auth_method: 'kba',\n                    first_name: recipDetails.first_name,\n                    last_name: recipDetails.last_name,\n                    address: recipDetails.address,\n                    city: recipDetails.city,\n                    state: recipDetails.state,\n                    zip: recipDetails.zip,\n                    dob: recipDetails.dob,\n                  });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.authStep === 'kba' && this.authMethodStates.kba === 'questions') {\n      const questionNumber = this.kbaChoices.length;\n      const kbaQuestion = this.kbaQuestions[questionNumber];\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              {this.kbaChoices.length >= this.kbaQuestions.length ? (\n                <verdocs-spinner />\n              ) : (\n                <verdocs-kba-dialog\n                  mode=\"choice\"\n                  helptitle=\"Your identity requires additional verification\"\n                  helptext={kbaQuestion?.prompt || 'Please select one of the options below.'}\n                  choices={kbaQuestion?.answer || ['Skip Question']}\n                  step={questionNumber + 1}\n                  steps={this.kbaQuestions.length}\n                  onNext={async (e: any) => {\n                    const answer = e.detail as string;\n                    this.kbaChoices = [...this.kbaChoices, answer];\n                    if (this.kbaChoices.length >= this.kbaQuestions.length) {\n                      const responses = this.kbaQuestions.map((q, i) => ({type: q.type, answer: this.kbaChoices[i]}));\n                      console.log('Submitting KBA responses', this.kbaChoices, responses);\n                      this.handleAuthenticateSigner({auth_method: 'kba', responses});\n                    }\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div id=\"verdocs-sign-header\">\n          <div class=\"inner\">\n            <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n            <div class=\"title\">{this.envelope.name}</div>\n            <div style={{flex: '1'}} />\n\n            {!this.finishLater && <verdocs-button size=\"xsmall\" label={this.nextButtonLabel} disabled={!this.agreed || this.submitting} onClick={() => this.handleNext()} />}\n\n            <div style={{marginLeft: '10px'}} />\n            <verdocs-dropdown options={!this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n          </div>\n        </div>\n\n        <div class=\"document\" style={{paddingTop: '15px'}}>\n          {(this.envelope.documents || []).map(envelopeDocument => {\n            const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n            return (\n              <Fragment>\n                {pageNumbers.map(pageNumber => {\n                  const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and\n                  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or\n                  // future signers still need to act. Once we're \"done\" we flip to showing the envelope's documents which have the final\n                  // field vales (so far) stamped into them.\n                  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure\n                  //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.\n                  // console.log('tp', templatePage, page);\n                  return (\n                    <verdocs-envelope-document-page\n                      envelopeId={this.envelopeId}\n                      documentId={envelopeDocument.id}\n                      endpoint={this.endpoint}\n                      virtualWidth={pageSize.width}\n                      virtualHeight={pageSize.height}\n                      pageNumber={pageNumber}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      type=\"filled\"\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  );\n                })}\n              </Fragment>\n            );\n          })}\n        </div>\n\n        {this.showFinishLater && (\n          <verdocs-ok-dialog\n            heading=\"You've saved your document to finish later.\"\n            message={`To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`}\n            onNext={() => (this.showFinishLater = false)}\n          />\n        )}\n\n        {this.showDone && (\n          <verdocs-ok-dialog\n            heading=\"You're Done!\"\n            message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n            onNext={() => {\n              this.showDone = false;\n              this.isDone = true;\n            }}\n          />\n        )}\n\n        {this.submitting ||\n          (this.showSpinner && (\n            <verdocs-portal>\n              <div class=\"spinner-overlay\">\n                <verdocs-spinner />\n              </div>\n            </verdocs-portal>\n          ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-c639c1aa.system.entry.js → p-596326ba.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-gAi_FRvp.system.js"],(function(o){"use strict";var e,t;return{setters:[function(o){e=o.r;t=o.h}],execute:function(){var r='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toggle{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';var s=o("verdocs_toggle",function(){function o(o){e(this,o);this.selectedOption=0}o.prototype.componentWillLoad=function(){var o;this.selectedOption=((o=this.options)===null||o===void 0?void 0:o.defaultSelection)||0};o.prototype.render=function(){var o=this;return t("div",{key:"aaa423ec2c2783ea0e8df7ce716ef0faeb5381b7",class:"container"},t("span",{key:"4a046c8928e0c524a39fac38ef4e6659ab22caca",class:"label"},"".concat(this.options.label,":")),t("div",{key:"e83171226f4084830a49ad684a13c579874d5918",class:"buttons"},this.options.buttons.map((function(e,r){return t("button",{id:e.id,key:e.id,innerHTML:e.icon,class:r===o.selectedOption?"selected":"",onClick:function(){console.log("clicked",r);o.selectedOption=r}})}))))};return o}());s.style=r}}}));
-//# sourceMappingURL=p-c639c1aa.system.entry.js.map
+System.register(["./p-gAi_FRvp.system.js"],(function(e){"use strict";var o,t;return{setters:[function(e){o=e.r;t=e.h}],execute:function(){var r='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toggle{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';var s=e("verdocs_toggle",function(){function e(e){o(this,e);this.selectedOption=0}e.prototype.componentWillLoad=function(){var e;this.selectedOption=((e=this.options)===null||e===void 0?void 0:e.defaultSelection)||0};e.prototype.render=function(){var e=this;return t("div",{key:"a167b6b40a4a161cd3c0a2bddca580fa7298d8e0",class:"container"},t("span",{key:"e5f1bee9371da64f04f6c5e0b2e8a52084edafed",class:"label"},"".concat(this.options.label,":")),t("div",{key:"e87eba64df92355fe5f80d05b31e2ed7bfb3c9d7",class:"buttons"},this.options.buttons.map((function(o,r){return t("button",{id:o.id,key:o.id,innerHTML:o.icon,class:r===e.selectedOption?"selected":"",onClick:function(){console.log("clicked",r);e.selectedOption=r}})}))))};return e}());s.style=r}}}));
+//# sourceMappingURL=p-596326ba.system.entry.js.map

package/dist/verdocs-web-sdk/p-59723c89.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as s,H as o,g as t}from"./p-CF7i8guW.js";import{integerSequence as r}from"@verdocs/js-sdk";import{b as a}from"./p-fL0BKEnm.js";import{c as l}from"./p-BfP9ezJQ.js";import"./p-BFTU3MAI.js";import"./p-dzBXqXlK.js";import"./p-Dl7Xw8F0.js";const n='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-size:16px;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}';const c=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>`;const d=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>`;const f=5;const b=({page:e,selected:i,onClick:o})=>{let t;if(e==="first"){t=c}else if(e==="last"){t=d}else{t=String(e+1)}return s("div",{class:`page-button ${e===i?"selected":""}`,onClick:()=>o(e),innerHTML:t})};const p=class a{constructor(s){e(this,s);this.selectPage=i(this,"selectPage");this.selectedPage=0;this.itemCount=1;this.perPage=10}handleSelectPage(e){var i;this.selectedPage=e;(i=this.selectPage)===null||i===void 0?void 0:i.emit({selectedPage:e})}render(){const e=Math.max(0,this.selectedPage-2);const i=this.itemCount>0?Math.ceil(this.itemCount/this.perPage):0;const t=r(0,Math.ceil(this.itemCount/this.perPage)).slice(e,e+f);return s(o,{key:"be5c85f6d219c3589c3ef508e2305cbebea4f320"},this.selectedPage>0&&s(b,{key:"de0c9f90c0af7b77f6d9112c7e2d43978511d0d7",page:"first",selected:this.selectedPage,onClick:()=>this.handleSelectPage(0)}),e>0&&s("div",{key:"f89043de5ca509613e85e3dc00abc8bd3450be6d",class:"ellipsis"},"..."),t.map((e=>s(b,{page:e,selected:this.selectedPage,onClick:e=>this.handleSelectPage(+e)}))),this.selectedPage<i-1&&s("div",{key:"2ddedd7acfab567d550e77bc9471f35114d427de",class:"ellipsis"},"..."),this.selectedPage<i-1&&s(b,{key:"64be509651e68b79bc0f1084eb2e0204d769dfef",page:"last",selected:this.selectedPage,onClick:()=>this.handleSelectPage(i-1)}))}get el(){return t(this)}};p.style=n;const h='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}';const g=`<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;const u=class{constructor(s){e(this,s);this.optionSelected=i(this,"optionSelected");this.options=[];this.label="Filter";this.value="";this.placeholder="Select...";this.clickListenerSymbol=new AbortController}componentDidLoad(){this.popper=l(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-1,14]}}]});window.addEventListener("click",this.clickListener.bind(this),{signal:this.clickListenerSymbol.signal})}disconnectedCallback(){this.clickListenerSymbol.abort()}clickListener(e){const i=!(e.target==this.el||this.el.contains(e.target));if(i){this.hide()}}handleSelectOption(e,i){e.stopPropagation();this.optionSelected.emit(i);this.value=i.value;this.hide()}showDropdown(){var e,i;this.open=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:true}]}))).catch((()=>{}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((()=>{}))}handleHideDropdown(e){var i,s;if(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.localName)==="button"&&((s=e===null||e===void 0?void 0:e.target)===null||s===void 0?void 0:s.className)==="arrow"){return}this.hide()}toggleDropdown(e){e.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}}hide(){var e;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:false}]}))).catch((()=>{}))}render(){var e,i,t;const r=(e=this.options)===null||e===void 0?void 0:e.find((e=>e.value===this.value));const l=(i=this.options)===null||i===void 0?void 0:i.reduce(((e,i)=>e.label.length>i.label.length?e:i));const n=a((l===null||l===void 0?void 0:l.label)||"FILLER","14px Inter, Barlow, sans-serif");const c=a(this.label,"14px Inter, Barlow, sans-serif");const d=`${n+c+40}px`;return s(o,{key:"322a8f4a3843cec17261ac8a20004db1a6a2d8d7",class:{open:!!this.open},style:{minWidth:d,display:"inline-block"}},s("div",{key:"1491f6b3986ccd0764a4dd5bc03ad66fc5d4b7b2",class:"control",onClick:e=>this.toggleDropdown(e),onBlur:e=>this.handleHideDropdown(e)},s("div",{key:"485f1f741ced9c8af1a5eaffffbe87448b3337b4",class:"title",ref:e=>this.dropdownButton=e},s("span",{key:"01aefe07e5802cb69055ac7996fdf1fd1b58d5a5",class:"prefix"},this.label,":"),r?r.label:this.placeholder),s("div",{key:"a5c2a36da359f121a418299018fe6e424f3186b8",style:{flex:"1"}}),s("div",{key:"c1f3ec97d938fe36d90e7047838c67238a4125c4",class:"separator"}),s("div",{key:"86c1ebdabf1b7fcf600f48d3dda1eb33a2184789",class:"arrow",innerHTML:g,"aria-label":"Open Menu"})),s("div",{key:"b4a49186874d81758eee6768f95b136378620439",class:"items","aria-hidden":!this.open,ref:e=>this.dropdownMenu=e,style:{minWidth:d}},(t=this.options)===null||t===void 0?void 0:t.map((e=>e.label?s("button",{onClick:i=>this.handleSelectOption(i,e),class:`option ${e.value===this.value?"selected":""}`,disabled:e.disabled},e.label):s("div",{class:"separator"})))))}get el(){return t(this)}};u.style=h;export{p as verdocs_pagination,u as verdocs_quick_filter};
+//# sourceMappingURL=p-59723c89.entry.js.map

package/dist/verdocs-web-sdk/{p-1718b823.entry.js.map → p-59723c89.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsPaginationCss","ChevronDoubleLeft","ChevronDoubleRight","VISIBLE_PAGES","PageButton","page","selected","onClick","label","String","h","class","innerHTML","VerdocsQuickFilter","constructor","hostRef","this","selectedPage","itemCount","perPage","handleSelectPage","_a","selectPage","emit","render","firstPage","Math","max","numPages","ceil","pagesToDisplay","integerSequence","slice","Host","key","map","pageNumber","verdocsQuickFilterCss","DropdownArrow","options","value","placeholder","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","showDropdown","open","setAttribute","removeAttribute","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","style","display","onBlur","ref","flex","_c","disabled"],"sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["verdocsPaginationCss","ChevronDoubleLeft","ChevronDoubleRight","VISIBLE_PAGES","PageButton","page","selected","onClick","label","String","h","class","innerHTML","VerdocsQuickFilter","constructor","hostRef","this","selectedPage","itemCount","perPage","handleSelectPage","_a","selectPage","emit","render","firstPage","Math","max","numPages","ceil","pagesToDisplay","integerSequence","slice","Host","key","map","pageNumber","verdocsQuickFilterCss","DropdownArrow","options","value","placeholder","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","showDropdown","open","setAttribute","removeAttribute","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","style","display","onBlur","ref","flex","_c","disabled"],"sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}