@verdocs/web-sdk 2.3.88 → 4.0.5

package/dist/components/verdocs-build.js

@@ -1,6 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import './Types.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$J } from './verdocs-button2.js';
@@ -48,348 +47,352 @@ import { d as defineCustomElement$4 } from './verdocs-toggle-button2.js';
 import { d as defineCustomElement$3 } from './verdocs-toolbar-icon2.js';
 import { d as defineCustomElement$2 } from './verdocs-upload-dialog2.js';
 
-const verdocsBuildCss = "@-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-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px #0000007f;box-shadow:1px 1px 6px -2px #0000007f}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";
+const verdocsBuildCss = "@-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-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";
+const VerdocsBuildStyle0 = verdocsBuildCss;
 
-const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.sdkError = createEvent(this, "sdkError", 7);
-    this.stepChanged = createEvent(this, "stepChanged", 7);
-    this.send = createEvent(this, "send", 7);
-    this.templateUpdated = createEvent(this, "templateUpdated", 7);
-    this.templateCreated = createEvent(this, "templateCreated", 7);
-    this.rolesUpdated = createEvent(this, "rolesUpdated", 7);
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.templateId = null;
-    this.step = 'preview';
-    this.store = null;
-  }
-  onTemplateIdChanged(newTemplateId) {
-    console.log('Template ID changed', newTemplateId);
-    this.loadTemplate(newTemplateId).catch((e) => console.log('Unknown Error', e));
-  }
-  onStepChanged(newStep) {
-    console.log('Step changed', newStep);
-    this.loadTemplate(this.templateId).catch((e) => console.log('Unknown Error', e));
-  }
-  async componentWillLoad() {
-    var _a, _b, _c;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[BUILD] No template ID, activating upload mode`);
-        this.step = 'attachments';
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[BUILD] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));
+const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsBuild extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.stepChanged = createEvent(this, "stepChanged", 7);
+        this.send = createEvent(this, "send", 7);
+        this.templateUpdated = createEvent(this, "templateUpdated", 7);
+        this.templateCreated = createEvent(this, "templateCreated", 7);
+        this.rolesUpdated = createEvent(this, "rolesUpdated", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.templateId = null;
+        this.step = 'preview';
+        this.store = null;
+    }
+    onTemplateIdChanged(newTemplateId) {
+        console.log('Template ID changed', newTemplateId);
+        this.loadTemplate(newTemplateId).catch((e) => console.log('Unknown Error', e));
+    }
+    onStepChanged(newStep) {
+        console.log('Step changed', newStep);
+        this.loadTemplate(this.templateId).catch((e) => console.log('Unknown Error', e));
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.templateId) {
+                console.log(`[BUILD] No template ID, activating upload mode`);
+                this.step = 'attachments';
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[BUILD] Unable to start builder session, must be authenticated');
+                return;
+            }
+            this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));
+        }
+        catch (e) {
+            console.log('[BUILD] Error loading template', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
+    }
+    async loadTemplate(templateId) {
+        if (templateId) {
+            console.log('Loading store', templateId);
+            this.store = await getTemplateStore(this.endpoint, templateId, false);
+            // forceUpdate(this.el);
+        }
     }
-    catch (e) {
-      console.log('[BUILD] Error loading template', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+    handleCancel(e) {
+        console.log('Cancel', e.detail);
+        this.step = 'preview';
     }
-  }
-  async loadTemplate(templateId) {
-    if (templateId) {
-      console.log('Loading store', templateId);
-      this.store = await getTemplateStore(this.endpoint, templateId, false);
-      // forceUpdate(this.el);
+    async handleTemplateCreated(templateId) {
+        var _a;
+        await this.loadTemplate(templateId);
+        this.templateId = templateId;
+        this.step = 'roles';
+        (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('roles');
     }
-  }
-  handleCancel(e) {
-    console.log('Cancel', e.detail);
-    this.step = 'preview';
-  }
-  async handleTemplateCreated(templateId) {
-    var _a;
-    await this.loadTemplate(templateId);
-    this.templateId = templateId;
-    this.step = 'roles';
-    (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('roles');
-  }
-  async handleRolesUpdated(e) {
-    var _a;
-    (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-  }
-  async handleTemplateUpdated(e) {
-    var _a;
-    (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-  }
-  handleAttachmentsNext() {
-    var _a;
-    this.step = 'roles';
-    (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('roles');
-  }
-  handleRolesNext() {
-    var _a;
-    this.step = 'fields';
-    (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('fields');
-  }
-  handleStepChanged(step) {
-    var _a;
-    console.log('osc', step);
-    this.step = step;
-    (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(step);
-  }
-  render() {
-    if (!this.endpoint.session) {
-      return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+    async handleRolesUpdated(e) {
+        var _a;
+        (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
     }
-    if (!this.store) {
-      console.log('[BUILD] No template ID, rendering created view');
-      return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: "attachments", onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), h("verdocs-template-create", { endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext(), onTemplateCreated: e => this.handleTemplateCreated(e.detail.templateId) }))));
+    async handleTemplateUpdated(e) {
+        var _a;
+        (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
     }
-    console.log('[BUILD] Rendering build view', this.templateId, this.step, ['attachments', 'roles', 'settings', 'fields', 'preview'].indexOf(this.step));
-    return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: this.step, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext(), onTemplateUpdated: e => this.handleTemplateUpdated(e) })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleRolesNext(), onRolesUpdated: e => this.handleRolesUpdated(e) })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), this.step === 'preview' && (h("div", { class: "preview-container" }, h("div", { class: "preview-send-wrapper" }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint, onSend: e => { var _a; return (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, style: { width: '100%' } })), h("div", { class: "preview-preview-wrapper" }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint, style: { display: 'flex', flex: '1', maxWidth: '1000px' } })))))));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "templateId": ["onTemplateIdChanged"],
-    "step": ["onStepChanged"]
-  }; }
-  static get style() { return verdocsBuildCss; }
+    handleAttachmentsNext() {
+        var _a;
+        this.step = 'roles';
+        (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('roles');
+    }
+    handleRolesNext() {
+        var _a;
+        this.step = 'fields';
+        (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('fields');
+    }
+    handleStepChanged(step) {
+        var _a;
+        console.log('osc', step);
+        this.step = step;
+        (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(step);
+    }
+    render() {
+        if (!this.endpoint.session) {
+            return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+        }
+        if (!this.store) {
+            console.log('[BUILD] No template ID, rendering created view');
+            return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: "attachments", onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), h("verdocs-template-create", { endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext(), onTemplateCreated: e => this.handleTemplateCreated(e.detail.templateId) }))));
+        }
+        console.log('[BUILD] Rendering build view', this.templateId, this.step, ['attachments', 'roles', 'settings', 'fields', 'preview'].indexOf(this.step));
+        return (h(Host, null, h("div", { class: "content" }, h("verdocs-template-build-tabs", { endpoint: this.endpoint, templateId: this.templateId, step: this.step, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, onStepChanged: e => this.handleStepChanged(e.detail) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext(), onTemplateUpdated: e => this.handleTemplateUpdated(e) })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleRolesNext(), onRolesUpdated: e => this.handleRolesUpdated(e) })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' }, onTemplateUpdated: e => this.handleTemplateUpdated(e) }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint, onTemplateUpdated: e => this.handleTemplateUpdated(e) }), this.step === 'preview' && (h("div", { class: "preview-container" }, h("div", { class: "preview-send-wrapper" }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint, onSend: e => { var _a; return (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit(e.detail); }, style: { width: '100%' } })), h("div", { class: "preview-preview-wrapper" }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint, style: { display: 'flex', flex: '1', maxWidth: '1000px' } })))))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "templateId": ["onTemplateIdChanged"],
+        "step": ["onStepChanged"]
+    }; }
+    static get style() { return VerdocsBuildStyle0; }
 }, [0, "verdocs-build", {
-    "endpoint": [16],
-    "templateId": [1537, "template-id"],
-    "step": [1537],
-    "store": [32]
-  }]);
+        "endpoint": [16],
+        "templateId": [1537, "template-id"],
+        "step": [1537],
+        "store": [32]
+    }, undefined, {
+        "templateId": ["onTemplateIdChanged"],
+        "step": ["onStepChanged"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-build", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio-button", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-reminders", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-build":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsBuild$1);
-      }
-      break;
-    case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$J();
-      }
-      break;
-    case "verdocs-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$I();
-      }
-      break;
-    case "verdocs-component-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$H();
-      }
-      break;
-    case "verdocs-contact-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$G();
-      }
-      break;
-    case "verdocs-field-attachment":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$F();
-      }
-      break;
-    case "verdocs-field-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$E();
-      }
-      break;
-    case "verdocs-field-date":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$D();
-      }
-      break;
-    case "verdocs-field-dropdown":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$C();
-      }
-      break;
-    case "verdocs-field-initial":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$B();
-      }
-      break;
-    case "verdocs-field-radio-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$A();
-      }
-      break;
-    case "verdocs-field-signature":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$z();
-      }
-      break;
-    case "verdocs-field-textarea":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$y();
-      }
-      break;
-    case "verdocs-field-textbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$x();
-      }
-      break;
-    case "verdocs-field-timestamp":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$w();
-      }
-      break;
-    case "verdocs-file-chooser":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$v();
-      }
-      break;
-    case "verdocs-help-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$u();
-      }
-      break;
-    case "verdocs-initial-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$t();
-      }
-      break;
-    case "verdocs-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$s();
-      }
-      break;
-    case "verdocs-ok-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$r();
-      }
-      break;
-    case "verdocs-portal":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$q();
-      }
-      break;
-    case "verdocs-preview":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$p();
-      }
-      break;
-    case "verdocs-progress-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "verdocs-radio-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$n();
-      }
-      break;
-    case "verdocs-select-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "verdocs-send":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "verdocs-signature-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "verdocs-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "verdocs-tabs":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "verdocs-template-attachments":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "verdocs-template-build-tabs":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "verdocs-template-create":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "verdocs-template-document-page":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "verdocs-template-field-properties":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "verdocs-template-fields":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "verdocs-template-name":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "verdocs-template-reminders":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "verdocs-template-role-properties":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "verdocs-template-roles":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "verdocs-template-sender":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "verdocs-template-visibility":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "verdocs-text-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "verdocs-toggle-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "verdocs-toolbar-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "verdocs-upload-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-build", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio-button", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-reminders", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-build":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsBuild$1);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$J();
+            }
+            break;
+        case "verdocs-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$I();
+            }
+            break;
+        case "verdocs-component-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$H();
+            }
+            break;
+        case "verdocs-contact-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$G();
+            }
+            break;
+        case "verdocs-field-attachment":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$F();
+            }
+            break;
+        case "verdocs-field-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$E();
+            }
+            break;
+        case "verdocs-field-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$D();
+            }
+            break;
+        case "verdocs-field-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$C();
+            }
+            break;
+        case "verdocs-field-initial":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$B();
+            }
+            break;
+        case "verdocs-field-radio-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$A();
+            }
+            break;
+        case "verdocs-field-signature":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$z();
+            }
+            break;
+        case "verdocs-field-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$y();
+            }
+            break;
+        case "verdocs-field-textbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$x();
+            }
+            break;
+        case "verdocs-field-timestamp":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
+            }
+            break;
+        case "verdocs-file-chooser":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$v();
+            }
+            break;
+        case "verdocs-help-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
+            }
+            break;
+        case "verdocs-initial-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "verdocs-ok-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "verdocs-portal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "verdocs-preview":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "verdocs-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "verdocs-radio-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "verdocs-select-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "verdocs-send":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "verdocs-signature-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "verdocs-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "verdocs-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "verdocs-template-attachments":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "verdocs-template-build-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "verdocs-template-create":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "verdocs-template-document-page":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "verdocs-template-field-properties":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "verdocs-template-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "verdocs-template-name":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "verdocs-template-reminders":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "verdocs-template-role-properties":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "verdocs-template-roles":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "verdocs-template-sender":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "verdocs-template-visibility":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "verdocs-text-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "verdocs-toggle-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-toolbar-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-upload-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 defineCustomElement$1();