@verdocs/web-sdk 4.2.119 → 4.2.122

package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js

@@ -8,7 +8,7 @@ const EnvelopeStore = require('./EnvelopeStore-db69faac.js');
 const Types = require('./Types-7a726ff3.js');
 const Toast = require('./Toast-d84d7bd3.js');
 const errors = require('./errors-017fb835.js');
-const format = require('./format-0f565a28.js');
+const format = require('./format-dc0f3757.js');
 require('./index-2a189d85.js');
 require('./index-c12980a1.js');
 

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a27a7f77.js');
 const jsSdk = require('@verdocs/js-sdk');
-const utils = require('./utils-469e8fc5.js');
+const utils = require('./utils-6a8c3390.js');
 const Toast = require('./Toast-d84d7bd3.js');
 const errors = require('./errors-017fb835.js');
 require('./_commonjsHelpers-e6ff1d6e.js');
 require('./Types-7a726ff3.js');
-require('./format-0f565a28.js');
+require('./format-dc0f3757.js');
 
 const verdocsEnvelopesListCss = "@-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-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}";
 const VerdocsEnvelopesListStyle0 = verdocsEnvelopesListCss;
@@ -200,18 +200,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'afc4e894ffe975884de4740ab191141f45ae8dd3' }, index.h("div", { key: 'a31c5d67b40c79977ef398ade34906083386a6df', class: "header" }, index.h("div", { key: '4c9e4e53ad08e7ac14d6567da0bc9d8e076f3550', class: "filter" }, index.h("verdocs-text-input", { key: 'ea20a5b962b13f678a333c246cde83ce6d8ee9d7', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (index.h(index.Host, { key: '65d29f9d52c1e4580e335015941be7f8f20197a9' }, index.h("div", { key: '64a021af11c8a291981bb49f88cddedf5253593d', class: "header" }, index.h("div", { key: '12ae24224cc5bae515cad1b6382b1fa64fce1223', class: "filter" }, index.h("verdocs-text-input", { key: 'b895bcdfa7829a5a78460759291890859d5cf6b5', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), index.h("verdocs-quick-filter", { key: '32a191d2d8e67c2d6633e4ae43ed16d82bc9fa8d', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: '72e6e429edabd43c71a24d5d74e7be57b44073b8', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '41ff33e406d7c7b40512e1ce3bbfbcc883b4871a', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '883d9ed133ad696a6fa1a572aa331aad753296ea', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '28ca07defeb30f227345dd691a1672200c071c9f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '626d712a6760eb30c9d10a142358f0e9c3ad6548', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && index.h("verdocs-spinner", { key: '8cac7f3bd1c013d04a355e38ff8d299f33de8d71', mode: "dark", size: 24 }), index.h("div", { key: 'f3e30dd1d638900f27b618c467b2e954de3da4a6', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'afa9d35d7c33ea1d6a6dcb44572d83f9195ffaed', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && index.h("verdocs-spinner", { key: '391ee75435dfe6203eef29e29b14f74cda3a32ab', mode: "dark", size: 24 }), index.h("div", { key: 'd12b2ce01d44e81728189968947c7b5e9e778293', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'c2d20419257993759e8cd7c5ea5e58a20db5b15e', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = jsSdk.getRecipientsWithActions(envelope);
             const userCanCancel = jsSdk.userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -252,7 +252,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: 'c9208b59bfe96f706bfb30e5ced6e9024e2d93a4', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '169424956740f02d92be417c370cbce2621a233c', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (index.h("div", { key: '3c1f1711abdeaaf92c12129e8f7e5ab13c06db1d', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '1f14c23162b105b4947e3b574e0192fee0f164b5', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (index.h("div", null))));
     }

package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js

@@ -9,30 +9,41 @@ const TemplateFieldStore = require('./TemplateFieldStore-836d8bf5.js');
 const Icons = require('./Icons-9a6f2f7c.js');
 const _commonjsHelpers = require('./_commonjsHelpers-e6ff1d6e.js');
 const Types = require('./Types-7a726ff3.js');
-const format = require('./format-0f565a28.js');
+const format = require('./format-dc0f3757.js');
 const interact_min = require('./interact.min-e6956f8b.js');
 require('./index-c12980a1.js');
 
-const verdocsFieldAttachmentCss = "@-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-field-attachment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-field-attachment.required .attach{border:1px solid #cc0000}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}@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)}}";
+const verdocsFieldAttachmentCss = "@-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-field-attachment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-attachment label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-field-attachment.required .attach{border:1px solid #cc0000}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}@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)}}";
 const VerdocsFieldAttachmentStyle0 = verdocsFieldAttachmentCss;
 
 const PaperclipIcon$1 = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;
-const AttachedIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104.69 122.88"><g><path d="M31.54,86.95c-1.74,0-3.16-1.43-3.16-3.19c0-1.76,1.41-3.19,3.16-3.19h20.5c1.74,0,3.16,1.43,3.16,3.19 c0,1.76-1.41,3.19-3.16,3.19H31.54L31.54,86.95z M31.54,42.27c-1.74,0-3.15-1.41-3.15-3.15c0-1.74,1.41-3.15,3.15-3.15h41.61 c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,42.27z M66.57,108.66c-1.36-1.08-1.59-3.06-0.5-4.42 c1.08-1.36,3.06-1.59,4.42-0.5l9.57,7.59l18.21-22.27c1.1-1.35,3.09-1.54,4.43-0.44c1.35,1.1,1.54,3.09,0.44,4.43l-20.17,24.67l0,0 c-1.09,1.33-3.04,1.54-4.39,0.47L66.57,108.66L66.57,108.66z M56.85,116.58c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15 H7.33c-2.02,0-3.85-0.82-5.18-2.15C0.82,119.4,0,117.57,0,115.55V7.33c0-2.02,0.82-3.85,2.15-5.18C3.48,0.82,5.31,0,7.33,0h90.02 c2.02,0,3.85,0.82,5.18,2.15c1.33,1.33,2.15,3.16,2.15,5.18V72.6c0,1.74-1.41,3.15-3.15,3.15c-1.74,0-3.15-1.41-3.15-3.15V7.33 c0-0.28-0.12-0.54-0.3-0.73c-0.19-0.19-0.45-0.3-0.73-0.3H7.33c-0.28,0-0.54,0.12-0.73,0.3C6.42,6.8,6.3,7.05,6.3,7.33v108.21 c0,0.28,0.12,0.54,0.3,0.73c0.19,0.19,0.45,0.3,0.73,0.3H56.85L56.85,116.58z M31.54,64.59c-1.74,0-3.15-1.41-3.15-3.15 c0-1.74,1.41-3.15,3.15-3.15h41.61c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,64.59z"/></g></svg>`;
+// const AttachedIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104.69 122.88"><g><path d="M31.54,86.95c-1.74,0-3.16-1.43-3.16-3.19c0-1.76,1.41-3.19,3.16-3.19h20.5c1.74,0,3.16,1.43,3.16,3.19 c0,1.76-1.41,3.19-3.16,3.19H31.54L31.54,86.95z M31.54,42.27c-1.74,0-3.15-1.41-3.15-3.15c0-1.74,1.41-3.15,3.15-3.15h41.61 c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,42.27z M66.57,108.66c-1.36-1.08-1.59-3.06-0.5-4.42 c1.08-1.36,3.06-1.59,4.42-0.5l9.57,7.59l18.21-22.27c1.1-1.35,3.09-1.54,4.43-0.44c1.35,1.1,1.54,3.09,0.44,4.43l-20.17,24.67l0,0 c-1.09,1.33-3.04,1.54-4.39,0.47L66.57,108.66L66.57,108.66z M56.85,116.58c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15 H7.33c-2.02,0-3.85-0.82-5.18-2.15C0.82,119.4,0,117.57,0,115.55V7.33c0-2.02,0.82-3.85,2.15-5.18C3.48,0.82,5.31,0,7.33,0h90.02 c2.02,0,3.85,0.82,5.18,2.15c1.33,1.33,2.15,3.16,2.15,5.18V72.6c0,1.74-1.41,3.15-3.15,3.15c-1.74,0-3.15-1.41-3.15-3.15V7.33 c0-0.28-0.12-0.54-0.3-0.73c-0.19-0.19-0.45-0.3-0.73-0.3H7.33c-0.28,0-0.54,0.12-0.73,0.3C6.42,6.8,6.3,7.05,6.3,7.33v108.21 c0,0.28,0.12,0.54,0.3,0.73c0.19,0.19,0.45,0.3,0.73,0.3H56.85L56.85,116.58z M31.54,64.59c-1.74,0-3.15-1.41-3.15-3.15 c0-1.74,1.41-3.15,3.15-3.15h41.61c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,64.59z"/></g></svg>`;
+const AttachedIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#339933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m9 15 2 2 4-4"/></svg>`;
 const VerdocsFieldAttachment = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
-        this.deleted = index.createEvent(this, "deleted", 7);
         this.attached = index.createEvent(this, "attached", 7);
-        this.remove = index.createEvent(this, "remove", 7);
+        this.deleted = index.createEvent(this, "deleted", 7);
         this.fieldStore = null;
         this.roleStore = null;
         this.handleUploadNext = (e) => {
             var _a;
             console.log('Upload next', e);
+            this.dialogOpen = false;
             this.selectedFile = e.detail[0];
             (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
         };
+        this.handleUploadRemove = (e) => {
+            var _a;
+            console.log('removing attachment');
+            e.preventDefault();
+            e.stopPropagation();
+            (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldname });
+            this.selectedFile = null;
+            // TODO: Judgment call, discuss with P.
+            // this.dialogOpen = false;
+        };
         this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
         this.templateid = '';
         this.fieldname = '';
@@ -46,9 +57,14 @@ const VerdocsFieldAttachment = class {
         this.showingProperties = false;
         this.dialogOpen = false;
         this.selectedFile = null;
+        this.focused = false;
     }
     async focusField() {
-        this.inputEl.focus();
+        // Our input field is fake, so we fake the flash too
+        this.focused = true;
+        setTimeout(() => {
+            this.focused = false;
+        }, 500);
     }
     async showSettingsPanel() {
         const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
@@ -68,29 +84,17 @@ const VerdocsFieldAttachment = class {
     }
     handleShow() {
         this.dialogOpen = true;
-        // this.dialog = document.createElement('verdocs-upload-dialog');
-        // this.dialog.open = true;
-        // this.dialog.existingFile = {name: 'image.png', size: 1000, type: 'image/png', lastModified: Date.now(), data: ''};
-        // this.dialog.addEventListener('exit', () => this.dialog?.remove());
-        // this.dialog.addEventListener('remove', () => this.remove?.emit());
-        // document.addEventListener('next', (e: any) => {
-        //   console.log('attach onNext', e.detail[0]);
-        //   this.selectedFile = e.detail[0];
-        //   this.attached?.emit(e.detail[0]);
-        //   this.dialog.open = false;
-        // });
-        // document.body.append(this.dialog);
     }
     render() {
-        const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
+        const { templateid, fieldname = '', editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
-        const { required = false, role_name = '', value = '', label = '' } = field || {};
+        const { required = false, role_name = '', value = '', label = '', settings = {} } = field || {};
         const backgroundColor = jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role_name));
         const hasFile = value || !!this.selectedFile;
         if (done) {
             return (index.h(index.Host, { class: { done } }, index.h("div", { class: "attach", innerHTML: hasFile ? AttachedIcon : PaperclipIcon$1 })));
         }
-        return (index.h(index.Host, { class: { required, disabled, done }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("div", { class: "attach", innerHTML: hasFile ? AttachedIcon : PaperclipIcon$1, onClick: () => !disabled && this.handleShow() }), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
+        return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("div", { class: "attach", innerHTML: hasFile ? AttachedIcon : PaperclipIcon$1, onClick: () => !disabled && this.handleShow() }), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -101,12 +105,7 @@ const VerdocsFieldAttachment = class {
                 var _a;
                 (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
                 return this.hideSettingsPanel();
-            }, helpText: 'Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow.' }))))), this.dialogOpen && (index.h("verdocs-upload-dialog", {
-            // existingFile={{name: 'image.png', size: 1000, type: 'image/png', lastModified: Date.now(), data: ''}}
-            onNext: e => this.handleUploadNext(e), onExit: () => (this.dialogOpen = false), onRemove: e => {
-                console.log('remove', e);
-            }
-        }))));
+            }, helpText: 'Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow.' }))))), this.dialogOpen && (index.h("verdocs-portal", null, index.h("verdocs-upload-dialog", { existingFile: settings, onNext: e => this.handleUploadNext(e), onRemove: e => this.handleUploadRemove(e), onExit: () => (this.dialogOpen = false) })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -325,9 +324,14 @@ const VerdocsFieldDropdown = class {
         this.yscale = 1;
         this.pagenumber = 1;
         this.showingProperties = false;
+        this.focused = false;
     }
     async focusField() {
-        this.el.focus();
+        // Our input field is fake, so we fake the flash too
+        this.focused = true;
+        setTimeout(() => {
+            this.focused = false;
+        }, 500);
     }
     handleChange(e) {
         this.fieldChange.emit(e.target.value);
@@ -349,15 +353,14 @@ const VerdocsFieldDropdown = class {
         this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
     }
     render() {
-        const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
+        const { templateid, fieldname = '', editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
         const { required = false, role_name = '', value = '', label = '', options = [] } = field || {};
         const backgroundColor = jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role_name));
         if (done) {
             return index.h(index.Host, { class: { done } }, value);
         }
-        // TODO: Remove as any when JS SDK is updated
-        return (index.h(index.Host, { class: { required, disabled, done }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("select", { disabled: disabled, ref: el => (this.el = el), onChange: e => this.handleChange(e) }, index.h("option", { value: "" }, "Select..."), (options || []).map(option => (index.h("option", { value: option.id, selected: option.id === value }, option.label)))), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
+        return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, index.h("option", { value: "" }, "Select..."), options.map(option => (index.h("option", { value: option.id, selected: option.id === value }, option.label)))), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -467,7 +470,7 @@ const VerdocsFieldInitial = class {
 };
 VerdocsFieldInitial.style = VerdocsFieldInitialStyle0;
 
-const verdocsFieldRadioCss = "@-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-field-radio{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:12px;height:12px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid #cc0000}verdocs-field-radio.hide{display:none}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}@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)}}";
+const verdocsFieldRadioCss = "@-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-field-radio{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:12px;height:12px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid #cc0000}verdocs-field-radio.hide{display:none}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}@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)}}";
 const VerdocsFieldRadioStyle0 = verdocsFieldRadioCss;
 
 const RadioIconUnselected = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg>`;
@@ -489,6 +492,14 @@ const VerdocsFieldRadio = class {
         this.yscale = 1;
         this.pagenumber = 1;
         this.showingProperties = false;
+        this.focused = false;
+    }
+    async focusField() {
+        // Our input field is fake, so we fake the flash too
+        this.focused = true;
+        setTimeout(() => {
+            this.focused = false;
+        }, 500);
     }
     async showSettingsPanel() {
         const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
@@ -507,7 +518,7 @@ const VerdocsFieldRadio = class {
         this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateid);
     }
     render() {
-        const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
+        const { templateid, fieldname = '', editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
         const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
         const { name, required = false, role_name = '', label = '', group = '', value = false } = field || {};
         const backgroundColor = jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role_name));
@@ -517,7 +528,7 @@ const VerdocsFieldRadio = class {
         if (done) {
             return (index.h(index.Host, { class: { done }, style: { maxWidth: '10px' } }, index.h("span", { innerHTML: selected ? RadioIconSelected : RadioIconUnselected })));
         }
-        return (index.h(index.Host, { class: { required, disabled, done }, style: { backgroundColor } }, label && index.h("div", { class: "label" }, label), editable && group && index.h("div", { class: "group" }, group), index.h("input", { id: fieldId, type: "radio", name: group || fieldname, value: name, checked: !!selected, disabled: disabled, required: required }), index.h("label", { htmlFor: fieldId }), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
+        return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("div", { class: "label" }, label), editable && group && index.h("div", { class: "group" }, group), index.h("input", { id: fieldId, type: "radio", name: group || fieldname, value: name, checked: !!selected, disabled: disabled, required: required }), index.h("label", { htmlFor: fieldId }), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -1155,7 +1166,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: '900aeea0744959a212d056aa8dd1b1574d6cdd35', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'b6170caaedaa8919b67e6783f78998420c5c9110', class: "dialog" }, index.h("div", { key: '915fda82214056830d281a0ca2673c82b3aea458', class: "heading" }, "Create Your Initial"), index.h("div", { key: 'ab1c0325dec9d4173f1a796b2f717dbac7c62d8c', class: "content" }, index.h("verdocs-text-input", { key: 'a38478a6b432559d6742708a75a23b2d46ddd2cc', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: '34aedea0b3a8145a744a75b7d47586aec8913733', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: 'b5a021ecd2048f89fde646e4eb1c41f9158d5b1b', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: '921ddbde7a8993a015ab1ab9d4e07d0624b75533', class: "buttons" }, index.h("verdocs-button", { key: 'd0e3be3c7309195b8071d35c100eb485c1cbdef0', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '943b216a82be8aa9f10b8d416aaf0aaffe69c624', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: 'c4b8b5e4b5f4017deca35db1c5daa1f8fabb0616', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'c360d141ae17728f8b06961262976b5015a1273d', class: "dialog" }, index.h("div", { key: 'ac204ddf1e5dc891d05f85a27ea46fdf2842bd8a', class: "heading" }, "Create Your Initial"), index.h("div", { key: '2875533b7d38749252210680c3796e7909a2726d', class: "content" }, index.h("verdocs-text-input", { key: 'b91fc797dfec20e87c6f3363e0ac3a135454cea8', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: 'fe8e817476ea21d2bf57778e19c9e4091e702c3f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: 'b37e3a57ab82cc3b096d3fc4d4211897b600d306', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: 'd13af212f0a76ee6a18f9daa8525cbe8ba89dc47', class: "buttons" }, index.h("verdocs-button", { key: '3d2dcf7dce79718c082b0da14b17f99f031cc6d4', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '2e3628468a651385d85cf3dfe259ce277b3adf8b', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = VerdocsInitialDialogStyle0;
@@ -1376,12 +1387,12 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: '1c8be76f76ad6c6c6bb455ea94af5aaefe48d8dc', onClick: e => this.handleCancel(e) }, index.h("div", { key: '179622d724573e78c3a23b81902c5380dfd3b6b4', class: "dialog" }, index.h("div", { key: 'a149f5453e75339e07fa6fa93c69099e5857b6c6', class: "heading" }, "Create Your Signature"), index.h("div", { key: 'b55b63fc5fd3050b164ff1952dc0b206265c6c06', class: "content" }, index.h("verdocs-text-input", { key: '2e9edfb8b7cf22819a72c2a7e831b8245134c710', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: 'a4e3a34686a783b9b16ea84b93331847ba42052f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: 'a5d433881194fb0beadeb357710f45c63c5a7d5a', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: 'c0af3589e89e786f5ef67ff28786514942441bd3', class: "buttons" }, index.h("verdocs-button", { key: 'd7fd63314a28a0ffa430d8136718c6c4af846a5b', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '7811cf9c0c33c2f739458dec0aae9fab09ab291e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: 'adb6930e8f646eb3d7f6a1856df1c5295a694d22', onClick: e => this.handleCancel(e) }, index.h("div", { key: '0ef6ab04bdfe76477b5b7a5a701148e9cca0dda4', class: "dialog" }, index.h("div", { key: '87b35a5421b7db879377edc8c3772052df0420d6', class: "heading" }, "Create Your Signature"), index.h("div", { key: '1be897a0946ff184a854596541db11bda193c49b', class: "content" }, index.h("verdocs-text-input", { key: '04cc32a60beec631e9858a5f4113a5381f781ae3', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: 'be59854a46ca29d00a19fbc08e6257387ecbd3d3', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '4fede3187e8a19fafca35bf8cb654ba61d282efa', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: '643fff8b2fe9bd790b3d8e98ba735c5cd71846e2', class: "buttons" }, index.h("verdocs-button", { key: '02aebbf4ec70c787b6329e3084879922ba91f852', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'b4d9ca247b76d496147a1eb3565eb53cf37f9ac3', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = VerdocsSignatureDialogStyle0;
 
-const verdocsUploadDialogCss = "@-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-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .dialog{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:rgba(0, 0, 0, 0.54);border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}";
+const verdocsUploadDialogCss = "@-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-upload-dialog{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .upload-dialog-content{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .current-label{margin:20px 0 5px 0}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:rgba(0, 0, 0, 0.54);border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}";
 const VerdocsUploadDialogStyle0 = verdocsUploadDialogCss;
 
 const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>`;
@@ -1394,6 +1405,7 @@ const VerdocsUploadDialog = class {
         this.remove = index.createEvent(this, "remove", 7);
         this.existingFile = undefined;
         this.draggingOver = false;
+        this.confirmDelete = false;
         this.selectedFiles = [];
     }
     handleCancel() {
@@ -1427,9 +1439,15 @@ const VerdocsUploadDialog = class {
         newFiles.splice(index, 1);
         this.selectedFiles = newFiles;
     }
-    handleDeleteAttachment() {
+    handleDeleteAttachment(e) {
         var _a;
+        // Stop the parent from seeing "next" and thinking an upload was done.
+        // TODO: Rethink having so many commonalities in nested dialogs (next/exit).
+        e.preventDefault();
+        e.stopPropagation();
         (_a = this.remove) === null || _a === void 0 ? void 0 : _a.emit();
+        this.existingFile = null;
+        this.confirmDelete = false;
     }
     handleSelectFile() {
         var _a;
@@ -1440,7 +1458,14 @@ const VerdocsUploadDialog = class {
         this.selectedFiles = Array.from((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files);
     }
     render() {
-        return (index.h(index.Host, { key: 'e8fc331b44b9da5a3da0b6dd144886e869b0ad57' }, index.h("div", { key: '7a7bf10b9d30acdbaef078e5422fb67d2924be5b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '71dd58afe5a4651442339970b2acec4ddf13a2fb', class: "dialog" }, index.h("div", { key: '40c2111f9ac8c00f348273ab7643d89efc6a68e6', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (index.h(index.Fragment, { key: '76618c396fceae2809e65ce089c1d9de05218c3e' }, index.h("div", { key: 'dface5b5c91bcc71b326a1ff980d56178c137cbf', class: "current-label" }, "Current Attachment"), index.h("div", { key: 'e4dd55aed47fb5d40ceb47fee37d5e99b4e85483', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: '3d29f45ecbdf209dc58cccb608d26cd739d2856a', class: "attachment" }, index.h("div", { key: '72fd1eb1fe354b5a1071a576006abcbb6ecb3c78', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: 'cd08be12f47150d5d974b0d30b3c2479752760fd', class: "name" }, this.existingFile.name), index.h("div", { key: '5c8b29b1e765b8c19820932ff6252cedf923949e', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (index.h("div", { key: '0087f25c61415aa094d72bbdd2c3e66cb820356f', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", { key: '548e424032f1d839e61fa446960daf89a1a1369e' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), index.h("p", { key: '7e02b52cf95547cbe63e93326d906eb39ff476c5' }, "- or -"), index.h("verdocs-button", { key: '04d29abff12269bd87dfd42fe6cfaef15ca0bcce', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), index.h("input", { key: 'b9855eed6197defe6a3e75b709d9427c2da23363', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (index.h("div", { key: 'acf45d5508241f73baa1386135dec6c17f624b94', class: "attachments" }, this.selectedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), index.h("div", { key: '7201e2aed151424e9d18398a0f75fadb952b6a22', class: "buttons" }, index.h("verdocs-button", { key: '9076dc0693ff0ab365e3ce38e39b7f1336567e4a', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'f9786124e707344c3c9278ccbd6aae26a4da216a', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
+        var _a;
+        const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
+        return (index.h(index.Host, { key: '1659eb29f75e9bf3866a011a1ce39767f045e58c' }, index.h("div", { key: '764f802db78676a02d17fbf2ee93dd859c90494c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'c28580308a52defdd648f197aa5d1e74a1ff366c', class: "upload-dialog-content" }, index.h("div", { key: '6de50a3f71d93a176b4db5a248a49da4cf8d404d', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: '0882e3e5cae1dae105645f6f4b5dd8986c336e1f' }, index.h("div", { key: 'a762a4dbf4f1be8a29d637e6bee196ab4b960c60', class: "current-label" }, "Current Attachment"), index.h("div", { key: 'ada0b184bb53583dc6012ab5393be2a36714eba4', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: '3d9555cf0f7876ba192e3efec76bf677eec137cf', class: "attachment" }, index.h("div", { key: 'cea6d0e30448b6ea003a32d838bd64d642a621f3', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: '20b87ade4eb56de78db2e0c1a7fe5c1f88d9f2c7', class: "name" }, existingFile.name), index.h("div", { key: '6359ea1dffd674d708afcd6b1e4f5be38062b861', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: 'c554239826339af3008fd9b4ef235efe6b4bf138', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", { key: 'a2bcc388981e79a1c6c3325081546ea41d7fd96f' }, "Drag and drop a ", !!existingFile && 'replacement', " here..."), index.h("p", { key: '23c7c1e2c8c369a8b85d83fc9a7d2e03bd26f6d9' }, "- or -"), index.h("verdocs-button", { key: 'cba655d0b392f5f03776f769cd3ee626b432b846', label: !!existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), index.h("input", { key: 'cbaa00e587959f418709c89b531a173512f5b9fa', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (index.h("div", { key: '35f7be5ad20ecab5947c2f90f4ac529775ec51ce', class: "attachments" }, this.selectedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), index.h("div", { key: 'ea437cefbfa71cd4853f4fd77d1d1a78b576e032', class: "buttons" }, index.h("verdocs-button", { key: '2be19df5ae677ee0d0893266fd2f72aeff609e95', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '2013efb5dba9d6b3236ad280dbc6883473eebabf', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'd55cbad44c7d50d9c479a87917b14fc0ae488a2b', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+                // So we don't close the upload dialog
+                e.preventDefault();
+                e.stopPropagation();
+                this.confirmDelete = false;
+            }, onNext: e => this.handleDeleteAttachment(e) }))));
     }
 };
 VerdocsUploadDialog.style = VerdocsUploadDialogStyle0;

package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js

@@ -31,7 +31,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (index.h(index.Host, { key: '1fb7d04e27804d492a6b6acba5f1b0e807efa8b4' }, index.h("input", { key: '3a0848d85ec37c6425092c524f064f27fe8d9216', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: '801e620892edec0bd4fc060d041943d9b4f7a558', class: "upload-box" }, index.h("div", { key: '5172b33ffda0d71f944aa68b8f1e44d4e79cdad4', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'bc6aa5604b17cfd5f1fc46ad00cdcc33721f6ebd', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: '036010ea672f05aab75540103707c15bdd4b704d', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (index.h(index.Host, { key: '3fbb459dbcc2d57e0fed0944a5a0a1032d42f3c5' }, index.h("input", { key: '358c85952105d3a0ab2278244722dea3dae73a4b', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: '6a12467ecf8dde150d03cd2f905f3d0d6065a946', class: "upload-box" }, index.h("div", { key: '0c91590893940adaade6d8d828e571d0683b2152', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'b6c8562821940a23150bbd0449c417686581b6af', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: '17ec65941202e9b325d6b8fb2fa0c0c9bd0deb11', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -49,7 +49,7 @@ const VerdocsProgressBar = class {
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
         console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
-        return (index.h(index.Host, { key: '1452640352e75d2857c138b4a02c8c76cc636dab' }, index.h("div", { key: '284a8c45e266f91b07a4450836b395597fc8d18a', class: "labels" }, this.label && index.h("div", { key: '182a5e200ceab601f86e68b3fbb09fcbc6d499b9', class: "label" }, this.label), this.showPercent && index.h("div", { key: 'cd624e4f7678435e57beb51ff27a3339ae7475d4', class: "label" }, this.percent, "%")), index.h("div", { key: '4d734b86bb51c14a0e99c4b3a7461c1c41f87d36', class: "bar" }, index.h("div", { key: '012cc09cdcdcf310eeb0723dcb57eff2e783c8e6', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (index.h(index.Host, { key: '135985ba37b13fcb4c73a7aae5f14dadc7ad24a8' }, index.h("div", { key: 'b2aebc7328629a31bb51f132a768995ca090ea01', class: "labels" }, this.label && index.h("div", { key: '1b7e6b5efedd8dd4746d40b5b7e28036dcb84232', class: "label" }, this.label), this.showPercent && index.h("div", { key: 'bebb2c912fa133193dacd82592216a543c7ffea1', class: "label" }, this.percent, "%")), index.h("div", { key: '031ffe4a12a9a457e184a59e2bbcbfbd629a66e3', class: "bar" }, index.h("div", { key: 'e2f158199e66fedb05e7b968422cde1dce3b1130', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a27a7f77.js');
 const jsSdk = require('@verdocs/js-sdk');
-const utils = require('./utils-469e8fc5.js');
+const utils = require('./utils-6a8c3390.js');
 const errors = require('./errors-017fb835.js');
 require('./_commonjsHelpers-e6ff1d6e.js');
 require('./Types-7a726ff3.js');
-require('./format-0f565a28.js');
+require('./format-dc0f3757.js');
 
 const verdocsKbaDialogCss = "@-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-kba-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-kba-dialog .background-overlay{position: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-kba-dialog .dialog{width:440px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#fff;padding:16px;gap:14px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-kba-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-kba-dialog .step{margin-left:6px;color:#666}verdocs-kba-dialog .help-box{background-color:#707ae5;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:14px;-ms-flex-align:center;align-items:center;color:white}verdocs-kba-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:15px;font-size:14px}verdocs-kba-dialog .help-icon{width:40px;height:40px}verdocs-kba-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-kba-dialog .help-text{font-weight:400}verdocs-kba-dialog .input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:10px;-ms-flex-align:center;align-items:center;margin:16px 0 32px}verdocs-kba-dialog .input label{-ms-flex:0;flex:0;line-height:10px;font-weight:500;white-space:nowrap}verdocs-kba-dialog .input input{-ms-flex:1;flex:1}verdocs-kba-dialog .choices{display:grid;gap:15px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));margin:0 0 15px 0}verdocs-kba-dialog .choice{border:1px solid #707ae5;border-radius:5px;display:-ms-flexbox;display:flex;height:60px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;color:#5c6575;cursor:pointer}verdocs-kba-dialog .choice.selected{background-color:#707ae5;color:#ffffff}verdocs-kba-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-kba-dialog .buttons verdocs-button{margin-left:16px}";
 const VerdocsKbaDialogStyle0 = verdocsKbaDialogCss;
@@ -43,7 +43,7 @@ const VerdocsKbaDialog = class {
         this.next.emit(this.response);
     }
     render() {
-        return (index.h(index.Host, { key: 'f9a083bccfb6207ec3be7e30e9555df493ceabe4' }, index.h("div", { key: '3bf629c7e6e0fd1e42f11748c8e0137df77271a1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '9d422b2e5895311095251d9cc538803ec9225a9f', class: "dialog" }, index.h("div", { key: 'acc9993b406f7dfef86cd59699afaf2157c59df6', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (index.h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (index.h(index.Fragment, null))), !!this.helptitle && (index.h("div", { key: '46eda39009fab8d07eaa48d90b1a6492792ab42a', class: "help-box" }, index.h("div", { key: '29c1540850ccdb8cca5ad84dc8e25de37cac7202', class: "help-icon", innerHTML: QuestionIcon }), index.h("div", { key: '4d9d5b06f5b6f98c2584e520d1a88103eac108bb', class: "help-details" }, index.h("div", { key: '127cd0963876ca5674f8233685857b5a90d4331f', class: "help-title" }, this.helptitle), index.h("div", { key: '8104f492a91470844fa2cc2cfd3727aa84d74d59', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (index.h("div", { class: "choices" }, this.choices.map(choice => (index.h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (index.h("div", { class: "input" }, index.h("label", { htmlFor: "verdocs-kba-input" }, this.label), index.h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), index.h("div", { key: '6f65266320dd0f9ca8ff2a0abe8b0c75cadf2bcb', class: "buttons" }, index.h("verdocs-button", { key: '5baa530487b8264910f9cc3927479271bdef428d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '7a64f46c176edaa9e82872d5ef6226b8bfd3e0f2', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        return (index.h(index.Host, { key: 'b701c61916561f74950a4f6ea0ea0a13fa61728f' }, index.h("div", { key: '1825ae2f8f73c493a01c59c3e1841a3f9b84e61d', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '2136fd8cc4b77e8b65d437c551b28f1cfc8bfa9f', class: "dialog" }, index.h("div", { key: 'e014b95e040d3689174a58a6c7edd664b05d2c40', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (index.h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (index.h(index.Fragment, null))), !!this.helptitle && (index.h("div", { key: '4cf33fb858dff2a041551c6e935fc17c40a751db', class: "help-box" }, index.h("div", { key: '73107418f44702e6107845beaecd79c34586d60e', class: "help-icon", innerHTML: QuestionIcon }), index.h("div", { key: 'c424c9e1df778fdea841c2421154f97bd63a766f', class: "help-details" }, index.h("div", { key: '1e434ef047058786d57104f769bd3dc1a4c73a16', class: "help-title" }, this.helptitle), index.h("div", { key: '6ccc412bc1bdd72bb6cc567e3c01069f5498b2fe', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (index.h("div", { class: "choices" }, this.choices.map(choice => (index.h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (index.h("div", { class: "input" }, index.h("label", { htmlFor: "verdocs-kba-input" }, this.label), index.h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), index.h("div", { key: 'e616e4fd3a1262148bcd542fe0b770fff4ccd784', class: "buttons" }, index.h("verdocs-button", { key: 'c869e469aba34df383a4d81ef3e0fbabebe80f71', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'd5c2bbf5ef881baf3eef9240f328ef0ac0f52422', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
 };
 VerdocsKbaDialog.style = VerdocsKbaDialogStyle0;

package/dist/cjs/verdocs-loader.cjs.entry.js

@@ -12,7 +12,7 @@ const VerdocsLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '09a2f8601ced17f0a53e466bd5f5532524fb90a9' });
+        return index.h(index.Host, { key: '9d4aba32987cc37ccfec2579e9f52f9fa1df0bc0' });
     }
 };
 VerdocsLoader.style = VerdocsLoaderStyle0;

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js

@@ -33,7 +33,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '044bc26a34fbb0d47866a4bba1fcd9afa00fce3c', class: this.closed ? 'closed' : '' }, index.h("div", { key: '7770fe5bf587af5795850f62c245fbd3895c56d1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '638b1cd3f3803afa9c5013d8ff1106068c526e6a', class: "dialog" }, index.h("div", { key: 'cf5ebe2ed18b46b942a91d8eb4ab5c90c5246cbc', class: "heading" }, this.heading), index.h("div", { key: 'fa3b50e724b16a7d3acd6d86b7fdb8e8c04581c4', class: "content" }, index.h("div", { key: 'fd3fcf42eca89e5cc06f00b8beb0533851b00e1b', class: "message", innerHTML: this.message }), index.h("div", { key: 'f4dc2ecfa87b38e8f40e751ed905c51e77007509', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '17d5bf13abb90801117361480bddfd577b58d480', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (index.h(index.Host, { key: '81c2af49ae8f00d0e456b175641147f9d2b96aaf', class: this.closed ? 'closed' : '' }, index.h("div", { key: 'ac0ff33839038f193ab487621d561f9b96c9be6b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'b3b969cf178225d3ec402861318fbc7584dd61c3', class: "dialog" }, index.h("div", { key: '23cca98ef846bf05d64a504c1508540043752a27', class: "heading" }, this.heading), index.h("div", { key: 'c0d5d5a675240a440601d7a187d474eeb56af0a7', class: "content" }, index.h("div", { key: 'f489fef52afb980af5f2cbb254db155cda8daa07', class: "message", innerHTML: this.message }), index.h("div", { key: '80e62bc6698b058097ff0eb3dfd545d024d3e824', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '79966195a0d8f519ba1e94e3c233170be44536e5', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

package/dist/cjs/verdocs-organization-card_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a27a7f77.js');
-const format = require('./format-0f565a28.js');
+const format = require('./format-dc0f3757.js');
 
 const verdocsOrganizationCardCss = "@-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-organization-card{font-family:\"Inter\", \"Barlow\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}";
 const VerdocsOrganizationCardStyle0 = verdocsOrganizationCardCss;
@@ -28,7 +28,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (index.h(index.Host, { key: 'edcb6b648eb703e234ce904970ebb6b9723bf6aa', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: 'd65260bd7cfa424e2a8330a8ad5937cbcae99284', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: 'a3f9e0a6d165485782ae1be397c27dc2e385c48d', anchor: portalId }, index.h("div", { key: '75d61fc62badff566ba55fb6a8761cc4f8fb2220', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '73ca0dec9baa6e86a8cdf8e6c0cec8acbbe167cf', class: "popup-body" }, index.h("div", { key: '60f5cf8c4b8a0cce6db8e1f098c700910244ca71', class: "field" }, index.h("strong", { key: '039e40d1a4584e17f87d18efb607a341eb47d564' }, "Joined"), format.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: 'fa6f6ba48c7ab7da9a6291a132cec83b104fbf93', class: "field" }, index.h("strong", { key: 'd7f81707a67bc98efa25e6587027782bba74c6cd' }, "Website"), index.h("a", { key: 'c81679b5b296bacd5a52ed1beb9b7420b6bf81c7', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (index.h(index.Host, { key: 'd366f75b205860112b068c20138dd1398797db30', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: '0bdcd5947dd2ea3a969d7e36adce0a757519b82a', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: '2138d13531cc55e7834d78a8f5a64f4abb093f37', anchor: portalId }, index.h("div", { key: 'd1171e97a522bdb06795fe5cf8c584cbc02361de', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '71a81a3cc44431b1cfe34e217377b99c124fad9b', class: "popup-body" }, index.h("div", { key: 'f0241c76ef662fabe3128ef61e0825f663e946d6', class: "field" }, index.h("strong", { key: '9149ee03df0d5b32076d4a35c3a5cf7dc33ee346' }, "Joined"), format.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: 'b80ea924d300b7fbd4a3ecbb0de03479d61f45ea', class: "field" }, index.h("strong", { key: '54f3ba9096ddf95e7da288ae7d2457e43247ae8e' }, "Website"), index.h("a", { key: '864b75852ce0989fdf18da9e2472abde5127e15d', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -107,7 +107,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index.h(index.Host, { key: '2640e3cd863ace891444caf6f7c323397eaba1a4', ref: el => (this.element = el) }, index.h("slot", { key: 'c6f903125d37b41d1b85b1bdb973c3b61905ac73' })));
+        return (index.h(index.Host, { key: 'b3949996fc3c9d9dba64dfde83cbd79a58e0b676', ref: el => (this.element = el) }, index.h("slot", { key: '25446c5cc9ebac9c172a47a96f518d72dc988216' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a27a7f77.js');
 const jsSdk = require('@verdocs/js-sdk');
-const utils = require('./utils-469e8fc5.js');
+const utils = require('./utils-6a8c3390.js');
 const popper = require('./popper-31badbf8.js');
 require('./_commonjsHelpers-e6ff1d6e.js');
 require('./Types-7a726ff3.js');
-require('./format-0f565a28.js');
+require('./format-dc0f3757.js');
 
 const verdocsPaginationCss = "@-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 VerdocsPaginationStyle0 = verdocsPaginationCss;
@@ -46,7 +46,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (index.h(index.Host, { key: 'e8281a2f8d40512479595b6f10355d65d4ece855' }, this.selectedPage > 0 && index.h(PageButton, { key: '0ced00072d3046ef74ecc2f9c80e1deddaa6182d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'e6eeb99d7c42081bc0b1e010fa6c015c6ea58b3e', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '0ce4734579ec250c1d9d7a6f8171a94f8a1c2088', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '542ad8c6646d22fa1f5e399918202b173323fa6d', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: 'aac02fe95f890afd2cb8816bc7828a9cca0c2551' }, this.selectedPage > 0 && index.h(PageButton, { key: '405eb090dfd96ed30bb931977d0c610ac8e7be5d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '257ffecd81fcce987a667ee28c9ad66fbb709191', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '2bd4fa5128abaa3a48487e0eb3c0c15d24e66d68', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '645d68ee31f06f23780f71be067e0c8203738cca', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };
@@ -134,7 +134,7 @@ const VerdocsQuickFilter = class {
         const longestLabelWidth = utils.renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = utils.renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (index.h(index.Host, { key: '003157b49ca0a97cf1d7741862b343f7032bf37e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'e3a45fb1a5e8962c732159f145b398e7fb1f0c7d', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: '79b1d5d2b9dc52d4e364a3e8c56a175280d493d5', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '760645cc99eb63f9b90afa75b8cb787ec80ace05', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'dec25f104674e82f91781e53edcedb6112741f86', style: { flex: '1' } }), index.h("div", { key: '47f17166fad9fd3f6eba46b8589cfb935cd20222', class: "separator" }), index.h("div", { key: 'd6deb3811ad209885a7f973ace22fbeb7784cd0f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: 'be8116461c9edcc6f9ee25ff1941eda3c9f2387d', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
+        return (index.h(index.Host, { key: '532cacd9e30591fc8f40f7b2fb0b57fc0e48466c', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'eda6d4179e9c2d9f153838be61b877d7835a5fde', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: 'ab8a9eb3822dc97258c31a59d5a996ebb3e9845f', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '6e0511271a127baec11000264080cb5d9420216b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: '80945d7311b0ce4a77aa8d7de9ad9fb492cff5da', style: { flex: '1' } }), index.h("div", { key: 'bc0cf152d1c2b76f870f571455a2c9da516a63fe', class: "separator" }), index.h("div", { key: '6bc5c491c2d65892e9c7a371bcecb9e034a9487c', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: '1ceac8d3bc13cec6135985e62f028f7c3583f0dc', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/verdocs-preview_9.cjs.entry.js

@@ -10,9 +10,9 @@ const TemplateStore = require('./TemplateStore-d11d62c0.js');
 const errors = require('./errors-017fb835.js');
 const Icons = require('./Icons-9a6f2f7c.js');
 const Toast = require('./Toast-d84d7bd3.js');
-const format = require('./format-0f565a28.js');
+const format = require('./format-dc0f3757.js');
 const interact_min = require('./interact.min-e6956f8b.js');
-const utils = require('./utils-469e8fc5.js');
+const utils = require('./utils-6a8c3390.js');
 require('./index-c12980a1.js');
 require('./index-2a189d85.js');
 require('./_commonjsHelpers-e6ff1d6e.js');

package/dist/cjs/verdocs-quick-functions.cjs.entry.js

@@ -24,7 +24,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: 'e0edb4e04bbf4ee92ba26f50f3c56beec434e375', class: "container" }, index.h("p", { key: '58e823308edc32e234587cd6232c5014460a7a8a', class: "title" }, "Quick Create"), index.h("button", { key: '5ef91f83933d1d716c6627ab393cb171e977aa81', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '773b5d9e6f4288f288cee92d4c7884cdce8a3374', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: '99840e81fe2f2b825efb6253f72a6583d0354504', class: "container" }, index.h("p", { key: '7a814db57ae3bfad6aaba12cdab17b0e900e9080', class: "title" }, "Quick Create"), index.h("button", { key: '84d518a21e8fb43818efbc26f94b545821465af1', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'c7b9ea58cf880ef8356e2fdb80a1f76b4ab8b014', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;