@verdocs/web-sdk 4.2.158 → 5.0.1

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

@@ -1,4 +1,4 @@
-import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-69881420.js';
+import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-0ca7012b.js';
 
 const VerdocsHelpIcon = VerdocsHelpIcon$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-3518350d.js';
+import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-b9034018.js';
 
 const VerdocsInitialDialog = VerdocsInitialDialog$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-e4ac6259.js';
+import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-6fcd99d1.js';
 
 const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-loader.js

@@ -1,4 +1,4 @@
-import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-90540412.js';
+import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-1ae5d7e0.js';
 
 const VerdocsLoader = VerdocsLoader$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-83245875.js';
+import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-cf6ea837.js';
 
 const VerdocsOkDialog = VerdocsOkDialog$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
-import { d as defineCustomElement$2 } from './p-8b27ce22.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
+import { d as defineCustomElement$2 } from './p-5d4bbcd0.js';
 import { f as format } from './p-12bab948.js';
 
 const verdocsOrganizationCardCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-organization-card{font-family:\"Inter\", \"Barlow\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}";

package/dist/components/verdocs-pagination.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-877eaf65.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-5eb45a4f.js';
 
 const VerdocsPagination = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-portal.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-8b27ce22.js';
+import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-5d4bbcd0.js';
 
 const VerdocsPortal = VerdocsPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-preview.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-c7db1c7d.js';
+import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-c25e82b9.js';
 
 const VerdocsPreview = VerdocsPreview$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-556596e4.js';
+import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-f72b9c45.js';
 
 const VerdocsProgressBar = VerdocsProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-quick-filter.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-42a676b7.js';
+import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-ec894daf.js';
 
 const VerdocsQuickFilter = VerdocsQuickFilter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-quick-functions.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-324ed895.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 
 const verdocsQuickFunctionsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";

package/dist/components/verdocs-radio-button.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsRadioButtonCss = "@-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-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
 const VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;

package/dist/components/verdocs-search-box.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-324ed895.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 
 const verdocsSearchBoxCss = "@-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-search-box{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}";

package/dist/components/verdocs-search-tabs.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h } from './p-324ed895.js';
 
 const verdocsSearchTabsCss = "@-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-search-tabs{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:block}";
 const VerdocsSearchTabsStyle0 = verdocsSearchTabsCss;

package/dist/components/verdocs-select-input.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSelectInput$1, d as defineCustomElement$1 } from './p-263dc67d.js';
+import { V as VerdocsSelectInput$1, d as defineCustomElement$1 } from './p-315d6592.js';
 
 const VerdocsSelectInput = VerdocsSelectInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-send.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-1e66385b.js';
+import { V as VerdocsSend$1, d as defineCustomElement$1 } from './p-5d82a9f3.js';
 
 const VerdocsSend = VerdocsSend$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-sign.js

@@ -1,19 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, startSigningSession, getKbaStep, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, sortFields, envelopeRecipientSubmit, getEnvelope, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, submitKbaPin, submitKbaIdentity, submitKbaChallengeResponse, integerSequence } from '@verdocs/js-sdk';
-import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './p-b0af9b72.js';
-import { c as createTemplateFieldStoreFromEnvelope } from './p-00d39dca.js';
+import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './p-4bc5ac82.js';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$b } from './p-ac7578f6.js';
-import { d as defineCustomElement$a } from './p-4dc4418a.js';
-import { d as defineCustomElement$9 } from './p-df4ac086.js';
-import { d as defineCustomElement$8 } from './p-7927a846.js';
-import { d as defineCustomElement$7 } from './p-e4ac6259.js';
-import { d as defineCustomElement$6 } from './p-90540412.js';
-import { d as defineCustomElement$5 } from './p-83245875.js';
-import { d as defineCustomElement$4 } from './p-8b27ce22.js';
-import { d as defineCustomElement$3 } from './p-6b369b14.js';
-import { d as defineCustomElement$2 } from './p-62f8b36c.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-a3e12c74.js';
+import { d as defineCustomElement$8 } from './p-8d3c0b4c.js';
+import { d as defineCustomElement$7 } from './p-6fcd99d1.js';
+import { d as defineCustomElement$6 } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$5 } from './p-cf6ea837.js';
+import { d as defineCustomElement$4 } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$3 } from './p-b16c202a.js';
+import { d as defineCustomElement$2 } from './p-6400f542.js';
 
 const verdocsSignCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{width:50%;font-size:16px;background:white;border-radius:5px;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#654dcb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
 const VerdocsSignStyle0 = verdocsSignCss;
@@ -42,7 +41,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.roleId = null;
         this.inviteCode = null;
         this.headerTargetId = null;
-        this.envelope = null;
         this.roleNames = [];
         this.sortedRecipients = [];
         this.recipient = null;
@@ -65,6 +63,8 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         this.kbaQuestions = [];
         this.showSpinner = false;
         this.kbaChoices = [];
+        this.loading = true;
+        this.envelope = null;
     }
     componentWillLoad() {
         if (!this.endpoint) {
@@ -88,11 +88,12 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         }
         try {
             console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
+            // NOTE: We don't listen to the store here because we are often an independent
+            // session and might have a different "view" of the envelope.
             const { envelope, recipient } = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
             console.log(`[SIGN] Loaded signing session`, envelope, recipient);
             this.recipient = recipient;
             this.envelope = envelope;
-            createTemplateFieldStoreFromEnvelope(this.envelope);
             this.sortedRecipients = [...this.envelope.recipients];
             this.sortedRecipients.sort((a, b) => {
                 return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
@@ -474,7 +475,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 const updateResult = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, e.detail);
                 this.updateRecipientFieldValue(field.name, updateResult);
                 this.checkRecipientFields();
-                const newEl = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
+                const newEl = renderDocumentField('envelope', field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
                 this.attachFieldAttributes(pageInfo, field, newEl);
                 this.showSpinner = false;
             }
@@ -492,7 +493,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 console.log('[SIGN] Deleted attachment', updateResult);
                 this.updateRecipientFieldValue(field.name, updateResult);
                 this.checkRecipientFields();
-                const newEl = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
+                const newEl = renderDocumentField('envelope', field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
                 this.attachFieldAttributes(pageInfo, field, newEl);
                 this.showSpinner = false;
             }
@@ -530,7 +531,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             if (field.page !== pageInfo.pageNumber) {
                 return;
             }
-            const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
+            const el = renderDocumentField('envelope', field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
             if (!el) {
                 return;
             }
@@ -548,7 +549,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             this.getRecipientFields()
                 .filter(field => field.page === pageInfo.pageNumber)
                 .forEach(field => {
-                const el = renderDocumentField(field, pageInfo, { disabled: true, editable: false, draggable: false, done: this.isDone });
+                const el = renderDocumentField('envelope', field, pageInfo, { disabled: true, editable: false, draggable: false, done: this.isDone });
                 if (!el) {
                     return;
                 }
@@ -575,7 +576,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
             return (h(Host, { class: { agreed: this.agreed } }, h("div", { class: "fatal-error" }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", class: "placeholder", alt: "Placeholder page" }), h("div", { class: "message" }, h("div", { class: "header" }, this.fatalErrorHeader), h("p", null, this.fatalErrorMessage)))));
         }
         if (this.isDone) {
-            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, envelope: this.envelope, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: (e) => {
+            return (h(Host, { class: { agreed: this.agreed } }, h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.showDone = false;
@@ -668,7 +669,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
                 // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or
                 // future signers still need to act. Once we're "done" we flip to showing the envelope's documents which have the final
                 // field vales (so far) stamped into them.
-                // const templatePage = EnvelopeStore.template?.pages.find(p => p.sequence === page.sequence);
                 // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure
                 //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.
                 // console.log('tp', templatePage, page);
@@ -690,7 +690,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "roleId": [513, "role-id"],
         "inviteCode": [513, "invite-code"],
         "headerTargetId": [1, "header-target-id"],
-        "envelope": [32],
         "roleNames": [32],
         "sortedRecipients": [32],
         "recipient": [32],
@@ -712,7 +711,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         "kbaStep": [32],
         "kbaQuestions": [32],
         "showSpinner": [32],
-        "kbaChoices": [32]
+        "kbaChoices": [32],
+        "loading": [32],
+        "envelope": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

@@ -1,4 +1,4 @@
-import { V as VerdocsSignatureDialog$1, d as defineCustomElement$1 } from './p-d3170dcd.js';
+import { V as VerdocsSignatureDialog$1, d as defineCustomElement$1 } from './p-5a9cea40.js';
 
 const VerdocsSignatureDialog = VerdocsSignatureDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-spinner.js

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-6b369b14.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-b16c202a.js';
 
 const VerdocsSpinner = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-status-indicator.js

@@ -1,4 +1,4 @@
-import { V as VerdocsStatusIndicator$1, d as defineCustomElement$1 } from './p-82fb3284.js';
+import { V as VerdocsStatusIndicator$1, d as defineCustomElement$1 } from './p-58c2bd5d.js';
 
 const VerdocsStatusIndicator = VerdocsStatusIndicator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-switch.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSwitch$1, d as defineCustomElement$1 } from './p-db4a15fd.js';
+import { V as VerdocsSwitch$1, d as defineCustomElement$1 } from './p-fcad60f5.js';
 
 const VerdocsSwitch = VerdocsSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-table.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 
 const verdocsTableCss = "@-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-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";
 const VerdocsTableStyle0 = verdocsTableCss;

package/dist/components/verdocs-tabs.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './p-ffe8b41d.js';
+import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './p-4dd750e9.js';
 
 const VerdocsTabs = VerdocsTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-attachments.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateAttachments$1, d as defineCustomElement$1 } from './p-ed9a1a21.js';
+import { V as VerdocsTemplateAttachments$1, d as defineCustomElement$1 } from './p-ed88b8d2.js';
 
 const VerdocsTemplateAttachments = VerdocsTemplateAttachments$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-build-tabs.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateBuildTabs$1, d as defineCustomElement$1 } from './p-85ef4d07.js';
+import { V as VerdocsTemplateBuildTabs$1, d as defineCustomElement$1 } from './p-2548f3f0.js';
 
 const VerdocsTemplateBuildTabs = VerdocsTemplateBuildTabs$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsTemplateCardCss = "@-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-card{font-family:\"Inter\", \"Barlow\", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}";
 const VerdocsTemplateCardStyle0 = verdocsTemplateCardCss;

package/dist/components/verdocs-template-create.js

@@ -1,4 +1,151 @@
-import { V as VerdocsTemplateCreate$1, d as defineCustomElement$1 } from './p-f9cc62a7.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, createTemplate } from '@verdocs/js-sdk';
+import { S as SDKError } from './p-fd97809c.js';
+import { d as defineCustomElement$5 } from './p-0e332769.js';
+import { d as defineCustomElement$4 } from './p-84ae0283.js';
+import { d as defineCustomElement$3 } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$2 } from './p-f72b9c45.js';
+
+const verdocsTemplateCreateCss = "@-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-create{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px;margin:20px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}";
+const VerdocsTemplateCreateStyle0 = verdocsTemplateCreateCss;
+
+const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';
+const VerdocsTemplateCreate$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateCreate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.exit = createEvent(this, "exit", 7);
+        this.next = createEvent(this, "next", 7);
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.templateCreated = createEvent(this, "templateCreated", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.maxSize = 20.5 * 1024 * 1024;
+        this.file = undefined;
+        this.creating = false;
+        this.progressLabel = 'Uploading...';
+        this.progressPercent = 0;
+        this.errorMessage = '';
+    }
+    componentWillLoad() {
+        this.endpoint.setTimeout(30000);
+        this.endpoint.loadSession();
+    }
+    handleFileChanged(e) {
+        var _a;
+        this.errorMessage = '';
+        this.file = ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || null;
+        console.log('[CREATE] Selected file', this.file);
+        const totalSize = this.file.size;
+        if (totalSize > this.maxSize) {
+            this.errorMessage = 'Total file size must not exceed 20MB.';
+        }
+    }
+    handleUpload(e) {
+        e.stopPropagation();
+        const fileElem = document.getElementById('verdocs-template-create-file');
+        fileElem.click();
+    }
+    handleCancel(e) {
+        e.stopPropagation();
+        this.exit.emit();
+    }
+    async handleSubmit(e) {
+        var _a, _b, _c, _d, _e;
+        e.stopPropagation();
+        // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
+        if (!this.file) {
+            return;
+        }
+        this.creating = true;
+        this.progressLabel = 'Uploading...';
+        try {
+            const template = await createTemplate(this.endpoint, {
+                name: this.file.name,
+                // TODO: Make optional in the SDK
+                initial_reminder: 0,
+                followup_reminders: 0,
+                documents: [this.file],
+            }, percent => {
+                if (percent >= 99) {
+                    this.progressLabel = 'Processing...';
+                    this.progressPercent = 100;
+                }
+                else {
+                    this.progressPercent = percent;
+                }
+            });
+            console.log('[CREATE] Created template', template);
+            (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
+            (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
+            this.creating = false;
+            this.progressLabel = '';
+            this.progressPercent = 0;
+        }
+        catch (e) {
+            console.log('[CREATE] Error creating template', e);
+            (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+            this.creating = false;
+        }
+    }
+    render() {
+        if (!this.endpoint.session) {
+            return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+        }
+        return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("input", { type: "file", id: "verdocs-template-create-file", multiple: true, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), this.creating ? (h("div", { class: "loader-wrapper" }, h("verdocs-loader", null), this.progressLabel && (h("div", { class: "progress-wrapper" }, h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (h("div", { class: "upload-box", onDrop: (e) => {
+                e.preventDefault();
+                e.target.classList.remove('drag-over');
+                this.file = e.dataTransfer.files[0];
+                if (this.file.size > this.maxSize) {
+                    this.errorMessage = 'Total file size must not exceed 20MB.';
+                }
+            }, onDragOver: (e) => {
+                e.preventDefault();
+                e.dataTransfer.dropEffect = 'copy';
+            }, onDragEnter: (e) => e.target.classList.add('drag-over'), onDragLeave: (e) => e.target.classList.remove('drag-over') }, h("span", { innerHTML: FileIcon, style: { display: 'flex', justifyContent: 'center' } }), h("p", null, this.file ? this.file.name : 'Drag and drop your files here'), h("p", { class: "subscript" }, "Supported files: PDF, Word"), h("verdocs-button", { label: this.file ? 'Select a different file' : 'Select a file from your computer', size: "small", onClick: e => this.handleUpload(e) }))), !!this.errorMessage && h("div", { class: "error" }, this.errorMessage), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.creating }), h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleSubmit(e), disabled: !this.file || this.creating || !!this.errorMessage })))));
+    }
+    static get style() { return VerdocsTemplateCreateStyle0; }
+}, [0, "verdocs-template-create", {
+        "endpoint": [16],
+        "maxSize": [1026, "max-size"],
+        "file": [32],
+        "creating": [32],
+        "progressLabel": [32],
+        "progressPercent": [32],
+        "errorMessage": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-template-create", "verdocs-button", "verdocs-component-error", "verdocs-loader", "verdocs-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-template-create":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTemplateCreate$1);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "verdocs-component-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
 
 const VerdocsTemplateCreate = VerdocsTemplateCreate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-document-page.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-fe533b11.js';
+import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-a22a3b1b.js';
 
 const VerdocsTemplateDocumentPage = VerdocsTemplateDocumentPage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-field-properties.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateFieldProperties$1, d as defineCustomElement$1 } from './p-b2bf338f.js';
+import { V as VerdocsTemplateFieldProperties$1, d as defineCustomElement$1 } from './p-0d063bf9.js';
 
 const VerdocsTemplateFieldProperties = VerdocsTemplateFieldProperties$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-fields.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-945d225a.js';
+import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-22e52874.js';
 
 const VerdocsTemplateFields = VerdocsTemplateFields$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-role-properties.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateRoleProperties$1, d as defineCustomElement$1 } from './p-c7a21595.js';
+import { V as VerdocsTemplateRoleProperties$1, d as defineCustomElement$1 } from './p-1e67ebdf.js';
 
 const VerdocsTemplateRoleProperties = VerdocsTemplateRoleProperties$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-roles.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateRoles$1, d as defineCustomElement$1 } from './p-83a2fa2f.js';
+import { V as VerdocsTemplateRoles$1, d as defineCustomElement$1 } from './p-8fbc64e9.js';
 
 const VerdocsTemplateRoles = VerdocsTemplateRoles$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-star.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateStar$1, d as defineCustomElement$1 } from './p-71dd305b.js';
+import { V as VerdocsTemplateStar$1, d as defineCustomElement$1 } from './p-18999830.js';
 
 const VerdocsTemplateStar = VerdocsTemplateStar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-tags.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsTemplateTagsCss = "@-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-tags{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}";
 const VerdocsTemplateTagsStyle0 = verdocsTemplateTagsCss;
@@ -11,7 +11,7 @@ const VerdocsTemplateTags$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
     }
     render() {
         var _a;
-        return (h(Host, { key: '5b52ce24a601aa820868affd555ce4b46935938d' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: 'bc1467762286083fab80ee7bab00155fc5d0c521' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get style() { return VerdocsTemplateTagsStyle0; }
 }, [0, "verdocs-template-tags", {

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

@@ -1,16 +1,16 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplates, deleteTemplate, integerSequence, canPerformTemplateAction } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$b } from './p-ac7578f6.js';
-import { d as defineCustomElement$a } from './p-df4ac086.js';
-import { d as defineCustomElement$9 } from './p-69881420.js';
-import { d as defineCustomElement$8 } from './p-83245875.js';
-import { d as defineCustomElement$7 } from './p-877eaf65.js';
-import { d as defineCustomElement$6 } from './p-8b27ce22.js';
-import { d as defineCustomElement$5 } from './p-42a676b7.js';
-import { d as defineCustomElement$4 } from './p-6b369b14.js';
-import { d as defineCustomElement$3 } from './p-71dd305b.js';
-import { d as defineCustomElement$2 } from './p-e4a852b5.js';
+import { d as defineCustomElement$b } from './p-0e332769.js';
+import { d as defineCustomElement$a } from './p-a3e12c74.js';
+import { d as defineCustomElement$9 } from './p-0ca7012b.js';
+import { d as defineCustomElement$8 } from './p-cf6ea837.js';
+import { d as defineCustomElement$7 } from './p-5eb45a4f.js';
+import { d as defineCustomElement$6 } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$5 } from './p-ec894daf.js';
+import { d as defineCustomElement$4 } from './p-b16c202a.js';
+import { d as defineCustomElement$3 } from './p-18999830.js';
+import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 import { f as format } from './p-12bab948.js';
 
 const verdocsTemplatesListCss = "@-webkit-keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\nverdocs-templates-list {\n  display: -ms-flexbox;\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: #33364b;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  font-family: \"Inter\", \"Barlow\", sans-serif;\n}\nverdocs-templates-list .header {\n  width: 100%;\n  row-gap: 4px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-column-gap: 12px;\n  -moz-column-gap: 12px;\n  column-gap: 12px;\n  margin: 0 0 10px 0;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n}\nverdocs-templates-list .header .filter {\n  width: 150px;\n}\nverdocs-templates-list .header verdocs-text-input {\n  margin: 0;\n}\nverdocs-templates-list .header verdocs-text-input input {\n  height: 32px;\n}\nverdocs-templates-list .filter {\n  -ms-flex-align: center;\n  align-items: center;\n}\nverdocs-templates-list .template-placeholder {\n  height: 48px;\n  -ms-flex: 0 0 48px;\n  flex: 0 0 48px;\n  margin: 5px 0;\n  border-radius: 5px;\n  background: #f5f5fa;\n}\nverdocs-templates-list .template {\n  width: 100%;\n  margin: 2px 0;\n  border: 1px solid #ffffff;\n  background: #ffffff;\n}\nverdocs-templates-list .template:hover {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .template .inner {\n  gap: 12px;\n  display: -ms-flexbox;\n  display: flex;\n  padding: 8px 14px;\n  border-radius: 5px;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  container-type: inline-size;\n}\nverdocs-templates-list .template .inner svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .name {\n  -ms-flex: 1;\n  flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  color: black;\n  font-size: 16px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@media screen and (max-width: 1300px) {\n  verdocs-templates-list .name {\n    font-size: 16px;\n  }\n}\nverdocs-templates-list .spacer {\n  margin: 0;\n  height: 30px;\n  -ms-flex: 0 0 1px;\n  flex: 0 0 1px;\n  display: -ms-flexbox;\n  display: flex;\n  border-right: 1px solid #dad8dd;\n}\n@media screen and (max-width: 800px) {\n  verdocs-templates-list .spacer {\n    display: none;\n  }\n}\nverdocs-templates-list .empty-text {\n  font-size: 20px;\n  text-align: center;\n  margin: 16px 0 0 0;\n  padding: 80px 80px;\n  border: 2px solid #ccc;\n}\nverdocs-templates-list .usage,\nverdocs-templates-list .ownership,\nverdocs-templates-list .last-used {\n  gap: 10px;\n  color: #444;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 16px;\n  margin: 0 0 0 10px;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .usage svg,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .ownership svg,\nverdocs-templates-list .last-used span,\nverdocs-templates-list .last-used svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .last-used span {\n  display: block;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list verdocs-template-star {\n    display: none;\n  }\n}\nverdocs-templates-list .ownership {\n  -ms-flex: 0 0 100px;\n  flex: 0 0 100px;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list .ownership {\n    display: none;\n  }\n}\nverdocs-templates-list .last-used {\n  -ms-flex: 0 0 130px;\n  flex: 0 0 130px;\n}\nverdocs-templates-list .usage {\n  -ms-flex: 0 0 60px;\n  flex: 0 0 60px;\n}\nverdocs-templates-list .header-row {\n  display: none;\n}\nverdocs-templates-list table {\n  container-type: size;\n  max-width: 100%;\n  overflow: hidden;\n  table-layout: fixed;\n}\nverdocs-templates-list .data-row {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .data-col svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .col-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@container (max-width:700 px) {\n  verdocs-templates-list verdocs-templates-list .col-starred {\n    display: none;\n  }\n}";