@verdocs/web-sdk 1.9.10 → 1.9.15

package/dist/collection/components/elements/verdocs-view-template-document/verdocs-view-template-document.js

@@ -1,388 +0,0 @@
-import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { h, Host } from '@stencil/core';
-import { getTemplateDocument } from '@verdocs/js-sdk/Templates/TemplateDocuments';
-import { SDKError } from '../../../utils/errors';
-/**
- * View a single document attached to a template. Note that if you are accessing a template that is not public, you must be authenticated.
- * You can authenticate within this Storybook via the Embeds > Auth control.
- */
-export class VerdocsViewTemplateDocument {
-  constructor() {
-    this.domPages = {};
-    this.sourcePageMetrics = {};
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.documentId = '';
-    this.rotation = 0;
-    this.pageLayers = [
-      { name: 'page', type: 'canvas' },
-      { name: 'controls', type: 'div' },
-    ];
-    this.templateDocument = null;
-  }
-  componentWillLoad() {
-    this.endpoint.loadSession();
-  }
-  // TODO: Handling signing vs preview-as-user cases
-  // TODO: Handle anonymous case and failure to load due to not being logged in
-  async componentDidLoad() {
-    var _a, _b, _c;
-    if (!this.templateId || !this.documentId) {
-      console.log(`[VIEW-TEMPLATE] Missing required template ID ${this.templateId}`);
-      return;
-    }
-    try {
-      console.log(`[VIEW-TEMPLATE] Loading template ${this.templateId}`);
-      this.templateDocument = await getTemplateDocument(this.endpoint, this.templateId, this.documentId);
-      if (!this.templateDocument) {
-        console.error('[VIEW-TEMPLATE] Unable to load template document', this.templateId, this.documentId);
-      }
-      console.log('[VIEW-TEMPLATE] Got template', this.templateDocument);
-    }
-    catch (e) {
-      console.log('[VIEW-TEMPLATE] 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));
-    }
-  }
-  // Render one document page. Note that pageNumber is 1-based.
-  async renderPage(pageNumber) {
-    var _a, _b, _c;
-    const domPage = this.domPages[pageNumber];
-    // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.
-    if (!domPage) {
-      console.log('[VIEW-TEMPLATE] Skipping rendering page not yet in DOM', { pageNumber });
-      return;
-    }
-    const pageMetrics = this.sourcePageMetrics[pageNumber];
-    // console.log('[VIEW-TEMPLATE] Rendering page', {pageNumber, pageMetrics, domPage});
-    try {
-      // const pdfPage = await this.pdfDocument.getPage(pageNumber);
-      // const viewport = pdfPage.getViewport({scale: domPage.xScale});
-      // console.log('[VIEW-TEMPLATE] Page viewport', domPage.xScale, viewport);
-      // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;
-      // if (!canvas) {
-      //   console.log('[VIEW-TEMPLATE] Unable to find canvas element');
-      //   return;
-      // }
-      //
-      // canvas.width = domPage.renderedWidth;
-      // canvas.height = domPage.renderedHeight;
-      // const canvasContext = canvas.getContext('2d');
-      // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);
-      // await pdfPage.render({canvasContext, viewport});
-      this.pageRendered.emit({
-        renderedPage: domPage,
-        sourcePageMetrics: pageMetrics,
-        pages: this.domPages,
-      });
-    }
-    catch (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));
-      console.warn('[VIEW-TEMPLATE] Error rendering page', e);
-    }
-  }
-  // async renderPages(): Promise<void> {
-  //   const pageNumbersToRender = integerSequence(1, this.numPages);
-  //   for await (let pageNumber of pageNumbersToRender) {
-  //     try {
-  //       await this.renderPage(pageNumber);
-  //     } catch (e) {
-  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));
-  //       console.warn('[VIEW-TEMPLATE] Error rendering pages', e);
-  //     }
-  //   }
-  // }
-  // onProgress(progress: OnProgressParameters) {
-  //   console.log(`[VIEW-TEMPLATE] Progress ${Math.floor((progress.loaded / progress.total) * 100)} (${progress.loaded} / ${progress.total})`);
-  //   this.loadProgress = Math.floor((100 * progress.loaded) / progress.total);
-  // }
-  // After a document is done loading, go through its pages to get their dimensions
-  // async parsePageMetrics(pdfDocument: pdfjsLib.PDFDocumentProxy) {
-  //   const pageNumbersToRender = integerSequence(1, pdfDocument.numPages);
-  //
-  //   for await (let pageNumber of pageNumbersToRender) {
-  //     const pdfPage = await pdfDocument.getPage(1);
-  //     const [pageX0, pageY0, pageX1, pageY1] = pdfPage.view;
-  //     this.sourcePageMetrics[pageNumber] = {width: pageX1 - pageX0, height: pageY1 - pageY0};
-  //   }
-  //
-  //   console.log('[VIEW-TEMPLATE] Parsed page metrics', this.sourcePageMetrics);
-  // }
-  // loadAndRender(src: string): void {
-  //   console.log('[VIEW-TEMPLATE] Loading', src);
-  //
-  //   const token = this.endpoint.getToken();
-  //   const httpHeaders = token ? {Authorization: `Bearer ${token}`} : {};
-  //
-  //   const source = {
-  //     url: src,
-  //     cMapUrl: CMAPS_URL,
-  //     cMapPacked: true,
-  //     httpHeaders,
-  //     withCredentials: true,
-  //     stopAtErrors: true,
-  //     verbosity: pdfjsLib.VerbosityLevel.WARNINGS,
-  //     // verbosity: pdfjsLib.VerbosityLevel.INFOS,
-  //   } as DocumentInitParameters;
-  //
-  //   // @ts-ignore
-  //   const loadingTask = pdf.getDocument(source, null, null, this.onProgress);
-  //   loadingTask.onProgress = this.onProgress;
-  //   loadingTask.promise
-  //     .then(async (pdfDocument: pdfjsLib.PDFDocumentProxy) => {
-  //       await this.parsePageMetrics(pdfDocument);
-  //
-  //       this.pdfDocument = pdfDocument;
-  //       this.numPages = pdfDocument.numPages;
-  //       this.fingerprints = pdfDocument.fingerprints;
-  //       console.log(`[VIEW-TEMPLATE] Got PDF document fingerprints "${this.fingerprints.join(', ')}", ${this.numPages} page(s)`);
-  //
-  //       // We don't try to render the pages here, setting loadProtress triggers that by adding the individual page entries in
-  //       // DOM in render() below. Each page then fires onPageRendered when it is ready to receive content.
-  //       this.loadProgress = 100;
-  //     })
-  //     .catch(e => {
-  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));
-  //       console.log('[VIEW-TEMPLATE] Loading error', e);
-  //     });
-  // }
-  async handlePageRendered(e) {
-    e.stopPropagation();
-    const domPage = e.detail;
-    this.domPages[domPage.pageNumber] = domPage;
-    await this.renderPage(domPage.pageNumber);
-  }
-  render() {
-    var _a, _b;
-    console.log('[VIEW-TEMPLATE] Rendering pages', (_a = this.templateDocument) === null || _a === void 0 ? void 0 : _a.pages);
-    // TODO: The API is supposed to always return these sorted...
-    const pages = [...(((_b = this.templateDocument) === null || _b === void 0 ? void 0 : _b.pages) || [])];
-    pages.sort((a, b) => a.sequence - b.sequence);
-    // TODO: Error handling for missing pages. Is it better to skip the page or show a placeholder?
-    return (h(Host, null, pages.map(page => (h("verdocs-document-page", { pageImageUri: page.display_uri, virtualWidth: 612, virtualHeight: 792,
-      // TODO: Store image dimensions in the DB rows and pass them to clients with the page data
-      // virtualWidth={this.sourcePageMetrics[pageNumber]?.width || 612}
-      // virtualHeight={this.sourcePageMetrics[pageNumber]?.height || 792}
-      pageNumber: page.sequence, layers: this.pageLayers, onPageRendered: p => this.handlePageRendered(p) })))));
-  }
-  static get is() { return "verdocs-view-template-document"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["verdocs-view-template-document.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["verdocs-view-template-document.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "endpoint": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "VerdocsEndpoint",
-          "resolved": "VerdocsEndpoint",
-          "references": {
-            "VerdocsEndpoint": {
-              "location": "import",
-              "path": "@verdocs/js-sdk"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
-        },
-        "defaultValue": "VerdocsEndpoint.getDefault()"
-      },
-      "templateId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The template ID to render"
-        },
-        "attribute": "template-id",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "documentId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The document ID to render within the template"
-        },
-        "attribute": "document-id",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "rotation": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "0 | 90 | 180 | 270",
-          "resolved": "0 | 180 | 270 | 90",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Rotate the PDF in degrees"
-        },
-        "attribute": "rotation",
-        "reflect": false,
-        "defaultValue": "0"
-      },
-      "pageLayers": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IPageLayer[]",
-          "resolved": "IPageLayer[]",
-          "references": {
-            "IPageLayer": {
-              "location": "import",
-              "path": "../../../utils/Types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Layers will be passed through to the individual pages inside this component."
-        },
-        "defaultValue": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "templateDocument": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "pageRendered",
-        "name": "pageRendered",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fired when a page has been rendered"
-        },
-        "complexType": {
-          "original": "IPageRenderEvent",
-          "resolved": "IPageRenderEvent",
-          "references": {
-            "IPageRenderEvent": {
-              "location": "local"
-            }
-          }
-        }
-      }, {
-        "method": "pageLoaded",
-        "name": "pageLoaded",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fired when a page has been changed"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "pageChange",
-        "name": "pageChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fired when a page has been changed"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "pageInit",
-        "name": "pageInit",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fired when a page has been initialized"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "scaleChange",
-        "name": "scaleChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fired when a page has been scaled"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "sdkError",
-        "name": "sdkError",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
-        },
-        "complexType": {
-          "original": "SDKError",
-          "resolved": "SDKError",
-          "references": {
-            "SDKError": {
-              "location": "import",
-              "path": "../../../utils/errors"
-            }
-          }
-        }
-      }];
-  }
-  static get elementRef() { return "component"; }
-}
-//# sourceMappingURL=verdocs-view-template-document.js.map

package/dist/collection/components/elements/verdocs-view-template-document/verdocs-view-template-document.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verdocs-view-template-document.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-view-template-document/verdocs-view-template-document.tsx"],"names":[],"mappings":"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","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, State} from '@stencil/core';\nimport {getTemplateDocument} from '@verdocs/js-sdk/Templates/TemplateDocuments';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {ITemplateDocument} from '@verdocs/js-sdk/Templates/Types';\nimport {SDKError} from '../../../utils/errors';\n\nexport interface ISourcePageMetrics {\n  width: number;\n  height: number;\n}\n\nexport interface IPageRenderEvent {\n  renderedPage: IDocumentPageInfo;\n  sourcePageMetrics: ISourcePageMetrics;\n  pages: Record<number, IDocumentPageInfo>;\n}\n\n/**\n * View a single document attached to a template. Note that if you are accessing a template that is not public, you must be authenticated.\n * You can authenticate within this Storybook via the Embeds > Auth control.\n */\n@Component({\n  tag: 'verdocs-view-template-document',\n  styleUrl: 'verdocs-view-template-document.scss',\n  shadow: false,\n})\nexport class VerdocsViewTemplateDocument {\n  @Element() component: HTMLElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The template ID to render\n   */\n  @Prop() templateId: string = '';\n\n  /**\n   * The document ID to render within the template\n   */\n  @Prop() documentId: string = '';\n\n  /**\n   * Rotate the PDF in degrees\n   */\n  @Prop() rotation: 0 | 90 | 180 | 270 = 0;\n\n  /**\n   * Layers will be passed through to the individual pages inside this component.\n   */\n  @Prop() pageLayers: IPageLayer[] = [\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ];\n\n  /**\n   * Fired when a page has been rendered\n   */\n  @Event() pageRendered: EventEmitter<IPageRenderEvent>;\n\n  /**\n   * Fired when a page has been changed\n   */\n  @Event() pageLoaded: EventEmitter<number>;\n\n  /**\n   * Fired when a page has been changed\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  /**\n   * Fired when a page has been initialized\n   */\n  @Event() pageInit: EventEmitter<number>;\n\n  /**\n   * Fired when a page has been scaled\n   */\n  @Event() scaleChange: EventEmitter<number>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() templateDocument: ITemplateDocument | null = null;\n\n  domPages: Record<number, IDocumentPageInfo> = {};\n\n  sourcePageMetrics: Record<number, {width: number; height: number}> = {};\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n  }\n\n  // TODO: Handling signing vs preview-as-user cases\n  // TODO: Handle anonymous case and failure to load due to not being logged in\n  async componentDidLoad() {\n    if (!this.templateId || !this.documentId) {\n      console.log(`[VIEW-TEMPLATE] Missing required template ID ${this.templateId}`);\n      return;\n    }\n\n    try {\n      console.log(`[VIEW-TEMPLATE] Loading template ${this.templateId}`);\n      this.templateDocument = await getTemplateDocument(this.endpoint, this.templateId, this.documentId);\n      if (!this.templateDocument) {\n        console.error('[VIEW-TEMPLATE] Unable to load template document', this.templateId, this.documentId);\n      }\n\n      console.log('[VIEW-TEMPLATE] Got template', this.templateDocument);\n    } catch (e) {\n      console.log('[VIEW-TEMPLATE] Error loading template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  // Render one document page. Note that pageNumber is 1-based.\n  async renderPage(pageNumber: number): Promise<void> {\n    const domPage = this.domPages[pageNumber];\n\n    // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.\n    if (!domPage) {\n      console.log('[VIEW-TEMPLATE] Skipping rendering page not yet in DOM', {pageNumber});\n      return;\n    }\n\n    const pageMetrics = this.sourcePageMetrics[pageNumber];\n\n    // console.log('[VIEW-TEMPLATE] Rendering page', {pageNumber, pageMetrics, domPage});\n    try {\n      // const pdfPage = await this.pdfDocument.getPage(pageNumber);\n      // const viewport = pdfPage.getViewport({scale: domPage.xScale});\n      // console.log('[VIEW-TEMPLATE] Page viewport', domPage.xScale, viewport);\n\n      // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;\n      // if (!canvas) {\n      //   console.log('[VIEW-TEMPLATE] Unable to find canvas element');\n      //   return;\n      // }\n      //\n      // canvas.width = domPage.renderedWidth;\n      // canvas.height = domPage.renderedHeight;\n      // const canvasContext = canvas.getContext('2d');\n      // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);\n      // await pdfPage.render({canvasContext, viewport});\n\n      this.pageRendered.emit({\n        renderedPage: domPage,\n        sourcePageMetrics: pageMetrics,\n        pages: this.domPages,\n      });\n    } catch (e) {\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      console.warn('[VIEW-TEMPLATE] Error rendering page', e);\n    }\n  }\n\n  // async renderPages(): Promise<void> {\n  //   const pageNumbersToRender = integerSequence(1, this.numPages);\n  //   for await (let pageNumber of pageNumbersToRender) {\n  //     try {\n  //       await this.renderPage(pageNumber);\n  //     } catch (e) {\n  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //       console.warn('[VIEW-TEMPLATE] Error rendering pages', e);\n  //     }\n  //   }\n  // }\n\n  // onProgress(progress: OnProgressParameters) {\n  //   console.log(`[VIEW-TEMPLATE] Progress ${Math.floor((progress.loaded / progress.total) * 100)} (${progress.loaded} / ${progress.total})`);\n  //   this.loadProgress = Math.floor((100 * progress.loaded) / progress.total);\n  // }\n\n  // After a document is done loading, go through its pages to get their dimensions\n  // async parsePageMetrics(pdfDocument: pdfjsLib.PDFDocumentProxy) {\n  //   const pageNumbersToRender = integerSequence(1, pdfDocument.numPages);\n  //\n  //   for await (let pageNumber of pageNumbersToRender) {\n  //     const pdfPage = await pdfDocument.getPage(1);\n  //     const [pageX0, pageY0, pageX1, pageY1] = pdfPage.view;\n  //     this.sourcePageMetrics[pageNumber] = {width: pageX1 - pageX0, height: pageY1 - pageY0};\n  //   }\n  //\n  //   console.log('[VIEW-TEMPLATE] Parsed page metrics', this.sourcePageMetrics);\n  // }\n\n  // loadAndRender(src: string): void {\n  //   console.log('[VIEW-TEMPLATE] Loading', src);\n  //\n  //   const token = this.endpoint.getToken();\n  //   const httpHeaders = token ? {Authorization: `Bearer ${token}`} : {};\n  //\n  //   const source = {\n  //     url: src,\n  //     cMapUrl: CMAPS_URL,\n  //     cMapPacked: true,\n  //     httpHeaders,\n  //     withCredentials: true,\n  //     stopAtErrors: true,\n  //     verbosity: pdfjsLib.VerbosityLevel.WARNINGS,\n  //     // verbosity: pdfjsLib.VerbosityLevel.INFOS,\n  //   } as DocumentInitParameters;\n  //\n  //   // @ts-ignore\n  //   const loadingTask = pdf.getDocument(source, null, null, this.onProgress);\n  //   loadingTask.onProgress = this.onProgress;\n  //   loadingTask.promise\n  //     .then(async (pdfDocument: pdfjsLib.PDFDocumentProxy) => {\n  //       await this.parsePageMetrics(pdfDocument);\n  //\n  //       this.pdfDocument = pdfDocument;\n  //       this.numPages = pdfDocument.numPages;\n  //       this.fingerprints = pdfDocument.fingerprints;\n  //       console.log(`[VIEW-TEMPLATE] Got PDF document fingerprints \"${this.fingerprints.join(', ')}\", ${this.numPages} page(s)`);\n  //\n  //       // We don't try to render the pages here, setting loadProtress triggers that by adding the individual page entries in\n  //       // DOM in render() below. Each page then fires onPageRendered when it is ready to receive content.\n  //       this.loadProgress = 100;\n  //     })\n  //     .catch(e => {\n  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //       console.log('[VIEW-TEMPLATE] Loading error', e);\n  //     });\n  // }\n\n  async handlePageRendered(e: any) {\n    e.stopPropagation();\n\n    const domPage = e.detail as IDocumentPageInfo;\n    this.domPages[domPage.pageNumber] = domPage;\n    await this.renderPage(domPage.pageNumber);\n  }\n\n  render() {\n    console.log('[VIEW-TEMPLATE] Rendering pages', this.templateDocument?.pages);\n\n    // TODO: The API is supposed to always return these sorted...\n    const pages = [...(this.templateDocument?.pages || [])];\n    pages.sort((a, b) => a.sequence - b.sequence);\n\n    // TODO: Error handling for missing pages. Is it better to skip the page or show a placeholder?\n    return (\n      <Host>\n        {pages.map(page => (\n          <verdocs-document-page\n            pageImageUri={page.display_uri}\n            virtualWidth={612}\n            virtualHeight={792}\n            // TODO: Store image dimensions in the DB rows and pass them to clients with the page data\n            // virtualWidth={this.sourcePageMetrics[pageNumber]?.width || 612}\n            // virtualHeight={this.sourcePageMetrics[pageNumber]?.height || 792}\n            pageNumber={page.sequence}\n            layers={this.pageLayers}\n            onPageRendered={p => this.handlePageRendered(p)}\n          />\n        ))}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-view-template-document/verdocs-view-template-document.stories.js

@@ -1,15 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/View Template Document',
-  component: 'verdocs-view-template-document',
-  args: {
-    templateId: '056b837f-b183-4039-b50a-d68acbf81b67',
-    documentId: '5c7ae8d0-faf6-4059-a0e8-58b60c85b7ca',
-  },
-  argTypes: {},
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const ViewTemplateDocument = ({ templateId, documentId }) => html `<verdocs-view-template-document .templateId=${templateId} .documentId=${documentId} />`;
-//# sourceMappingURL=verdocs-view-template-document.stories.js.map

package/dist/collection/components/elements/verdocs-view-template-document/verdocs-view-template-document.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verdocs-view-template-document.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-view-template-document/verdocs-view-template-document.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,iCAAiC;EACxC,SAAS,EAAE,gCAAgC;EAC3C,IAAI,EAAE;IACJ,UAAU,EAAE,sCAAsC;IAClD,UAAU,EAAE,sCAAsC;GACnD;EACD,QAAQ,EAAE,EAAE;EACZ,UAAU,EAAE;IACV,MAAM,EAAE,YAAY;GACrB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAC,UAAU,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,+CAA+C,UAAU,gBAAgB,UAAU,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Elements/View Template Document',\n  component: 'verdocs-view-template-document',\n  args: {\n    templateId: '056b837f-b183-4039-b50a-d68acbf81b67',\n    documentId: '5c7ae8d0-faf6-4059-a0e8-58b60c85b7ca',\n  },\n  argTypes: {},\n  parameters: {\n    layout: 'fullscreen',\n  },\n} as Meta;\n\nexport const ViewTemplateDocument = ({templateId, documentId}) => html`<verdocs-view-template-document .templateId=${templateId} .documentId=${documentId} />`;\n"]}

package/dist/components/TemplateDocuments.js

@@ -1,42 +0,0 @@
-/**
- * A TemplateDocument represents a PDF or other attachment in a Template.
- *
- * @module
- */
-/**
- * Get a specific Document.
- *
- * ```typescript
- * import {TemplateDocument} from '@verdocs/js-sdk/Templates';
- *
- * await TemplateDocument.geTemplateDocument((VerdocsEndpoint.getDefault(), templateId,documentId);
- * ```
- */
-var getTemplateDocument = function (endpoint, templateId, documentId) {
-    return endpoint.api //
-        .get("/templates/".concat(templateId, "/documents/").concat(documentId))
-        .then(function (r) { return r.data; });
-};
-/**
- * Create a Document for a particular Template.
- *
- * ```typescript
- * import {TemplateDocument} from '@verdocs/js-sdk/Templates';
- *
- * await TemplateDocument.createDocument((VerdocsEndpoint.getDefault(), templateID, params);
- * ```
- */
-var createTemplateDocument = function (endpoint, templateId, file, onUploadProgress) {
-    var formData = new FormData();
-    formData.append('document', file, file.name);
-    return endpoint.api //
-        .post("/templates/".concat(templateId, "/documents"), formData, {
-        timeout: 10000,
-        onUploadProgress: function (event) { return onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((event.loaded * 100) / event.total), event.loaded, event.total); },
-    })
-        .then(function (r) { return r.data; });
-};
-
-export { createTemplateDocument as c, getTemplateDocument as g };
-
-//# sourceMappingURL=TemplateDocuments.js.map

package/dist/components/TemplateDocuments.js.map

@@ -1 +0,0 @@
-{"file":"TemplateDocuments.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AAmDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,mBAAmB,GAAG,UAAU,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;AAC7E,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAChF,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,sBAAsB,GAAG,UAAU,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE;AAC5F,IAAI,IAAI,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;AAClC,IAAI,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AACjD,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE,QAAQ,EAAE;AACxE,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,gBAAgB,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;AACtN,KAAK,CAAC;AACN,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Templates/TemplateDocuments.js"],"sourcesContent":["/**\n * A TemplateDocument represents a PDF or other attachment in a Template.\n *\n * @module\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Get all the Template Documents associated to a particular Template.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.geTemplateDocuments((VerdocsEndpoint.getDefault(), templateId);\n * ```\n */\nexport var getTemplateDocuments = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/documents/\"))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a specific Document.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.geTemplateDocument((VerdocsEndpoint.getDefault(), templateId,documentId);\n * ```\n */\nexport var getTemplateDocument = function (endpoint, templateId, documentId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a Document for a particular Template.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.createDocument((VerdocsEndpoint.getDefault(), templateID, params);\n * ```\n */\nexport var createTemplateDocument = function (endpoint, templateId, file, onUploadProgress) {\n    var formData = new FormData();\n    formData.append('document', file, file.name);\n    return endpoint.api //\n        .post(\"/templates/\".concat(templateId, \"/documents\"), formData, {\n        timeout: 10000,\n        onUploadProgress: function (event) { return onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((event.loaded * 100) / event.total), event.loaded, event.total); },\n    })\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a specific Document.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.deleteDocument((VerdocsEndpoint.getDefault(), templateID, documentID);\n * ```\n */\nexport var deleteTemplateDocument = function (endpoint, templateId, documentId) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get (binary download) a file attached to a Template. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getTemplateDocumentFile = function (endpoint, templateId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId, \"?file=true\"), {\n                responseType: 'arraybuffer',\n            })\n                .then(function (r) { return Buffer.from(r.data, 'binary').toString('base64'); })];\n    });\n}); };\n/**\n * Get (binary download) a file attached to a Template. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getTemplateDocumentThumbnail = function (endpoint, templateId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId, \"?thumbnail=true\"), {\n                responseType: 'arraybuffer',\n            })\n                .then(function (r) { return Buffer.from(r.data, 'binary').toString('base64'); })];\n    });\n}); };\n"],"version":3}

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

@@ -1,46 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getFieldSettings } from './utils.js';
-
-const verdocsFieldCheckboxCss = "@charset \"UTF-8\";verdocs-field-checkbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:\"\";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;background:#f5f5fa;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.field = null;
-    this.recipient = undefined;
-    this.option = 0;
-    this.disabled = false;
-  }
-  render() {
-    var _a, _b, _c, _d;
-    const settings = getFieldSettings(this.field);
-    const option = (_b = (_a = settings.options) === null || _a === void 0 ? void 0 : _a[this.option]) !== null && _b !== void 0 ? _b : { checked: false };
-    const disabled = (_d = (_c = this.disabled) !== null && _c !== void 0 ? _c : settings.disabled) !== null && _d !== void 0 ? _d : false;
-    return (h(Host, { class: { required: settings.required, disabled } }, h("label", null, h("input", { type: "checkbox", tabIndex: settings.order, checked: option.checked, disabled: disabled, required: settings.required }), h("span", null))));
-  }
-  static get style() { return verdocsFieldCheckboxCss; }
-}, [0, "verdocs-field-checkbox", {
-    "field": [16],
-    "recipient": [16],
-    "option": [2],
-    "disabled": [4]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-field-checkbox"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-field-checkbox":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsFieldCheckbox);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { VerdocsFieldCheckbox as V, defineCustomElement as d };
-
-//# sourceMappingURL=verdocs-field-checkbox2.js.map

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

@@ -1 +0,0 @@
-{"file":"verdocs-field-checkbox2.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,4iCAA4iC;;MCa/jC,oBAAoB;;;;iBAIyB,IAAI;;kBAUnC,CAAC;oBAKG,KAAK;;EAElC,MAAM;;IACJ,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAG,IAAI,CAAC,MAAM,CAAC,mCAAI,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;IAEnE,MAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,QAAQ,mCAAI,QAAQ,CAAC,QAAQ,mCAAI,KAAK,CAAC;IAC7D,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAC,IAClD,iBACE,aAAO,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAAI,EAC7H,eAAQ,CACF,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.scss?tag=verdocs-field-checkbox","./src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.kallmanation.com/styling-a-checkbox-with-only-css\nverdocs-field-checkbox {\n  font-family: $verdocs-primary-font;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  label > input[type='checkbox'] {\n    display: none;\n  }\n\n  label > input[type='checkbox'] + *::before {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 1px;\n    left: 1px;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    background: $verdocs-grey-3;\n    border: 1px solid rgba(0, 0, 0, 0.7);\n  }\n\n  label > input[type='checkbox']:checked + * {\n    color: $verdocs-green;\n  }\n\n  label > input[type='checkbox']:checked + *::before {\n    content: '✓';\n    color: white;\n    text-align: center;\n    background: $verdocs-green;\n    border-color: $verdocs-green;\n  }\n\n  &.required {\n    label > input[type='checkbox'] + *::before {\n      border: 1px solid $verdocs-red-1;\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const option = settings.options?.[this.option] ?? {checked: false};\n\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={settings.order} checked={option.checked} disabled={disabled} required={settings.required} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,50 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getFieldSettings } from './utils.js';
-
-const verdocsFieldRadioButtonCss = "verdocs-field-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-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:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-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-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-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-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsFieldRadioButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.fieldChange = createEvent(this, "fieldChange", 7);
-    this.field = null;
-    this.recipient = undefined;
-    this.option = 0;
-    this.disabled = false;
-  }
-  handleChange(e) {
-    console.log('changed', e);
-    this.fieldChange.emit({ option: this.option, value: e.target.checked });
-  }
-  render() {
-    var _a, _b;
-    const settings = getFieldSettings(this.field);
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    return (h(Host, { class: { required: settings.required, disabled } }, h("input", { type: "radio", tabIndex: settings.order, value: settings.value, name: settings.name, id: `${settings.name}=${settings.value}`, checked: settings.checked, disabled: disabled, required: settings.required, onChange: e => this.handleChange(e) }), h("label", { htmlFor: `${settings.name}=${settings.value}` })));
-  }
-  static get style() { return verdocsFieldRadioButtonCss; }
-}, [0, "verdocs-field-radio-button", {
-    "field": [16],
-    "recipient": [16],
-    "option": [2],
-    "disabled": [4]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-field-radio-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-field-radio-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsFieldRadioButton);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { VerdocsFieldRadioButton as V, defineCustomElement as d };
-
-//# sourceMappingURL=verdocs-field-radio-button2.js.map

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

@@ -1 +0,0 @@
-{"file":"verdocs-field-radio-button2.js","mappings":";;;AAAA,MAAM,0BAA0B,GAAG,6/CAA6/C;;MCanhD,uBAAuB;;;;;iBAIsB,IAAI;;kBAUnC,CAAC;oBAKG,KAAK;;EASlC,YAAY,CAAC,CAAM;IACjB,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAC,CAAC,CAAC;GACvE;EAED,MAAM;;IACJ,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,QAAQ,mCAAI,QAAQ,CAAC,QAAQ,mCAAI,KAAK,CAAC;IAC7D,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAC,IAClD,aACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,EAAE,EAAE,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,EAAE,EACxC,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GACnC,EACF,aAAO,OAAO,EAAE,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,EAAE,GAAI,CACnD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","./src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    return (\n      <Host class={{required: settings.required, disabled}}>\n        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-view-envelope-document.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface VerdocsViewEnvelopeDocument extends Components.VerdocsViewEnvelopeDocument, HTMLElement {}
-export const VerdocsViewEnvelopeDocument: {
-  prototype: VerdocsViewEnvelopeDocument;
-  new (): VerdocsViewEnvelopeDocument;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;