@verdocs/web-sdk 4.0.8 → 4.0.9

package/dist/components/verdocs-dialog2.js

@@ -18,7 +18,7 @@ const VerdocsDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog exten
         }
     }
     render() {
-        return (h(Host, { key: '62e6836ec77a8cb2439248680f46bac274f8717c' }, h("div", { key: 'b9a7b1dd23a4f87ced0695fa87fdfef2a5ce51c9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'c1702275d5bae4c5008ee75c00edc7f79eaca27e', class: "dialog" }, h("slot", { key: '2ffc0f8aacd561b5762fee8d762154e5d7820149', name: "title" }, h("div", { key: 'd0263fc7c6198c3508f8c874946e4ac1e895ce1b', class: "heading" }, "Please Confirm")), h("slot", { key: '68787dfb4db8dfb8308c81066e5126ead44978ed' }, h("div", { key: 'c6057bd9eac67d97010f57e0ed1975a9a3d57eb4', class: "content" }))))));
+        return (h(Host, { key: 'a70ef89e55b032e0e35b32ca7bd73143579ed719' }, h("div", { key: '956e60df02c25de5bc30bf022bded3d4474254a3', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'f786312d515007e9e5b338eea7180d73127bf68c', class: "dialog" }, h("slot", { key: '6be94a4f4a45cf06eca5d6fdf5c1534a1993bddc', name: "title" }, h("div", { key: 'f398bb3152b46748e3e498ece109c127771e5257', class: "heading" }, "Please Confirm")), h("slot", { key: '9f3fe959c07e129394cd539080738e2636061634' }, h("div", { key: '6b85e230be87e43bd67a0cfc951400752a0efe06', class: "content" }))))));
     }
     static get style() { return VerdocsDialogStyle0; }
 }, [4, "verdocs-dialog"]);
@@ -35,6 +35,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsDialog as V, defineCustomElement as d };

package/dist/components/verdocs-dropdown2.js

@@ -88,7 +88,7 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsDropdown e
         (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
     }
     render() {
-        return (h(Host, { key: '068386cdca529f310e7914d475739ca9a574d02d' }, h("button", { key: '557fe893e3123fdff6251992c14a3a803451fd30', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
+        return (h(Host, { key: 'ba41da3a28f1fb5b36c6918967fad5297cedf8dd' }, h("button", { key: '8f10c96d7e108f79115c8b4b309c7e02ab5f37f6', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
             // onBlur={() => this.hide()}
             ref: el => (this.dropdownButton = el) })));
     }
@@ -110,6 +110,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsDropdown as V, defineCustomElement as d };

package/dist/components/verdocs-envelope-document-page2.js

@@ -76,7 +76,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'ffde44b0a64fd3d3859ab4d87938f9a442d36cda', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: 'a8a29647c914fafe6361029943ae43a5819fdbcb', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
@@ -124,6 +124,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsEnvelopeDocumentPage as V, defineCustomElement as d };

package/dist/components/verdocs-envelope-recipient-link2.js

@@ -114,6 +114,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsEnvelopeRecipientLink as V, defineCustomElement as d };

package/dist/components/verdocs-envelope-recipient-summary2.js

@@ -144,6 +144,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsEnvelopeRecipientSummary as V, defineCustomElement as d };

package/dist/components/verdocs-envelope-sidebar.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { VerdocsEndpoint, resendInvitation, cancelEnvelope, userIsEnvelopeOwner } from '@verdocs/js-sdk';
 import { g as getEnvelopeStore } from './EnvelopeStore.js';
-import { a as FORMAT_TIMESTAMP } from './Types.js';
+import { F as FORMAT_TIMESTAMP } from './Types.js';
 import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$6 } from './verdocs-button2.js';
@@ -9,7 +9,7 @@ import { d as defineCustomElement$5 } from './verdocs-dropdown2.js';
 import { d as defineCustomElement$4 } from './verdocs-envelope-recipient-link2.js';
 import { d as defineCustomElement$3 } from './verdocs-envelope-recipient-summary2.js';
 import { d as defineCustomElement$2 } from './verdocs-ok-dialog2.js';
-import { d as dateFns } from './index4.js';
+import { d as dateFns } from './index2.js';
 
 const verdocsEnvelopeSidebarCss = "@-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-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
 const VerdocsEnvelopeSidebarStyle0 = verdocsEnvelopeSidebarCss;
@@ -341,7 +341,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsEnvelopeSidebar = VerdocsEnvelopeSidebar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-envelopes-list.js

@@ -202,18 +202,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
         });
     }
     render() {
-        return (h(Host, { key: '4b7bda7f7615513f3e263d8dd0635733e069829d' }, h("div", { key: '2f8e6a7c99c0beba2ea5ca4b70f5547f6735d61e', class: "header" }, h("div", { key: '3be14d43f05437301237aef3ce5ea491f6e7747c', class: "filter" }, h("verdocs-text-input", { key: '3ec6f05183dbede1787c8f8eca98b5db9079b488', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '1533851ebdceca1b689aec246de482f547817585' }, h("div", { key: 'a33685ad776d4ad2282a794fc08a6928c2a2c2c6', class: "header" }, h("div", { key: '774df81f4db58154c20b5aa6d00585cf70f2c0be', class: "filter" }, h("verdocs-text-input", { key: 'd279867c1693c181d115ed9380263f7ca33cf54e', 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);
-            } })), h("verdocs-quick-filter", { key: '7822828a8a7ebbb820ee689b09c9e0a5eb764edb', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '0e24f54710055db16f106c43419ae8c7d60a137a', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'a181198baa609fd7e170635a2f9e5c567d9227eb', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'd94ade343fe8dfabb11cc6995960c2a221e3fdc4', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '14a253295139825b43c20bafe8e56a253242f1f8', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '5b7e637fb7621c1e3b8c52888fd9fabc5b56e27e', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '8e72be52c0dcf484761187c14ef99607b91ab9ca', mode: "dark", size: 24 }), h("div", { key: 'c31e47e5b85fff3841620bde02ecf71a177b769f', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '4fc3bf3c3e04efd833f4dec4e09862969a30da2a', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '2c1a05c9c04cd61733816141c6811ba52229056c', mode: "dark", size: 24 }), h("div", { key: '5af2c9f56ba9bb21cba28637b925dc011613bd05', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '06bc8e1fd09692bdaf9e56268a8592d97ff10cce', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.session, envelope);
@@ -254,7 +254,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: 'cf943955958934d6bab489b04c6af5b026649998', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'e9c7b5ee1c2600ff9876624f3d61a830903f0345', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: 'ff38c547cc65bd2559dc9f2fb5be237384f56be5', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'bd666277c44235c7ef9855b1b7985860b8d8f0da', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }
@@ -345,7 +345,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsEnvelopesList = VerdocsEnvelopesList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-attachment2.js

@@ -167,6 +167,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldAttachment as V, defineCustomElement as d };

package/dist/components/verdocs-field-checkbox2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -150,6 +150,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldCheckbox as V, defineCustomElement as d };

package/dist/components/verdocs-field-date2.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { d as dateFns } from './index4.js';
+import { d as dateFns } from './index2.js';
 import { c as commonjsGlobal } from './_commonjsHelpers.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
-import { F as FORMAT_DATE } from './Types.js';
+import { a as FORMAT_DATE } from './Types.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
 import { d as defineCustomElement$6 } from './verdocs-component-error2.js';
@@ -19476,6 +19476,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldDate as V, defineCustomElement as d };

package/dist/components/verdocs-field-dropdown2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -156,6 +156,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldDropdown as V, defineCustomElement as d };

package/dist/components/verdocs-field-initial2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$9 } from './verdocs-button2.js';
 import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
@@ -190,6 +190,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldInitial as V, defineCustomElement as d };

package/dist/components/verdocs-field-payment.js

@@ -121,7 +121,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsFieldPayment = VerdocsFieldPayment$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-radio-button2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -154,6 +154,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldRadioButton as V, defineCustomElement as d };

package/dist/components/verdocs-field-signature2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$9 } from './verdocs-button2.js';
 import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
@@ -189,6 +189,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldSignature as V, defineCustomElement as d };

package/dist/components/verdocs-field-textarea2.js

@@ -3,7 +3,7 @@ import { i as interact } from './interact.min.js';
 import { VerdocsEndpoint, updateField, getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -207,6 +207,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldTextarea as V, defineCustomElement as d };

package/dist/components/verdocs-field-textbox2.js

@@ -3,7 +3,7 @@ import { i as interact } from './interact.min.js';
 import { VerdocsEndpoint, updateField, getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
-import { g as getFieldSettings } from './utils.js';
+import { b as getFieldSettings } from './utils.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -212,6 +212,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldTextbox as V, defineCustomElement as d };

package/dist/components/verdocs-field-timestamp2.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from
 import { getRGBA } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { g as getFieldSettings } from './utils.js';
-import { a as FORMAT_TIMESTAMP } from './Types.js';
+import { b as getFieldSettings } from './utils.js';
+import { F as FORMAT_TIMESTAMP } from './Types.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
@@ -13,7 +13,7 @@ import { d as defineCustomElement$4 } from './verdocs-portal2.js';
 import { d as defineCustomElement$3 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$2 } from './verdocs-template-field-properties2.js';
 import { d as defineCustomElement$1 } from './verdocs-text-input2.js';
-import { d as dateFns } from './index4.js';
+import { d as dateFns } from './index2.js';
 
 const verdocsFieldTimestampCss = "@-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-timestamp{width:160px;height:15px;opacity:0.5;display:block;font-size:9px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid rgb(204, 0, 0)}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}";
 const VerdocsFieldTimestampStyle0 = verdocsFieldTimestampCss;
@@ -159,6 +159,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFieldTimestamp as V, defineCustomElement as d };

package/dist/components/verdocs-file-chooser2.js

@@ -29,7 +29,7 @@ const VerdocsFileChooser = /*@__PURE__*/ proxyCustomElement(class VerdocsFileCho
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: '870f83d51356099942aeb7f50680bff38b946e74' }, h("input", { key: 'a4177207b2d87dd1d7e26093b93e36858a296f65', 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) }), h("div", { key: '57e6c23406d1a12bc7b426fe76469c83925692ed', class: "upload-box" }, h("div", { key: '6b05c0bc019af781b632b91761e96b48a7e99623', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'b1ab95cb7d5a19c2d5c3e3a48c073a954bbed454', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'bec299eef4e98464c0cd76180c8b2af875ee6243', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: 'f8febf3e2ed17a5997e9e97aad97a83ecd5a0bb2' }, h("input", { key: 'b151b6e4a19521ecb95b40a7b414c6ffd3e7c74b', 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) }), h("div", { key: '9aa5d9b06f54f4479afb9276702632c695d24d0f', class: "upload-box" }, h("div", { key: '769adcb7a66ae0357e581909978fc18e5cca75ab', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'd50342ec030cf44a608b7e13e480015c63822ea7', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'd6a883649258392cb922a4b0a4901e526017bf5f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
     static get style() { return VerdocsFileChooserStyle0; }
 }, [0, "verdocs-file-chooser", {
@@ -54,6 +54,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsFileChooser as V, defineCustomElement as d };

package/dist/components/verdocs-floating-menu.js

@@ -96,7 +96,7 @@ const VerdocsFloatingMenu$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFloa
         }
     }
     render() {
-        return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
+        return h(Host, { key: 'f86d62b15f087709d2f167a3c24cc769fb191c26' });
     }
     get el() { return this; }
     static get style() { return VerdocsFloatingMenuStyle0; }
@@ -121,7 +121,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsFloatingMenu = VerdocsFloatingMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-help-icon2.js

@@ -35,7 +35,7 @@ const VerdocsHelpIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsHelpIcon e
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: '986dfad6178415607ada69ee50b3365bdec064b0', class: {} }, h("div", { key: '89ff032379d89a37d06bd6a0f6bc76a004ec4133', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '3e0e62c84b6fcda986e0468eb33165bd3ea0b47f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '7650862d8c82d0571a510f6579ffa5d44b483930', innerHTML: this.text }), h("div", { key: '93633ec14de65aafbce3d46cbf9eb4617c3051ae', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '4efe69ab5b8edeffe892fbce06d31dddf3c17e6b', class: {} }, h("div", { key: '05917e2f774970456b6c56a528fbdfe5b1a95586', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '25c6b233a2e8dc60425d27611d0f9ea1b8804a90', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '5ae3b1fce0724c421dc13c4439e79a9e88e4b40a', innerHTML: this.text }), h("div", { key: '136ce3de3ec515328f8b47fb35c052aad6e4e223', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsHelpIconStyle0; }
 }, [0, "verdocs-help-icon", {
@@ -56,6 +56,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsHelpIcon as V, defineCustomElement as d };

package/dist/components/verdocs-initial-dialog2.js

@@ -221,7 +221,7 @@ const VerdocsInitialDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsIniti
     }
      */
     render() {
-        return (h(Host, { key: 'a21acdc291c38efea55dd6f297d52f640a56b7bb', onClick: e => this.handleCancel(e) }, h("div", { key: '8ac9314beac2dc79af8f4b71b7a53690b717b52f', class: "dialog" }, h("div", { key: 'efa282f91d04526ff82b2c308dacaaf0846bb8c1', class: "heading" }, "Create Your Initial"), h("div", { key: '70554ca24e3dfeae6e06cdbcd2afb568dbe1fce6', class: "content" }, h("verdocs-text-input", { key: 'e3b38e01a8cf87d75f92e926eb5a025fdd0ae6bc', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'cf0186b60969fdec0d068acd908afbe871f5b5b7', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '0d47b218f13accf5aee5f2f4d3206494fe2d94b7', 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."), h("div", { key: '3a54f59437ec6d8fe305f70cf7314f1834f398a2', class: "buttons" }, h("verdocs-button", { key: '6b58d4fd0c8213cb52727f121f1033273ca39bb0', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'd25f92962380b5a1cb7cd5e9d9a73f46f6071fbd', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: 'b6937b4cfa5d4c5cfb87b5b5dbfa880cf0410339', onClick: e => this.handleCancel(e) }, h("div", { key: 'd34f04c350e8fdff490e7f73fdbfdada3f1354e6', class: "dialog" }, h("div", { key: 'a2f4c19266143d58c8224895fcfc3bc379213b9c', class: "heading" }, "Create Your Initial"), h("div", { key: '2db3faa17b7150b825fae79cd1ab2636dada42ed', class: "content" }, h("verdocs-text-input", { key: 'c7bfc63b5e2e89cb2f74dc5993ab9c76e686b07b', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '95538b2cd439ac0edc0b1c3b9823122e07843217', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'f80a15e7da33abd5b8b8e9162a5c137fd8ed2abc', 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."), h("div", { key: 'bad375640b4fa14c7acd58de220918c982e64b02', class: "buttons" }, h("verdocs-button", { key: '29ae7e2794ca9cbada0e9622868621db1fa6e98c', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0ea69569edc92a8c70eea3c837c9f41baa6c8c13', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsInitialDialogStyle0; }
 }, [0, "verdocs-initial-dialog", {
@@ -258,6 +258,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsInitialDialog as V, defineCustomElement as d };

package/dist/components/verdocs-kba-dialog.js

@@ -35,9 +35,9 @@ const VerdocsKbaDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsKbaDial
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: '3be01aff89b8987970bb6c523e43f901d2e0bd87' }, h("div", { key: '57b6ada3fe97d2d80258dcc2f94293e7e3cb4d89', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'cbbad80ada81b7a6873cad85f7d275be94297db5', class: "dialog" }, h("div", { key: 'a284cad1779485f64a90448bfb380306a986610c', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: 'd4d68ddea63730732231d034af6051ecb7939af1', class: "help-box" }, h("div", { key: 'bb009bda8462902ac51f6dd52b25a75509c4e040', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: 'b16b31df0e2f9046ba8e708c9bbc487cf4e2b30d', class: "help-details" }, h("div", { key: 'd36e98a362ccc2b0d14ef977032b6f1de547cc6a', class: "help-title" }, this.helptitle), h("div", { key: '61721584ab329e9798f6967238e5f125d4e8a130', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
+        return (h(Host, { key: 'b0ff245110f7b7ffa12929463ca2817f76168dca' }, h("div", { key: '1b7a0c4991a4d450dde99ad9b4be83f38ff21a4a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '914c88c6709e6dc3a5638277ba7f1c9f9ba38d70', class: "dialog" }, h("div", { key: '4611fda838e96f34d03b59e61272209ad996cc3d', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: '0932233389d14ef824f95ea8dd7b5799c960e77b', class: "help-box" }, h("div", { key: 'cbb5fdb6d35911aa65ad46da2016e6dbc4209181', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '29b4dac42074fcedebe9f63c409e4e838cec7477', class: "help-details" }, h("div", { key: 'f803eb449de8f352eed7caad0c2a22f0b8abe84b', class: "help-title" }, this.helptitle), h("div", { key: '7ca67ecd148312ef50d3257fbae7f7eb9f0cff1f', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
                 this.response = choice;
-            } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: '4d2e39267256eb27bf6773599c2bfdd7a98c34a8', class: "buttons" }, h("verdocs-button", { key: '78d96e740883b84e169b500afb3ca21ed1a9432c', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'ac774fc79af48aaae73af81df82d5ea9c80123fd', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+            } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: 'ddb2c56c1cc829d255f0b32f4c76d7d7f19bc031', class: "buttons" }, h("verdocs-button", { key: '08d8db4183d65546d9e6240ed8b2fb610134efe3', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '7a5fb7a4f4564df0ec083efa0d12d84b8ba253dd', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
     static get style() { return VerdocsKbaDialogStyle0; }
 }, [0, "verdocs-kba-dialog", {
@@ -69,7 +69,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-loader2.js

@@ -9,7 +9,7 @@ const VerdocsLoader = /*@__PURE__*/ proxyCustomElement(class VerdocsLoader exten
         this.__registerHost();
     }
     render() {
-        return h(Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
+        return h(Host, { key: '763614c6e09e0271d2de5a1a35af44a19063919b' });
     }
     static get style() { return VerdocsLoaderStyle0; }
 }, [0, "verdocs-loader"]);
@@ -26,6 +26,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsLoader as V, defineCustomElement as d };

package/dist/components/verdocs-ok-dialog2.js

@@ -31,7 +31,7 @@ const VerdocsOkDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsOkDialog e
         }
     }
     render() {
-        return (h(Host, { key: '639fb911d524d6060c59941d0114464118e49b39', class: this.closed ? 'closed' : '' }, h("div", { key: '7af2c342b4435960994b6a7ceefee6ebb30d05b5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd5eafb0dcbb16a1f7e08a8ca015ecdcb1d612da5', class: "dialog" }, h("div", { key: '7175a3940da21d8f2fff3cc738f4be5383454aec', class: "heading" }, this.heading), h("div", { key: '39d6c7a6c42ede9f9580194a27c820c36cbc5c24', class: "content" }, h("div", { key: 'ed39edd2afa2502e6a579b7e6f91f18d8d7533ef', class: "message", innerHTML: this.message }), h("div", { key: '624edd4b0ff823bddc3b97a4c686e27e24d7e240', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '394a0a8954427cc419f4c18dd4d64e1ada4aeacd', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: 'b565b03b79d3d488302e7a6a8f5a575950abcca0', class: this.closed ? 'closed' : '' }, h("div", { key: '23f7a3070728c903fd4baf9dcc210d39253d0b58', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '50496f7183e0198d4d44b3a06d7501c476d16e7e', class: "dialog" }, h("div", { key: 'b2861d6323ecd4c2b61684523514a8c916bec6dd', class: "heading" }, this.heading), h("div", { key: 'c7a66718867c5c5ce0f25bcb4b501832f5781721', class: "content" }, h("div", { key: '5f7f9d2c7c433379f705df507ec0f2bf3e3f5fb5', class: "message", innerHTML: this.message }), h("div", { key: '165ee314122090e4e3c96ef4e0afa78257ae2367', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '17151d759f01e51dc67e43ec22323a884a5ad4ec', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get style() { return VerdocsOkDialogStyle0; }
 }, [0, "verdocs-ok-dialog", {
@@ -59,6 +59,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsOkDialog as V, defineCustomElement as d };

package/dist/components/verdocs-organization-card.js

@@ -1,9 +1,11 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as dateFns } from './index4.js';
+import { d as dateFns } from './index2.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;position:relative;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:hover>.popup{display:-ms-flexbox;display:flex;background:#ffffff;color:#33354c}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-organization-card .popup{position:absolute;top:-1px;left:-4px;display:none;border:1px solid #cccccc;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:sans-serif}verdocs-organization-card .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;-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-organization-card .popup-header .status{margin-right:20px}verdocs-organization-card .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}verdocs-organization-card .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}verdocs-organization-card .field{margin:0 0 20px 0}verdocs-organization-card .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}verdocs-organization-card .field a{color:#654dcb;text-transform:uppercase}";
+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;position:relative;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:hover>.popup{display:-ms-flexbox;display:flex;background:#ffffff;color:#33354c}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-organization-card .popup{position:absolute;top:-1px;left:-4px;display:none;border:1px solid #cccccc;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:sans-serif}verdocs-organization-card .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-organization-card .popup-header-with-logo img{max-width:300px;max-height:50px}verdocs-organization-card .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-organization-card .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}verdocs-organization-card .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}verdocs-organization-card .field{margin:0 0 20px 0}verdocs-organization-card .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}verdocs-organization-card .field a{color:#654dcb;text-transform:uppercase}";
 const VerdocsOrganizationCardStyle0 = verdocsOrganizationCardCss;
 
+// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share
+//  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.
 const UserIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><rect fill="none" height="24" width="24"/><g><path d="M4,13c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C2,12.1,2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14 c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18l4.5,0v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2 c0-1.1-0.9-2-2-2s-2,0.9-2,2C18,12.1,18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14 c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18l4.5,0V16.43z M16.24,13.65c-1.17-0.52-2.61-0.9-4.24-0.9 c-1.63,0-3.07,0.39-4.24,0.9C6.68,14.13,6,15.21,6,16.39V18h12v-1.61C18,15.21,17.32,14.13,16.24,13.65z M8.07,16 c0.09-0.23,0.13-0.39,0.91-0.69c0.97-0.38,1.99-0.56,3.02-0.56s2.05,0.18,3.02,0.56c0.77,0.3,0.81,0.46,0.91,0.69H8.07z M12,8 c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S11.45,8,12,8 M12,6c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3 C15,7.34,13.66,6,12,6L12,6z"/></g></svg>';
 const BusinessIcon = '<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';
 const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsOrganizationCard extends HTMLElement {
@@ -13,7 +15,10 @@ const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class Verdocs
         this.organization = undefined;
     }
     render() {
-        return (h(Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
+        var _a, _b, _c, _d, _e, _f, _g;
+        console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
+        const fallbackIcon = ((_a = this.organization) === null || _a === void 0 ? void 0 : _a.is_business) ? BusinessIcon : UserIcon;
+        return (h(Host, { key: 'f76a55b62fb94a6d0214f535faac0dd1bc7a3d2c' }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '081b7de4929a689351b9097a5492854597a6a2e0', class: "content" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name), h("div", { key: '3d4f6d20995a9c192bd0022edf95cc89023457cd', class: "popup" }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_d = this.organization) === null || _d === void 0 ? void 0 : _d.name))), h("div", { key: 'a17465bf3a71fc347699e749469209c43a643201', class: "popup-body" }, h("div", { key: '259540d41c8d257166a51139fdc29226ff3512ed', class: "field" }, h("strong", { key: 'c8d1a5abf7b48c5273e1f2d99ddffba71c528fb5' }, "Joined"), dateFns.format(new Date(((_e = this.organization) === null || _e === void 0 ? void 0 : _e.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'fe16d86018dc1f186e777afeb77dc43c2f2b1c73', class: "field" }, h("strong", { key: '1d3af10be4c1a3382d2425e5c38ab25c48d47872' }, "Website"), h("a", { key: 'cdd718f3d639015ce644b10a1c73f69c938e1426', href: (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url, target: "_blank", rel: "nofollow" }, (_g = this.organization) === null || _g === void 0 ? void 0 : _g.url)))))));
     }
     static get style() { return VerdocsOrganizationCardStyle0; }
 }, [0, "verdocs-organization-card", {
@@ -32,7 +37,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsOrganizationCard = VerdocsOrganizationCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-pagination2.js

@@ -38,7 +38,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: '35e9f8dee414ae4addb4a0615d41ac2f877d6185' }, this.selectedPage > 0 && h(PageButton, { key: 'e3ccf5d514ed45c2e279b6ace160fa5865132f7d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '74d1aaa681f9b8f3baafc935758d6dcc723fcdac', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: 'cb5d8461f4a33adffcb2a6df87f6ffcf66d08737', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: 'c433baeead865058d66f4aa127a6ce1fcc28f3bc', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return this; }
     static get style() { return VerdocsPaginationStyle0; }
@@ -60,6 +60,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsQuickFilter as V, defineCustomElement as d };

package/dist/components/verdocs-portal2.js

@@ -68,7 +68,7 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
+        return (h(Host, { key: 'bca4c2bfa7c2f16dcfd4046e66cf8011207c4902', ref: el => (this.element = el) }, h("slot", { key: '8e451491ccd52c55d08621198d916dc991487bfc' })));
     }
     static get style() { return VerdocsPortalStyle0; }
 }, [4, "verdocs-portal", {
@@ -89,6 +89,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsPortal as V, defineCustomElement as d };

package/dist/components/verdocs-preview2.js

@@ -228,6 +228,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsPreview as V, defineCustomElement as d };

package/dist/components/verdocs-progress-bar2.js

@@ -13,7 +13,8 @@ const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class VerdocsProgres
     }
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
-        return (h(Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
+        console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
+        return (h(Host, { key: '44ff05aec2048b9ed24847dc0b410f379f94bbc6' }, h("div", { key: '8706b9d902db9b9731a1d92744fa5cd071bdfca9', class: "labels" }, this.label && h("div", { key: 'b56b39c39a16f0316de5b3d15d4e0c130ab9d232', class: "label" }, this.label), this.showPercent && h("div", { key: '99ec3b060256124b4f49325c16ab3cd5ec6d0640', class: "label" }, this.percent, "%")), h("div", { key: '4cbd4ac85304f77d148ebecd339e9eb87d8e12b5', class: "bar" }, h("div", { key: '472a105258357d4ab398b69f4d75c39b089ade96', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get style() { return VerdocsProgressBarStyle0; }
 }, [0, "verdocs-progress-bar", {
@@ -34,6 +35,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsProgressBar as V, defineCustomElement as d };