@verdocs/web-sdk 1.12.2 → 1.12.3

package/dist/cjs/{interact.min-3fb55faf.js → interact.min-5b353ffd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 
 var interact_min = utils.createCommonjsModule(function (module, exports) {
 /* interact.js 1.10.17 | https://interactjs.io/license */

package/dist/cjs/{utils-8dcfb4ed.js → utils-66565e63.js}

@@ -99,7 +99,7 @@ const setControlStyles = (el, field, xScale, yScale, option) => {
   var _a, _b, _c, _d;
   const settings = field.setting || field.settings;
   let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;
+  const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
   if (optionSettings) {
     x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
     y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
@@ -137,6 +137,7 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
+  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -177,6 +178,34 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       controlsDiv.appendChild(el);
       return el;
     }
+    // @ts-ignore
+    case 'checkbox':
+      const id = getFieldOptionId(field, 0);
+      const existingField = document.getElementById(id);
+      if (existingField) {
+        setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+        return existingField;
+      }
+      const cbEl = document.createElement(`verdocs-field-checkbox`);
+      cbEl.field = field;
+      cbEl.setAttribute('id', id);
+      cbEl.setAttribute('roleIndex', roleIndex);
+      cbEl.setAttribute('option', 0);
+      if (disabled) {
+        cbEl.setAttribute('disabled', true);
+      }
+      if (done) {
+        cbEl.setAttribute('done', true);
+      }
+      if (editable) {
+        cbEl.setAttribute('editable', true);
+      }
+      if (draggable) {
+        cbEl.setAttribute('draggable', true);
+      }
+      setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
+      controlsDiv.appendChild(cbEl);
+      return cbEl;
     case 'checkbox_group':
       return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
         const id = getFieldOptionId(field, checkboxIndex);

package/dist/cjs/verdocs-document-page_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const popper = require('./popper-11d5f714.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const index$1 = require('./index-6528b430.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 require('./Envelopes-7381bd9a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const index$1 = require('./index-6528b430.js');
 require('./Envelopes-7381bd9a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -8,7 +8,7 @@ const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');

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

@@ -7,7 +7,7 @@ const Envelopes = require('./Envelopes-7381bd9a.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const Envelopes$1 = require('./Envelopes-2350fcf1.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');

package/dist/cjs/verdocs-template-create_2.cjs.entry.js

@@ -7,9 +7,9 @@ const Templates = require('./Templates-ed812768.js');
 const TemplateDocuments = require('./TemplateDocuments-6b395b32.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
 const errors = require('./errors-0396da3d.js');
-const interact_min = require('./interact.min-3fb55faf.js');
+const interact_min = require('./interact.min-5b353ffd.js');
 const Fields = require('./Fields-705a2168.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates$1 = require('./Templates-721828dc.js');
 require('./Token-576f0e8a.js');

package/dist/cjs/verdocs-template-document-page.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5e4233b0.js');
 const TemplateDocuments = require('./TemplateDocuments-6b395b32.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 require('./Token-576f0e8a.js');
 require('./Envelopes-7381bd9a.js');
 require('./Files-4bdc0c0f.js');
@@ -80,7 +80,7 @@ const VerdocsTemplateDocumentPage = class {
   }
   render() {
     const height = `${this.renderedHeight}px`;
-    return (index.h(index.Host, { id: `${this.containerId}`, style: { height } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (index.h("img", { class: "verdocs-template-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+    return (index.h(index.Host, { id: `${this.containerId}`, style: { height } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height, flex: `0 0 ${height}` } })) : this.pageDisplayUri ? (index.h("img", { class: "verdocs-template-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
         // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
         // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
         // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/cjs/verdocs-template-roles.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const interact_min = require('./interact.min-3fb55faf.js');
+const interact_min = require('./interact.min-5b353ffd.js');
 const Roles = require('./Roles-9b593b95.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
-const utils = require('./utils-8dcfb4ed.js');
+const utils = require('./utils-66565e63.js');
 const Envelopes = require('./Envelopes-2350fcf1.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');

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

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

package/dist/collection/utils/utils.js

@@ -58,7 +58,7 @@ export const setControlStyles = (el, field, xScale, yScale, option) => {
   var _a, _b, _c, _d;
   const settings = field.setting || field.settings;
   let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;
+  const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
   if (optionSettings) {
     x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
     y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
@@ -96,6 +96,7 @@ export const renderDocumentField = (field, docPage, roleIndex, fieldOptions) =>
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
+  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -136,6 +137,34 @@ export const renderDocumentField = (field, docPage, roleIndex, fieldOptions) =>
       controlsDiv.appendChild(el);
       return el;
     }
+    // @ts-ignore
+    case 'checkbox':
+      const id = getFieldOptionId(field, 0);
+      const existingField = document.getElementById(id);
+      if (existingField) {
+        setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+        return existingField;
+      }
+      const cbEl = document.createElement(`verdocs-field-checkbox`);
+      cbEl.field = field;
+      cbEl.setAttribute('id', id);
+      cbEl.setAttribute('roleIndex', roleIndex);
+      cbEl.setAttribute('option', 0);
+      if (disabled) {
+        cbEl.setAttribute('disabled', true);
+      }
+      if (done) {
+        cbEl.setAttribute('done', true);
+      }
+      if (editable) {
+        cbEl.setAttribute('editable', true);
+      }
+      if (draggable) {
+        cbEl.setAttribute('draggable', true);
+      }
+      setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
+      controlsDiv.appendChild(cbEl);
+      return cbEl;
     case 'checkbox_group':
       return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
         const id = getFieldOptionId(field, checkboxIndex);

package/dist/components/utils.js

@@ -97,7 +97,7 @@ const setControlStyles = (el, field, xScale, yScale, option) => {
   var _a, _b, _c, _d;
   const settings = field.setting || field.settings;
   let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;
+  const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
   if (optionSettings) {
     x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
     y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
@@ -135,6 +135,7 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
+  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -175,6 +176,34 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       controlsDiv.appendChild(el);
       return el;
     }
+    // @ts-ignore
+    case 'checkbox':
+      const id = getFieldOptionId(field, 0);
+      const existingField = document.getElementById(id);
+      if (existingField) {
+        setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+        return existingField;
+      }
+      const cbEl = document.createElement(`verdocs-field-checkbox`);
+      cbEl.field = field;
+      cbEl.setAttribute('id', id);
+      cbEl.setAttribute('roleIndex', roleIndex);
+      cbEl.setAttribute('option', 0);
+      if (disabled) {
+        cbEl.setAttribute('disabled', true);
+      }
+      if (done) {
+        cbEl.setAttribute('done', true);
+      }
+      if (editable) {
+        cbEl.setAttribute('editable', true);
+      }
+      if (draggable) {
+        cbEl.setAttribute('draggable', true);
+      }
+      setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
+      controlsDiv.appendChild(cbEl);
+      return cbEl;
     case 'checkbox_group':
       return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
         const id = getFieldOptionId(field, checkboxIndex);

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

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

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-02T17:28:42",
+  "timestamp": "2023-03-03T17:46:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{interact.min-19cd5a3f.js → interact.min-7c1428d0.js}

@@ -1,4 +1,4 @@
-import { c as getDefaultExportFromCjs, d as createCommonjsModule } from './utils-6d305f47.js';
+import { c as getDefaultExportFromCjs, d as createCommonjsModule } from './utils-5e8bf15b.js';
 
 var interact_min = createCommonjsModule(function (module, exports) {
 /* interact.js 1.10.17 | https://interactjs.io/license */

package/dist/esm/{utils-6d305f47.js → utils-5e8bf15b.js}

@@ -97,7 +97,7 @@ const setControlStyles = (el, field, xScale, yScale, option) => {
   var _a, _b, _c, _d;
   const settings = field.setting || field.settings;
   let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;
+  const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
   if (optionSettings) {
     x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
     y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
@@ -135,6 +135,7 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
+  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -175,6 +176,34 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       controlsDiv.appendChild(el);
       return el;
     }
+    // @ts-ignore
+    case 'checkbox':
+      const id = getFieldOptionId(field, 0);
+      const existingField = document.getElementById(id);
+      if (existingField) {
+        setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+        return existingField;
+      }
+      const cbEl = document.createElement(`verdocs-field-checkbox`);
+      cbEl.field = field;
+      cbEl.setAttribute('id', id);
+      cbEl.setAttribute('roleIndex', roleIndex);
+      cbEl.setAttribute('option', 0);
+      if (disabled) {
+        cbEl.setAttribute('disabled', true);
+      }
+      if (done) {
+        cbEl.setAttribute('done', true);
+      }
+      if (editable) {
+        cbEl.setAttribute('editable', true);
+      }
+      if (draggable) {
+        cbEl.setAttribute('draggable', true);
+      }
+      setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
+      controlsDiv.appendChild(cbEl);
+      return cbEl;
     case 'checkbox_group':
       return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
         const id = getFieldOptionId(field, checkboxIndex);

package/dist/esm/verdocs-document-page_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-e64d45e2.js';
-import { t as throttle } from './utils-6d305f47.js';
+import { t as throttle } from './utils-5e8bf15b.js';
 import { c as createPopper } from './popper-f860750c.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-checkbox.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-date.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { f as format } from './index-d264c496.js';

package/dist/esm/verdocs-field-dropdown.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-initial.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-payment.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-radio-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-signature.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-textarea.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-field-textbox.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import './index-24fd1580.js';
 import './Primitives-054bc6e5.js';
 import './Envelopes-eb3eef02.js';

package/dist/esm/verdocs-field-timestamp.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-6d305f47.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { f as format } from './index-d264c496.js';
 import './Envelopes-eb3eef02.js';

package/dist/esm/verdocs-preview.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
-import { r as renderDocumentField, a as getRoleIndex } from './utils-6d305f47.js';
+import { r as renderDocumentField, a as getRoleIndex } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
 import { S as SDKError } from './errors-9b5498c8.js';

package/dist/esm/verdocs-send.entry.js

@@ -4,7 +4,7 @@ import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
-import { a as getRoleIndex } from './utils-6d305f47.js';
+import { a as getRoleIndex } from './utils-5e8bf15b.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';
 import './index-24fd1580.js';

package/dist/esm/verdocs-sign.entry.js

@@ -3,7 +3,7 @@ import { c as getSigningSession, u as updateEnvelopeField, d as updateEnvelopeFi
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators-f110bae2.js';
 import { f as fullNameToInitials } from './Primitives-054bc6e5.js';
-import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-6d305f47.js';
+import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-5e8bf15b.js';
 import { g as getEnvelopeById, s as state } from './Envelopes-7f3b60de.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-template-create_2.entry.js

@@ -3,9 +3,9 @@ import { c as createTemplate, g as getTemplate } from './Templates-8e4ab976.js';
 import { c as createTemplateDocument } from './TemplateDocuments-1214b04d.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import { i as interact } from './interact.min-19cd5a3f.js';
+import { i as interact } from './interact.min-7c1428d0.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
-import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-6d305f47.js';
+import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
 import './Token-54690789.js';