@verdocs/web-sdk 1.9.6 → 1.9.10

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-20T14:26:26",
+  "timestamp": "2022-12-30T20:38:56",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -231,7 +231,13 @@
           "verdocs-button"
         ],
         "verdocs-view": [
-          "verdocs-loader",
+          "verdocs-view-template-document",
+          "verdocs-view-envelope-document"
+        ],
+        "verdocs-view-template-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ]
       }
@@ -240,7 +246,7 @@
       "filePath": "./src/components/controls/verdocs-button/verdocs-button.tsx",
       "encapsulation": "none",
       "tag": "verdocs-button",
-      "docs": "Display a simple button.\n\nThree variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n(Auth uses text buttons for the Forgot Password and Sign Up options.)\n\nFour sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\nas pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\nbigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n\nIcons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\nbe rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\nfor the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.",
+      "docs": "Display a simple button.\n\nThree variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n(Auth uses text buttons for the Forgot Password and Sign Up options.)\n\nFour sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\nas pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\nbigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n\nIcons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\nbe rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\nfor the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.\n\n```html\n<verdocs-button label=\"OK\" onClick={() => (console.log('OK clicked'))} />\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -267,7 +273,7 @@
           "mutable": false,
           "attr": "end-icon",
           "reflectToAttr": false,
-          "docs": "If desired, a suffix icon for the button",
+          "docs": "If desired, a suffix icon for the button.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -330,7 +336,7 @@
           "mutable": false,
           "attr": "start-icon",
           "reflectToAttr": false,
-          "docs": "If desired, a prefix icon for the button",
+          "docs": "If desired, a prefix icon for the button.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -395,17 +401,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "press",
-          "detail": "any",
-          "bubbles": false,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the button is pressed.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -472,7 +468,7 @@
       "filePath": "./src/components/controls/verdocs-button-panel/verdocs-button-panel.tsx",
       "encapsulation": "none",
       "tag": "verdocs-button-panel",
-      "docs": "Displays a clickable icon. When clicked, a customizable drop-down panel will be displayed.",
+      "docs": "Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be\ndisplayed.\n\n*\n```html\n<verdocs-button-panel icon=\"<svg.../>\">\n  <form>...</form>\n</verdocs-button-panel>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -534,7 +530,7 @@
       "filePath": "./src/components/controls/verdocs-checkbox/verdocs-checkbox.tsx",
       "encapsulation": "none",
       "tag": "verdocs-checkbox",
-      "docs": "Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple radio\nbutton for UI displays e.g. dialogs and .",
+      "docs": "Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple check\nbox for UI displays e.g. dialog boxes.\n\nThis control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`\nhandler. Sample usage:\n\n```html\n<verdocs-checkbox\n   value=\"on\"\n   name=\"thingEnabled\"\n   checked={this.thingEnabled}\n   onInput={(e: any) => (this.thingEnabled = e.target.checked)}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -608,17 +604,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "selected",
-          "detail": "{ value: string; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -705,7 +691,7 @@
           "docsTags": []
         },
         {
-          "event": "contactSelected",
+          "event": "next",
           "detail": "IContactSelectEvent",
           "bubbles": true,
           "cancelable": true,
@@ -748,7 +734,7 @@
       "filePath": "./src/components/elements/verdocs-document-page/verdocs-document-page.tsx",
       "encapsulation": "none",
       "tag": "verdocs-document-page",
-      "docs": "Represents one document page. This is primarily a layout container used to coordinate positions of\npage-related layers such as the page itself, signature fields, etc.",
+      "docs": "Represents one document page. This is primarily a layout container used to coordinate positions of\npage-related layers such as the page itself, signature fields, etc. It is not intended to be used\non its own as an individual component.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -791,7 +777,7 @@
           "mutable": false,
           "attr": "page-number",
           "reflectToAttr": false,
-          "docs": "The page number being rendered. Not used internally but included in callbacks/events beacuse page numbers\nare used everywhere in document handling.",
+          "docs": "The page number being rendered. Not used internally, but included in callbacks/events beacuse page numbers\nare used everywhere in document handling. (Reminder: page numbers are 1-based.)",
           "docsTags": [],
           "default": "1",
           "values": [
@@ -808,7 +794,7 @@
           "mutable": false,
           "attr": "virtual-height",
           "reflectToAttr": false,
-          "docs": "The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\nthe aspect ratio of the final rendered element.",
+          "docs": "The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\nthe aspect ratio of the final rendered element when scaling up/down.",
           "docsTags": [],
           "default": "792",
           "values": [
@@ -825,7 +811,7 @@
           "mutable": false,
           "attr": "virtual-width",
           "reflectToAttr": false,
-          "docs": "The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\nthe aspect ratio of the final rendered element.",
+          "docs": "The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\nthe aspect ratio of the final rendered element when scaling up/down.",
           "docsTags": [],
           "default": "612",
           "values": [
@@ -854,11 +840,15 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-view"
+        "verdocs-view-envelope-document",
+        "verdocs-view-template-document"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-view": [
+        "verdocs-view-envelope-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view-template-document": [
           "verdocs-document-page"
         ]
       }
@@ -867,26 +857,10 @@
       "filePath": "./src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx",
       "encapsulation": "none",
       "tag": "verdocs-dropdown",
-      "docs": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected.",
+      "docs": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected.\n\n```html\n<verdocs-dropdown\n  options={[\n    {label: 'Option 1', disabled: true},\n    {label: 'Option 2', id: '2'}\n  ]}\n  label=\"OK\" onClick={() => (console.log('OK clicked'))}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "If set, the component will be open by default. This is primarily intended to be used for testing.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "options",
           "type": "IMenuOption[]",
@@ -1003,17 +977,7 @@
           "docsTags": []
         }
       ],
-      "events": [
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -1035,7 +999,7 @@
       "filePath": "./src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx",
       "encapsulation": "none",
       "tag": "verdocs-field-checkbox",
-      "docs": "Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\ninput types like text and checkbox.",
+      "docs": "Displays a checkbox.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -1109,17 +1073,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "fieldChange",
-          "detail": "{ option: number; value: boolean; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -1259,42 +1213,6 @@
         }
       ],
       "events": [
-        {
-          "event": "fieldBlur",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field gains focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldFocus",
-          "detail": "boolean",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field loses focus.",
-          "docsTags": []
-        },
-        {
-          "event": "fieldInput",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired on every character entered into / deleted from the field.",
-          "docsTags": []
-        },
         {
           "event": "settingsPress",
           "detail": "any",
@@ -2850,43 +2768,26 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [],
       "events": [
         {
-          "event": "adopt",
-          "detail": "string",
+          "event": "cancel",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the initials are adopted.",
+          "docs": "Event fired when the step is cancelled.",
           "docsTags": []
         },
         {
-          "event": "cancel",
-          "detail": "any",
+          "event": "next",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the step is cancelled.",
+          "docs": "Event fired when the initials are adopted.",
           "docsTags": []
         }
       ],
@@ -3008,23 +2909,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "placeholder",
           "type": "string",
@@ -3089,12 +2973,12 @@
           "docsTags": []
         },
         {
-          "event": "done",
+          "event": "next",
           "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the value selected.",
           "docsTags": []
         }
       ],
@@ -3129,8 +3013,7 @@
       "dependents": [
         "verdocs-preview",
         "verdocs-sign",
-        "verdocs-template-fields",
-        "verdocs-view"
+        "verdocs-template-fields"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -3142,9 +3025,6 @@
         ],
         "verdocs-template-fields": [
           "verdocs-loader"
-        ],
-        "verdocs-view": [
-          "verdocs-loader"
         ]
       }
     },
@@ -3156,23 +3036,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "cancel",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "cancel",
-          "reflectToAttr": false,
-          "docs": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "heading",
           "type": "string",
@@ -3208,12 +3071,12 @@
           "required": false
         },
         {
-          "name": "open",
+          "name": "showCancel",
           "type": "boolean",
           "mutable": false,
-          "attr": "open",
+          "attr": "show-cancel",
           "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
+          "docs": "If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\noverlay to dismiss it.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3228,12 +3091,21 @@
       "methods": [],
       "events": [
         {
-          "event": "closed",
-          "detail": "\"cancel\" | \"ok\"",
+          "event": "cancel",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks the background overlay or Cancel button.",
+          "docsTags": []
+        },
+        {
+          "event": "next",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the user clicks the OK button.",
           "docsTags": []
         }
       ],
@@ -3260,7 +3132,7 @@
       "filePath": "./src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx",
       "encapsulation": "none",
       "tag": "verdocs-organization-card",
-      "docs": "Display a pop-up describing the company that was hovered over",
+      "docs": "Display a small summary card describing an organization",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3359,7 +3231,13 @@
           "verdocs-view"
         ],
         "verdocs-view": [
-          "verdocs-loader",
+          "verdocs-view-template-document",
+          "verdocs-view-envelope-document"
+        ],
+        "verdocs-view-template-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ]
       }
@@ -3428,7 +3306,7 @@
       "filePath": "./src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx",
       "encapsulation": "none",
       "tag": "verdocs-radio-button",
-      "docs": "Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed\nto be used in signing experiences and contains settings that connect to template fields. This is just a simple radio\nbutton for UI displays e.g. dialogs and .",
+      "docs": "Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\ndesigned to be used in signing experiences and contains settings that connect to template fields. This is just a\nsimple radio button for UI displays e.g. dialog boxes.\n\nThis control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\nhandler. Sample usage:\n\n```html\n<verdocs-radio-button\n   value=\"val1\"\n   name=\"someProperty\"\n   checked={this.someProperty === 'val1'}\n   onInput={(e: any) => { this.someProperty = 'val1' }}\n   disabled={false}\n/>\n```",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3502,17 +3380,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "selected",
-          "detail": "{ value: string; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -3925,17 +3793,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "fieldChange",
-          "detail": "string",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the selection has changed",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -4071,33 +3929,33 @@
       "usage": {},
       "props": [
         {
-          "name": "documentId",
-          "type": "string",
+          "name": "endpoint",
+          "type": "VerdocsEndpoint",
           "mutable": false,
-          "attr": "document-id",
           "reflectToAttr": false,
-          "docs": "The ID of the document to sign.",
+          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
           "docsTags": [],
-          "default": "null",
+          "default": "VerdocsEndpoint.getDefault()",
           "values": [
             {
-              "type": "string"
+              "type": "VerdocsEndpoint"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "endpoint",
-          "type": "VerdocsEndpoint",
+          "name": "envelopeId",
+          "type": "string",
           "mutable": false,
+          "attr": "envelope-id",
           "reflectToAttr": false,
-          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
+          "docs": "The ID of the envelope to sign.",
           "docsTags": [],
-          "default": "VerdocsEndpoint.getDefault()",
+          "default": "null",
           "values": [
             {
-              "type": "VerdocsEndpoint"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -4173,7 +4031,13 @@
           "verdocs-loader"
         ],
         "verdocs-view": [
-          "verdocs-loader",
+          "verdocs-view-template-document",
+          "verdocs-view-envelope-document"
+        ],
+        "verdocs-view-template-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ]
       }
@@ -4202,43 +4066,26 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [],
       "events": [
         {
-          "event": "adopt",
-          "detail": "string",
+          "event": "cancel",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when a signature is adopted.",
+          "docs": "Fired if the user cancels the dialog.",
           "docsTags": []
         },
         {
-          "event": "cancel",
-          "detail": "any",
+          "event": "next",
+          "detail": "string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the step is cancelled.",
+          "docs": "Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\nrepresentation of the signature adopted.",
           "docsTags": []
         }
       ],
@@ -4272,15 +4119,15 @@
       "usage": {},
       "props": [
         {
-          "name": "document",
-          "type": "IDocument",
+          "name": "envelope",
+          "type": "IEnvelope",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The document to display status for. Ignored if `status` is set directly.",
           "docsTags": [],
           "values": [
             {
-              "type": "IDocument"
+              "type": "IEnvelope"
             }
           ],
           "optional": true,
@@ -4432,7 +4279,7 @@
       "filePath": "./src/components/elements/verdocs-template-create/verdocs-template-create.tsx",
       "encapsulation": "none",
       "tag": "verdocs-template-create",
-      "docs": "Displays a file upload mechanism suitable for the first step of creating a template.",
+      "docs": "Displays a file upload mechanism suitable for the first step of creating a template.\nThis is typically the first step in a template creation workflow.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -4465,21 +4312,21 @@
           "docsTags": []
         },
         {
-          "event": "sdkError",
-          "detail": "SDKError",
+          "event": "next",
+          "detail": "ITemplate",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "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.",
+          "docs": "Event fired when the user changes the type.",
           "docsTags": []
         },
         {
-          "event": "templateCreated",
-          "detail": "{ template: ITemplate; template_document: ITemplateDocument; }",
+          "event": "sdkError",
+          "detail": "SDKError",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user changes the type.",
+          "docs": "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.",
           "docsTags": []
         }
       ],
@@ -4556,21 +4403,21 @@
           "docsTags": []
         },
         {
-          "event": "sdkError",
-          "detail": "SDKError",
+          "event": "next",
+          "detail": "ITemplate",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "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.",
+          "docs": "Event fired when the user completes the step.",
           "docsTags": []
         },
         {
-          "event": "settingsUpdated",
-          "detail": "any",
+          "event": "sdkError",
+          "detail": "SDKError",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user completes the step.",
+          "docs": "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.",
           "docsTags": []
         }
       ],
@@ -4605,7 +4452,13 @@
           "verdocs-button"
         ],
         "verdocs-view": [
-          "verdocs-loader",
+          "verdocs-view-template-document",
+          "verdocs-view-envelope-document"
+        ],
+        "verdocs-view-template-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ],
         "verdocs-build": [
@@ -4667,21 +4520,21 @@
           "docsTags": []
         },
         {
-          "event": "sdkError",
-          "detail": "SDKError",
+          "event": "next",
+          "detail": "{ name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "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.",
+          "docs": "Event fired when the user completes the step.",
           "docsTags": []
         },
         {
-          "event": "settingsUpdated",
-          "detail": "any",
+          "event": "sdkError",
+          "detail": "SDKError",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user completes the step.",
+          "docs": "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.",
           "docsTags": []
         }
       ],
@@ -4782,12 +4635,12 @@
           "docsTags": []
         },
         {
-          "event": "contactSelected",
+          "event": "next",
           "detail": "IContactSelectEvent",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user changes the type.",
+          "docs": "Event fired when the user selects a contact.",
           "docsTags": []
         },
         {
@@ -4798,15 +4651,6 @@
           "composed": true,
           "docs": "Event fired when the user enters text in the search field. The calling application may use this to update\nthe `contactSuggestions` property.",
           "docsTags": []
-        },
-        {
-          "event": "settingsUpdated",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user completes the step.",
-          "docsTags": []
         }
       ],
       "listeners": [],
@@ -4843,23 +4687,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "open",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "value",
           "type": "TemplateSenderTypes.CREATOR | TemplateSenderTypes.EVERYONE | TemplateSenderTypes.EVERYONE_AS_CREATOR | TemplateSenderTypes.ORGANIZATION_MEMBER | TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR",
@@ -4902,12 +4729,12 @@
           "docsTags": []
         },
         {
-          "event": "done",
-          "detail": "{ sender: TemplateSenderTypes; }",
+          "event": "next",
+          "detail": "TemplateSenderTypes.CREATOR | TemplateSenderTypes.EVERYONE | TemplateSenderTypes.EVERYONE_AS_CREATOR | TemplateSenderTypes.ORGANIZATION_MEMBER | TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the dialog is closed. The event data will contain the selected value.",
           "docsTags": []
         }
       ],
@@ -5160,7 +4987,7 @@
       "filePath": "./src/components/controls/verdocs-toggle/verdocs-toggle.tsx",
       "encapsulation": "none",
       "tag": "verdocs-toggle",
-      "docs": "Displays a label and a set of buttons, also allowing a default selection of a button\n\n```typescript\n\n```",
+      "docs": "Displays a label and a set of buttons, also allowing a default selection of a button",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -5363,14 +5190,47 @@
         }
       ],
       "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "verdocs-template-fields"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "verdocs-template-fields": [
+          "verdocs-toolbar-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-upload-dialog",
+      "docs": "Display a file upload tool. Note that the file is not actually transmitted, so it may be used by\ncallers with a variety of workflows. Instead, data about the chosen file will be passed to the\ncaller via the onNext event handler.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
       "events": [
         {
-          "event": "press",
+          "event": "cancel",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Triggered when the icon is pressed",
+          "docs": "Event fired when the dialog is cancelled.",
+          "docsTags": []
+        },
+        {
+          "event": "next",
+          "detail": "FileWithData[]",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the dialog is closed. The event data will contain the file selected.",
           "docsTags": []
         }
       ],
@@ -5379,35 +5239,119 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-template-fields"
+        "verdocs-field-attachment"
+      ],
+      "dependencies": [
+        "verdocs-button"
       ],
-      "dependencies": [],
       "dependencyGraph": {
-        "verdocs-template-fields": [
-          "verdocs-toolbar-icon"
+        "verdocs-upload-dialog": [
+          "verdocs-button"
+        ],
+        "verdocs-field-attachment": [
+          "verdocs-upload-dialog"
         ]
       }
     },
     {
-      "filePath": "./src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx",
+      "filePath": "./src/components/embeds/verdocs-view/verdocs-view.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-upload-dialog",
-      "docs": "Display a file upload experience.",
+      "tag": "verdocs-view",
+      "docs": "View all of the documents attached to a template or envelope. All documents are displayed, in order. This embed wraps\nverdocs-view-envelope-document or verdocs-view-template-document, as appropriate, and those controls may be used if\nfine-grained control over which documents are displayed (or their order) is required.",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "open",
-          "type": "boolean",
+          "name": "endpoint",
+          "type": "VerdocsEndpoint",
           "mutable": false,
-          "attr": "open",
           "reflectToAttr": false,
-          "docs": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.",
+          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
           "docsTags": [],
-          "default": "false",
+          "default": "VerdocsEndpoint.getDefault()",
           "values": [
             {
-              "type": "boolean"
+              "type": "VerdocsEndpoint"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "envelopeId",
+          "type": "string",
+          "mutable": false,
+          "attr": "envelope-id",
+          "reflectToAttr": false,
+          "docs": "The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "pageLayers",
+          "type": "IPageLayer[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Layers will be passed through to the individual pages inside this component.",
+          "docsTags": [],
+          "default": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]",
+          "values": [
+            {
+              "type": "IPageLayer[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rotation",
+          "type": "0 | 180 | 270 | 90",
+          "mutable": false,
+          "attr": "rotation",
+          "reflectToAttr": false,
+          "docs": "Rotate the PDF in degrees",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "value": "0",
+              "type": "number"
+            },
+            {
+              "value": "180",
+              "type": "number"
+            },
+            {
+              "value": "270",
+              "type": "number"
+            },
+            {
+              "value": "90",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "templateId",
+          "type": "string",
+          "mutable": false,
+          "attr": "template-id",
+          "reflectToAttr": false,
+          "docs": "The template ID to render. Set ONE OF templateId or envelopeId.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
             }
           ],
           "optional": false,
@@ -5417,21 +5361,57 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
-          "detail": "any",
+          "event": "pageChange",
+          "detail": "number",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Fired when a page has been changed",
           "docsTags": []
         },
         {
-          "event": "done",
-          "detail": "FileWithData[]",
+          "event": "pageInit",
+          "detail": "number",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Fired when a page has been initialized",
+          "docsTags": []
+        },
+        {
+          "event": "pageLoaded",
+          "detail": "number",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been changed",
+          "docsTags": []
+        },
+        {
+          "event": "pageRendered",
+          "detail": "IPageRenderEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been rendered",
+          "docsTags": []
+        },
+        {
+          "event": "scaleChange",
+          "detail": "number",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been scaled",
+          "docsTags": []
+        },
+        {
+          "event": "sdkError",
+          "detail": "SDKError",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "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.",
           "docsTags": []
         }
       ],
@@ -5440,28 +5420,61 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-field-attachment"
+        "verdocs-preview",
+        "verdocs-sign",
+        "verdocs-template-fields"
       ],
       "dependencies": [
-        "verdocs-button"
+        "verdocs-view-template-document",
+        "verdocs-view-envelope-document"
       ],
       "dependencyGraph": {
-        "verdocs-upload-dialog": [
-          "verdocs-button"
+        "verdocs-view": [
+          "verdocs-view-template-document",
+          "verdocs-view-envelope-document"
         ],
-        "verdocs-field-attachment": [
-          "verdocs-upload-dialog"
+        "verdocs-view-template-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view-envelope-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-preview": [
+          "verdocs-view"
+        ],
+        "verdocs-sign": [
+          "verdocs-view"
+        ],
+        "verdocs-template-fields": [
+          "verdocs-view"
         ]
       }
     },
     {
-      "filePath": "./src/components/embeds/verdocs-view/verdocs-view.tsx",
+      "filePath": "./src/components/elements/verdocs-view-envelope-document/verdocs-view-envelope-document.tsx",
       "encapsulation": "none",
-      "tag": "verdocs-view",
-      "docs": "",
+      "tag": "verdocs-view-envelope-document",
+      "docs": "View a single document attached to an envelope. Note that envelopes always require authentication to access them. If you are viewing\nthis component in Storybook, visit Embeds > Auth first to log in, then paste a valid envelopeId and documentId in the properties\nbelow from your account to view that envelope. If you want to see an anonymous-access use case, this component is functionally similar\nto ViewTemplateDocument, which is pre-configured to display a public template.",
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "documentId",
+          "type": "string",
+          "mutable": false,
+          "attr": "document-id",
+          "reflectToAttr": false,
+          "docs": "The document ID to render",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "endpoint",
           "type": "VerdocsEndpoint",
@@ -5478,6 +5491,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "envelopeId",
+          "type": "string",
+          "mutable": false,
+          "attr": "envelope-id",
+          "reflectToAttr": false,
+          "docs": "The envelope ID to render",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "pageLayers",
           "type": "IPageLayer[]",
@@ -5523,15 +5553,101 @@
           ],
           "optional": false,
           "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "pageChange",
+          "detail": "number",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been changed",
+          "docsTags": []
+        },
+        {
+          "event": "pageInit",
+          "detail": "number",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been initialized",
+          "docsTags": []
         },
         {
-          "name": "source",
+          "event": "pageLoaded",
+          "detail": "number",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been changed",
+          "docsTags": []
+        },
+        {
+          "event": "pageRendered",
+          "detail": "IPageRenderEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been rendered",
+          "docsTags": []
+        },
+        {
+          "event": "scaleChange",
+          "detail": "number",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired when a page has been scaled",
+          "docsTags": []
+        },
+        {
+          "event": "sdkError",
+          "detail": "SDKError",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "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.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "verdocs-view"
+      ],
+      "dependencies": [
+        "verdocs-document-page"
+      ],
+      "dependencyGraph": {
+        "verdocs-view-envelope-document": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view": [
+          "verdocs-view-envelope-document"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/elements/verdocs-view-template-document/verdocs-view-template-document.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-view-template-document",
+      "docs": "View a single document attached to a template. Note that if you are accessing a template that is not public, you must be authenticated.\nYou can authenticate within this Storybook via the Embeds > Auth control.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "documentId",
           "type": "string",
           "mutable": false,
-          "attr": "source",
+          "attr": "document-id",
           "reflectToAttr": false,
-          "docs": "Src of the PDF to load and render",
+          "docs": "The document ID to render within the template",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -5540,6 +5656,68 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "endpoint",
+          "type": "VerdocsEndpoint",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
+          "docsTags": [],
+          "default": "VerdocsEndpoint.getDefault()",
+          "values": [
+            {
+              "type": "VerdocsEndpoint"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "pageLayers",
+          "type": "IPageLayer[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Layers will be passed through to the individual pages inside this component.",
+          "docsTags": [],
+          "default": "[\n    {name: 'page', type: 'canvas'},\n    {name: 'controls', type: 'div'},\n  ]",
+          "values": [
+            {
+              "type": "IPageLayer[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rotation",
+          "type": "0 | 180 | 270 | 90",
+          "mutable": false,
+          "attr": "rotation",
+          "reflectToAttr": false,
+          "docs": "Rotate the PDF in degrees",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "value": "0",
+              "type": "number"
+            },
+            {
+              "value": "180",
+              "type": "number"
+            },
+            {
+              "value": "270",
+              "type": "number"
+            },
+            {
+              "value": "90",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "templateId",
           "type": "string",
@@ -5620,27 +5798,17 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-preview",
-        "verdocs-sign",
-        "verdocs-template-fields"
+        "verdocs-view"
       ],
       "dependencies": [
-        "verdocs-loader",
         "verdocs-document-page"
       ],
       "dependencyGraph": {
-        "verdocs-view": [
-          "verdocs-loader",
+        "verdocs-view-template-document": [
           "verdocs-document-page"
         ],
-        "verdocs-preview": [
-          "verdocs-view"
-        ],
-        "verdocs-sign": [
-          "verdocs-view"
-        ],
-        "verdocs-template-fields": [
-          "verdocs-view"
+        "verdocs-view": [
+          "verdocs-view-template-document"
         ]
       }
     }