@verdocs/web-sdk 5.0.3 → 5.0.4

package/dist/components/{p-f72b9c45.js → p-a2f6d2c6.js}

@@ -14,7 +14,7 @@ const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class VerdocsProgres
     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 (h(Host, { key: 'c57b566587b7fe5f95f7082964dc7d27c46008cb' }, h("div", { key: 'b44243b4c65cdd5ddb7a47028db07e47e1c9373b', class: "labels" }, this.label && h("div", { key: '58715d2cd0a47260618472ed06d3eeda095ea852', class: "label" }, this.label), this.showPercent && h("div", { key: '38b9fa2f2180eee29cdc6aff0562475c9d6cc943', class: "label" }, this.percent, "%")), h("div", { key: '1258f3696cb5852865e7d1af59bf2acb7acfda50', class: "bar" }, h("div", { key: 'eb1346d2b9f7ccce786c358ef247fd3ec62de67f', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: '14a4f7cd07957fee25343222ec781ba6e6304059' }, h("div", { key: '07dfc3395766807af984d521f2b2be8eea1a27d4', class: "labels" }, this.label && h("div", { key: '26dd439a1506bff22f4b8568f40a2a4e597b556e', class: "label" }, this.label), this.showPercent && h("div", { key: 'f73d067c6b6b5afcd7b3f703b5e6055c703bb3c0', class: "label" }, this.percent, "%")), h("div", { key: '1a95c48e82676e63edc1a190911c4f9823681612', class: "bar" }, h("div", { key: '505638049abc86f9516b37644a883f7bd1e8a232', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get style() { return VerdocsProgressBarStyle0; }
 }, [0, "verdocs-progress-bar", {

package/dist/components/{p-1ca705bc.js → p-b36c979b.js}

@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Ho
 import { i as interact } from './p-a901dff2.js';
 import { VerdocsEndpoint, updateField, getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
-import { d as defineCustomElement$6 } from './p-0ca7012b.js';
+import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
-import { d as defineCustomElement$4 } from './p-5d4bbcd0.js';
-import { d as defineCustomElement$3 } from './p-315d6592.js';
-import { d as defineCustomElement$2 } from './p-0d063bf9.js';
-import { d as defineCustomElement$1 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$4 } from './p-6719b0d7.js';
+import { d as defineCustomElement$3 } from './p-62743fd3.js';
+import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldTextareaCss = "@-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-textarea{width:150px;height:15px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea textarea{cursor:inherit;width:100%;height:100%;resize:none;border:none;outline:none;padding:0 3px;font-size:11px;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)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.disabled textarea{opacity:0.5}verdocs-field-textarea 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-textarea.required{border:1px solid rgb(204, 0, 0)}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-textarea 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-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textarea .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-textarea .settings-icon svg{fill:#707ae5}verdocs-field-textarea .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 VerdocsFieldTextareaStyle0 = verdocsFieldTextareaCss;

package/dist/{esm/Datastore-52fcbac6.js → components/p-b712e729.js}

@@ -1706,11 +1706,10 @@ const Store = {
             callback(rowToObject(row));
         });
         if (!store.hasRow(tableId, rowId) || forceReload) {
-            console.log('[STORE] Reloading', { tableId, rowId });
+            console.log('[STORE] Loading/reloading', { tableId, rowId });
             getter()
                 .then(result => {
                 // We don't need to call the callback because it's already listening
-                console.log('[STORE] Loaded row', { tableId, rowId, forceReload }, result);
                 store.setRow(tableId, rowId, objectToRow(result));
             })
                 .catch(e => {
@@ -1731,6 +1730,7 @@ const Store = {
             return rowToObject(row);
         }
         const template = await getTemplate(endpoint, templateId);
+        console.log('[STORE] Reloading template', template);
         store.setRow('templates', templateId, objectToRow(template));
         return template;
     },

package/dist/components/{p-cf6ea837.js → p-b7d080eb.js}

@@ -31,7 +31,7 @@ const VerdocsOkDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsOkDialog e
         }
     }
     render() {
-        return (h(Host, { key: 'f41613ca32a9471277c816d753e7f818ef427fd0', class: this.closed ? 'closed' : '' }, h("div", { key: '570538e2743b23b5f18a1ec6ea3db51dfd314f02', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '17bfc3cfaadc8d10fe27211cd4a0eb48083f7a4b', class: "dialog" }, h("div", { key: 'bc88208d6897a191ef5fda323a74acd3e3c2620e', class: "heading" }, this.heading), h("div", { key: 'bc794df180672198964f32a6c71eff9dd1180db9', class: "content" }, h("div", { key: 'd8618e9b479e64b457bca57838437f91a0677560', class: "message", innerHTML: this.message }), h("div", { key: '101f7819fa69c3cf8f8958a5582835b56cf94775', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'e755590fdd93cb9cc7b23a3812377d5216a70aae', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: '1269b0b3d50a444204a0fdd4221d5a14ab431e55', class: this.closed ? 'closed' : '' }, h("div", { key: 'bf4fdee46a53cdcb05b4d8a43ec02a0bd101d92b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '7c83cc38d84fc7648a8ecc6d8b84b1bc3b31200d', class: "dialog" }, h("div", { key: 'a5bd6abf4c3b296225b042774da73df20cc0c2a3', class: "heading" }, this.heading), h("div", { key: '875c81191820b9c7dbc107c99e0e6d4b9881353a', class: "content" }, h("div", { key: '0bbf1de8cc0455ef01238923a9928702b55971d7', class: "message", innerHTML: this.message }), h("div", { key: '79d409dd9768b5a12d2734cfc5138a4057c9ff0a', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '8ae36e25d466e6e074544f3bb75f972bcfdc11a3', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get style() { return VerdocsOkDialogStyle0; }
 }, [0, "verdocs-ok-dialog", {

package/dist/components/p-be261487.js

@@ -0,0 +1,79 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+
+const verdocsMenuPanelCss = "@-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-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}";
+const VerdocsMenuPanelStyle0 = verdocsMenuPanelCss;
+
+const VerdocsMenuPanel = /*@__PURE__*/ proxyCustomElement(class VerdocsMenuPanel extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.close = createEvent(this, "close", 7);
+        this.moved = false;
+        this.overlayId = `verdocs-menu-panel-overlay`;
+        this.panelId = `verdocs-menu-panel`;
+        this.side = 'right';
+        this.overlay = true;
+        this.width = 300;
+    }
+    handleClick(e) {
+        var _a;
+        if (!this.element.contains(e.target)) {
+            this.hide();
+            (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+        }
+    }
+    componentWillLoad() {
+        this.hide();
+        if (this.overlay) {
+            this.portal = document.createElement('div');
+            this.portal.setAttribute('id', this.overlayId);
+            document.body.append(this.portal);
+        }
+        this.portal = document.createElement('div');
+        this.portal.setAttribute('id', this.panelId);
+        this.portal.style.top = `0px`;
+        this.portal.style.bottom = `0px`;
+        this.portal.style.width = `${this.width}px`;
+        if (this.side === 'left') {
+            this.portal.style.left = `0px`;
+        }
+        else {
+            this.portal.style.right = `0px`;
+        }
+        document.body.append(this.portal);
+    }
+    componentDidLoad() {
+        this.portal.appendChild(this.element);
+    }
+    disconnectedCallback() {
+        this.moved ? this.portal.remove() : (this.moved = true);
+    }
+    hide() {
+        var _a, _b;
+        (_a = document.getElementById(this.overlayId)) === null || _a === void 0 ? void 0 : _a.remove();
+        (_b = document.getElementById(this.panelId)) === null || _b === void 0 ? void 0 : _b.remove();
+    }
+    render() {
+        return (h(Host, { key: '1d8fd8a0d6035917184972712ab812f5c6141a1f', ref: el => (this.element = el) }, h("slot", { key: '696879936056ff36c4054e4a235455f9308605af' })));
+    }
+    static get style() { return VerdocsMenuPanelStyle0; }
+}, [4, "verdocs-menu-panel", {
+        "side": [1],
+        "overlay": [4],
+        "width": [2]
+    }, [[4, "click", "handleClick"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-menu-panel"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-menu-panel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsMenuPanel);
+            }
+            break;
+    } });
+}
+
+export { VerdocsMenuPanel as V, defineCustomElement as d };

package/dist/components/{p-9bb47a5a.js → p-c00770e6.js}

@@ -25,7 +25,7 @@ const VerdocsToggleButton = /*@__PURE__*/ proxyCustomElement(class VerdocsToggle
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: '90f073b58425c92fade3871d8d605407f43dc671', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '57d988cf0335a521279382d8c91be3b7af3b1f87', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get style() { return VerdocsToggleButtonStyle0; }
 }, [0, "verdocs-toggle-button", {

package/dist/components/{p-4afcdc84.js → p-c9a4ef35.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
-import { d as defineCustomElement$6 } from './p-0ca7012b.js';
+import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
-import { d as defineCustomElement$4 } from './p-5d4bbcd0.js';
-import { d as defineCustomElement$3 } from './p-315d6592.js';
-import { d as defineCustomElement$2 } from './p-0d063bf9.js';
-import { d as defineCustomElement$1 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$4 } from './p-6719b0d7.js';
+import { d as defineCustomElement$3 } from './p-62743fd3.js';
+import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldCheckboxCss = "@charset \"UTF-8\";@-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-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-checkbox 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-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{margin:0;content:\"\";width:12px;height:12px;display:block;line-height:12px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .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 VerdocsFieldCheckboxStyle0 = verdocsFieldCheckboxCss;

package/dist/components/{p-9c3fd545.js → p-ca8e3721.js}

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$b } from './p-0e332769.js';
 import { d as defineCustomElement$a } from './p-3201d529.js';
 import { d as defineCustomElement$9 } from './p-84ae0283.js';
-import { d as defineCustomElement$8 } from './p-0ca7012b.js';
+import { d as defineCustomElement$8 } from './p-7f32e087.js';
 import { d as defineCustomElement$7 } from './p-1ae5d7e0.js';
-import { d as defineCustomElement$6 } from './p-cf6ea837.js';
-import { d as defineCustomElement$5 } from './p-5d4bbcd0.js';
-import { d as defineCustomElement$4 } from './p-315d6592.js';
-import { d as defineCustomElement$3 } from './p-0d063bf9.js';
-import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
-import { d as defineCustomElement$1 } from './p-f990140a.js';
+import { d as defineCustomElement$6 } from './p-b7d080eb.js';
+import { d as defineCustomElement$5 } from './p-6719b0d7.js';
+import { d as defineCustomElement$4 } from './p-62743fd3.js';
+import { d as defineCustomElement$3 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-325b3828.js';
+import { d as defineCustomElement$1 } from './p-2ef2d490.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;scroll-margin:20px 0;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;

package/dist/components/{p-5a9cea40.js → p-cce871bf.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { d as defineCustomElement$3 } from './p-0e332769.js';
-import { d as defineCustomElement$2 } from './p-0ca7012b.js';
-import { d as defineCustomElement$1 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$2 } from './p-7f32e087.js';
+import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsSignatureDialogCss = "@-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-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;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-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}";
 const VerdocsSignatureDialogStyle0 = verdocsSignatureDialogCss;
@@ -220,7 +220,7 @@ const VerdocsSignatureDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsSig
     }
      */
     render() {
-        return (h(Host, { key: 'cac125a1ea43ba8780243580f8837dd6afb76b7d', onClick: e => this.handleCancel(e) }, h("div", { key: '8e3ac9bd2feccb69f1a38bb1c528ee77b3124064', class: "dialog" }, h("div", { key: '3f9c153c3e0f0d028654f1ca68d74070f07b8abe', class: "heading" }, "Create Your Signature"), h("div", { key: 'd7c19bd06774d6cd912eb22dbee61643cd9b0ef7', class: "content" }, h("verdocs-text-input", { key: 'fef1ca39e7f47f321a21dc51fa6ed78eb72227d6', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '3f1e138c623eae8a4d1a031f9e9ac9872ed34dbe', 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: 'a02a7459aa1ea8e85696e66d730b5613685ce793', 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: '79731a3eb6f2e4c23270473d078a0f7bc8e22fd4', class: "buttons" }, h("verdocs-button", { key: '47fef903e84cdeea7245356a78c98d80d5efb970', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'd6e5bc66a5e11d4550613cdc3c24e80dbe952370', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '7f17bb6e0084ef3ac6903b6c3b37859048ef2a0e', onClick: e => this.handleCancel(e) }, h("div", { key: '343eb1b737bcafeb44e5e85228eaf3d63cda7b5b', class: "dialog" }, h("div", { key: '7e620dce493843032974003802199db7e22d9f9e', class: "heading" }, "Create Your Signature"), h("div", { key: '7ea911289c3ce24f3ae83799ab468da4178485ad', class: "content" }, h("verdocs-text-input", { key: 'ccd208e5a5808a197a936e689a0ec5660de95b95', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'e95d8f3c51160742d7271c43a5099be9b43ba394', 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: 'f6371f423c042726ed7c488d4870e04bd7f8e4dd', 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: 'a18cd06d3f6987c21b483c0736521de226b0859a', class: "buttons" }, h("verdocs-button", { key: 'b278a7e023436176eca864d3c6b154869f7881c2', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '021e3cd3b066d0f378cb30efed7c5179dafd41c7', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsSignatureDialogStyle0; }
 }, [0, "verdocs-signature-dialog", {

package/dist/components/{p-df3afaa8.js → p-cef9df4b.js}

@@ -1,30 +1,30 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplateDocumentPageDisplayUri, getTemplate } from '@verdocs/js-sdk';
 import { t as throttle, d as getControlStyles, g as getFieldId } from './p-093d51c8.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$n } from './p-0e332769.js';
 import { d as defineCustomElement$m } from './p-3201d529.js';
 import { d as defineCustomElement$l } from './p-84ae0283.js';
-import { d as defineCustomElement$k } from './p-9c3fd545.js';
-import { d as defineCustomElement$j } from './p-4afcdc84.js';
-import { d as defineCustomElement$i } from './p-fd96322b.js';
-import { d as defineCustomElement$h } from './p-0a69031f.js';
-import { d as defineCustomElement$g } from './p-49153610.js';
-import { d as defineCustomElement$f } from './p-ecc818bb.js';
-import { d as defineCustomElement$e } from './p-b0c02eb8.js';
-import { d as defineCustomElement$d } from './p-1ca705bc.js';
-import { d as defineCustomElement$c } from './p-d9704a51.js';
-import { d as defineCustomElement$b } from './p-dd701894.js';
-import { d as defineCustomElement$a } from './p-0ca7012b.js';
-import { d as defineCustomElement$9 } from './p-b9034018.js';
+import { d as defineCustomElement$k } from './p-ca8e3721.js';
+import { d as defineCustomElement$j } from './p-c9a4ef35.js';
+import { d as defineCustomElement$i } from './p-7246d2ee.js';
+import { d as defineCustomElement$h } from './p-053a0408.js';
+import { d as defineCustomElement$g } from './p-f21ef4fb.js';
+import { d as defineCustomElement$f } from './p-5df09a0d.js';
+import { d as defineCustomElement$e } from './p-3a621e5d.js';
+import { d as defineCustomElement$d } from './p-b36c979b.js';
+import { d as defineCustomElement$c } from './p-6c18617e.js';
+import { d as defineCustomElement$b } from './p-6506ddb4.js';
+import { d as defineCustomElement$a } from './p-7f32e087.js';
+import { d as defineCustomElement$9 } from './p-9c0b30f8.js';
 import { d as defineCustomElement$8 } from './p-1ae5d7e0.js';
-import { d as defineCustomElement$7 } from './p-cf6ea837.js';
-import { d as defineCustomElement$6 } from './p-5d4bbcd0.js';
-import { d as defineCustomElement$5 } from './p-315d6592.js';
-import { d as defineCustomElement$4 } from './p-5a9cea40.js';
-import { d as defineCustomElement$3 } from './p-0d063bf9.js';
-import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
-import { d as defineCustomElement$1 } from './p-f990140a.js';
+import { d as defineCustomElement$7 } from './p-b7d080eb.js';
+import { d as defineCustomElement$6 } from './p-6719b0d7.js';
+import { d as defineCustomElement$5 } from './p-62743fd3.js';
+import { d as defineCustomElement$4 } from './p-cce871bf.js';
+import { d as defineCustomElement$3 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-325b3828.js';
+import { d as defineCustomElement$1 } from './p-2ef2d490.js';
 
 const verdocsTemplateDocumentPageCss = "@-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-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}";
 const VerdocsTemplateDocumentPageStyle0 = verdocsTemplateDocumentPageCss;

package/dist/components/{p-74452a2b.js → p-d9074622.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
 import { VerdocsEndpoint, formatFullName, isValidEmail } from '@verdocs/js-sdk';
 import { c as convertToE164 } from './p-093d51c8.js';
 import { d as defineCustomElement$4 } from './p-0e332769.js';
-import { d as defineCustomElement$3 } from './p-0ca7012b.js';
-import { d as defineCustomElement$2 } from './p-315d6592.js';
-import { d as defineCustomElement$1 } from './p-9bb47a5a.js';
+import { d as defineCustomElement$3 } from './p-7f32e087.js';
+import { d as defineCustomElement$2 } from './p-62743fd3.js';
+import { d as defineCustomElement$1 } from './p-c00770e6.js';
 
 const verdocsContactPickerCss = "@-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-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{gap:12px;width:300px;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5fa}verdocs-contact-picker form .row{gap:8px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-contact-picker form .row.message{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}verdocs-contact-picker form .names-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .names-row>input{font-size:14px;width:103px}verdocs-contact-picker form .kba-row{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .kba-row verdocs-select-input{margin:0}verdocs-contact-picker form .pin-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .pin-code>input{-ms-flex:0;flex:0;width:133px;font-size:14px;margin-left:58px}verdocs-contact-picker form .address{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .address>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form .zip-code{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .zip-code>input{-ms-flex:1;flex:1;font-size:14px;margin-left:58px}verdocs-contact-picker form label{display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;font-size:14px;font-weight:500;color:#5c6575}verdocs-contact-picker form .row.message label{-ms-flex:0;flex:0}verdocs-contact-picker form .row.message input{width:100%}verdocs-contact-picker form input{-ms-flex:1;flex:1;padding:6px;font-size:14px;border-radius:3px;background:rgba(0, 0, 0, 0.0196078431);border:1px solid rgba(112, 122, 229, 0.3725490196)}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;max-height:225px;overflow-y:scroll;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{width:32px;height:32px}verdocs-contact-picker form .dropdown .suggestion .avatar{width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}";
 const VerdocsContactPickerStyle0 = verdocsContactPickerCss;

package/dist/components/{p-d25cdbff.js → p-f0f1ed82.js}

@@ -1,31 +1,31 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplate, integerSequence } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$o } from './p-0e332769.js';
 import { d as defineCustomElement$n } from './p-3201d529.js';
 import { d as defineCustomElement$m } from './p-84ae0283.js';
-import { d as defineCustomElement$l } from './p-9c3fd545.js';
-import { d as defineCustomElement$k } from './p-4afcdc84.js';
-import { d as defineCustomElement$j } from './p-fd96322b.js';
-import { d as defineCustomElement$i } from './p-0a69031f.js';
-import { d as defineCustomElement$h } from './p-49153610.js';
-import { d as defineCustomElement$g } from './p-ecc818bb.js';
-import { d as defineCustomElement$f } from './p-b0c02eb8.js';
-import { d as defineCustomElement$e } from './p-1ca705bc.js';
-import { d as defineCustomElement$d } from './p-d9704a51.js';
-import { d as defineCustomElement$c } from './p-dd701894.js';
-import { d as defineCustomElement$b } from './p-0ca7012b.js';
-import { d as defineCustomElement$a } from './p-b9034018.js';
+import { d as defineCustomElement$l } from './p-ca8e3721.js';
+import { d as defineCustomElement$k } from './p-c9a4ef35.js';
+import { d as defineCustomElement$j } from './p-7246d2ee.js';
+import { d as defineCustomElement$i } from './p-053a0408.js';
+import { d as defineCustomElement$h } from './p-f21ef4fb.js';
+import { d as defineCustomElement$g } from './p-5df09a0d.js';
+import { d as defineCustomElement$f } from './p-3a621e5d.js';
+import { d as defineCustomElement$e } from './p-b36c979b.js';
+import { d as defineCustomElement$d } from './p-6c18617e.js';
+import { d as defineCustomElement$c } from './p-6506ddb4.js';
+import { d as defineCustomElement$b } from './p-7f32e087.js';
+import { d as defineCustomElement$a } from './p-9c0b30f8.js';
 import { d as defineCustomElement$9 } from './p-1ae5d7e0.js';
-import { d as defineCustomElement$8 } from './p-cf6ea837.js';
-import { d as defineCustomElement$7 } from './p-5d4bbcd0.js';
-import { d as defineCustomElement$6 } from './p-315d6592.js';
-import { d as defineCustomElement$5 } from './p-5a9cea40.js';
-import { d as defineCustomElement$4 } from './p-df3afaa8.js';
-import { d as defineCustomElement$3 } from './p-0d063bf9.js';
-import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
-import { d as defineCustomElement$1 } from './p-f990140a.js';
+import { d as defineCustomElement$8 } from './p-b7d080eb.js';
+import { d as defineCustomElement$7 } from './p-6719b0d7.js';
+import { d as defineCustomElement$6 } from './p-62743fd3.js';
+import { d as defineCustomElement$5 } from './p-cce871bf.js';
+import { d as defineCustomElement$4 } from './p-cef9df4b.js';
+import { d as defineCustomElement$3 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-325b3828.js';
+import { d as defineCustomElement$1 } from './p-2ef2d490.js';
 
 const verdocsPreviewCss = "@-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-preview{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}";
 const VerdocsPreviewStyle0 = verdocsPreviewCss;

package/dist/components/{p-58c2bd5d.js → p-f0f6e862.js}

@@ -7190,11 +7190,11 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class VerdocsSta
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '0d3a55cf87f1a0dba7e235e3b3fb19b7b44e67f5', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: 'be375ccdc720fedd0cba1427888a7ee73ef0bbcc', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '9d1812f322823609640bbdcde955123f4dfb294e', class: "icon", innerHTML: icon }), h("span", { key: '3db7a2eca6b3a6894a56daace7a367726feb508e', class: "content" }, statusMessage), h("div", { key: 'a0b31ee1a68c854dc781ba6fa729fbde485db23e', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '2eab9e497070e97fe917ccc76d7c43ab2ae508f7', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '48857f123ba352d9e1e544ee74179bb082fa41dd', class: "icon", innerHTML: icon }), h("span", { key: 'c08378b893e264fa86e62fa0462180e407999a8d', class: "content" }, statusMessage), h("div", { key: '648501cd3b785a4132c39a5a652955a063f7b8a0', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'a55f6ba2d3bd49004f00e7264f27253be8d87aaa', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get style() { return VerdocsStatusIndicatorStyle0; }
 }, [0, "verdocs-status-indicator", {

package/dist/components/{p-49153610.js → p-f21ef4fb.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$a } from './p-0e332769.js';
 import { d as defineCustomElement$9 } from './p-3201d529.js';
 import { d as defineCustomElement$8 } from './p-84ae0283.js';
-import { d as defineCustomElement$7 } from './p-0ca7012b.js';
-import { d as defineCustomElement$6 } from './p-b9034018.js';
+import { d as defineCustomElement$7 } from './p-7f32e087.js';
+import { d as defineCustomElement$6 } from './p-9c0b30f8.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
-import { d as defineCustomElement$4 } from './p-5d4bbcd0.js';
-import { d as defineCustomElement$3 } from './p-315d6592.js';
-import { d as defineCustomElement$2 } from './p-0d063bf9.js';
-import { d as defineCustomElement$1 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$4 } from './p-6719b0d7.js';
+import { d as defineCustomElement$3 } from './p-62743fd3.js';
+import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldInitialCss = "@-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-initial{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial 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-initial.done{border:none;opacity:1}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial.disabled img{opacity:0.5}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-initial 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-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .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 VerdocsFieldInitialStyle0 = verdocsFieldInitialCss;

package/dist/components/{p-fcad60f5.js → p-f4e068a9.js}

@@ -13,13 +13,13 @@ const VerdocsSwitch = /*@__PURE__*/ proxyCustomElement(class VerdocsSwitch exten
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'b633ac84b8e37af94312e2803204934e0a734cbf', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
+        return (h("button", { key: 'e9153549bcee6b924ce7a7d620d1096fa91782d2', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
                 var _a;
                 if (!this.disabled) {
                     this.checked = !this.checked;
                     (_a = this.checkedChange) === null || _a === void 0 ? void 0 : _a.emit(this.checked);
                 }
-            } }, h("span", { key: '81a536a86086881ef0c15b5bfa5408f4f9d6831e', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, h("span", { key: '61d97d7571b7f52f186ce44daaf0ef7132c6d5f6', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
     static get style() { return VerdocsSwitchStyle0; }
 }, [0, "verdocs-switch", {

package/dist/components/{p-2548f3f0.js → p-f7462b26.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { VerdocsEndpoint, getTemplate } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-da4d4eed.js';
+import { S as Store } from './p-b712e729.js';
 import { d as defineCustomElement$4 } from './p-070bebd7.js';
 import { d as defineCustomElement$3 } from './p-84ae0283.js';
 import { d as defineCustomElement$2 } from './p-1ae5d7e0.js';

package/dist/components/verdocs-auth.js

@@ -3,8 +3,8 @@ import { VerdocsEndpoint, createProfile, verifyEmail, authenticate, getMyUser, r
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
 import { d as defineCustomElement$4 } from './p-0e332769.js';
-import { d as defineCustomElement$3 } from './p-0ca7012b.js';
-import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
+import { d as defineCustomElement$3 } from './p-7f32e087.js';
+import { d as defineCustomElement$2 } from './p-325b3828.js';
 
 const verdocsAuthCss = "@-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-auth{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-auth .form{width:320px;display:-ms-flexbox;display:flex;padding:20px;max-width:90%;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;background:#ffffff}verdocs-auth .logo{width:128px;max-width:100%;margin:20px 0 30px}verdocs-auth h3{text-align:center;font-weight:400;font-size:18px;line-height:1.75;margin:0}verdocs-auth em{font-size:14px;margin:15px 0}verdocs-auth .buttons{gap:20px;margin:20px 0 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth .status-result{display:none}verdocs-auth .status-result.debug{white-space:pre-wrap;font-size:14px;background:#fff;padding:10px;display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}verdocs-auth form{width:100%}verdocs-auth verdocs-text-input{margin-bottom:10px}verdocs-auth .account-option{gap:8px;margin:20px 0 8px 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-auth p{margin:1em 0;font-size:14px}verdocs-auth p+p{margin-top:0}verdocs-auth verdocs-help-icon{margin-top:18px;display:-ms-flexbox;display:flex;width:32px;height:32px;-ms-flex:0 0 32px;flex:0 0 32px}verdocs-auth .already-have{margin:0.5em 0;font-size:14px}";
 const VerdocsAuthStyle0 = verdocsAuthCss;