@verdocs/web-sdk 1.9.10 → 1.9.15

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-30T20:38:56",
+  "timestamp": "2023-01-03T18:39:02",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -218,7 +218,7 @@
           "verdocs-loader",
           "verdocs-toolbar-icon",
           "verdocs-field-signature",
-          "verdocs-view"
+          "verdocs-document-page"
         ],
         "verdocs-field-signature": [
           "verdocs-signature-dialog",
@@ -229,16 +229,6 @@
         "verdocs-signature-dialog": [
           "verdocs-text-input",
           "verdocs-button"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
         ]
       }
     },
@@ -568,6 +558,23 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Label to display. Leave blank for no label. The label will be displayed to the right of the checkbox, but may be\nrepositioned with CSS.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -585,13 +592,35 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"light\"",
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "Style of checkbox to render. Use 'dark' when rendering on a dark background.",
+          "docsTags": [],
+          "default": "'light'",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "Value to track with the input.",
+          "docs": "Value to track with the input. Value is not used internally by this component but is sometimes useful to set\nbecause it can be retrieved in event handlers via e.target.value. This can be used to identify which\ncheckbox was clicked in a checkbox group.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -610,10 +639,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "verdocs-sign",
         "verdocs-template-properties"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "verdocs-sign": [
+          "verdocs-checkbox"
+        ],
         "verdocs-template-properties": [
           "verdocs-checkbox"
         ]
@@ -840,15 +873,23 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-view-envelope-document",
-        "verdocs-view-template-document"
+        "verdocs-preview",
+        "verdocs-sign",
+        "verdocs-template-fields",
+        "verdocs-view"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "verdocs-view-envelope-document": [
+        "verdocs-preview": [
+          "verdocs-document-page"
+        ],
+        "verdocs-sign": [
           "verdocs-document-page"
         ],
-        "verdocs-view-template-document": [
+        "verdocs-template-fields": [
+          "verdocs-document-page"
+        ],
+        "verdocs-view": [
           "verdocs-document-page"
         ]
       }
@@ -857,7 +898,7 @@
       "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.\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```",
+      "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": [
@@ -949,15 +990,17 @@
           "required": false
         },
         {
-          "name": "recipient",
-          "type": "IRecipient",
+          "name": "roleIndex",
+          "type": "number",
           "mutable": false,
+          "attr": "role-index",
           "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
+          "docs": "If set, the field will be colored using this index value to select the background color.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
-              "type": "IRecipient"
+              "type": "number"
             }
           ],
           "optional": true,
@@ -1057,15 +1100,17 @@
           "required": false
         },
         {
-          "name": "recipient",
-          "type": "IRecipient",
+          "name": "roleindex",
+          "type": "number",
           "mutable": false,
+          "attr": "roleindex",
           "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
+          "docs": "If set, the field will be colored using this index value to select the background color.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
-              "type": "IRecipient"
+              "type": "number"
             }
           ],
           "optional": true,
@@ -1078,15 +1123,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-sign"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "verdocs-sign": [
-          "verdocs-field-checkbox"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "./src/components/elements/verdocs-field-date/verdocs-field-date.tsx",
@@ -1166,21 +1205,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "roleindex",
           "type": "number",
@@ -1286,15 +1310,17 @@
           "required": false
         },
         {
-          "name": "recipient",
-          "type": "IRecipient",
+          "name": "roleindex",
+          "type": "number",
           "mutable": false,
+          "attr": "roleindex",
           "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
+          "docs": "If set, the field will be colored using this index value to select the background color.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
-              "type": "IRecipient"
+              "type": "number"
             }
           ],
           "optional": true,
@@ -1315,15 +1341,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",
@@ -1332,15 +1349,6 @@
           "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": []
         }
       ],
       "listeners": [],
@@ -1446,21 +1454,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "roleindex",
           "type": "number",
@@ -1741,21 +1734,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "recipients",
           "type": "any",
@@ -1788,6 +1766,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "roleindex",
+          "type": "number",
+          "mutable": false,
+          "attr": "roleindex",
+          "reflectToAttr": false,
+          "docs": "If set, the field will be colored using this index value to select the background color.",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "selectedRoleName",
           "type": "string",
@@ -1913,15 +1908,17 @@
           "required": false
         },
         {
-          "name": "recipient",
-          "type": "IRecipient",
+          "name": "roleindex",
+          "type": "number",
           "mutable": false,
+          "attr": "roleindex",
           "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
+          "docs": "If set, the field will be colored using this index value to select the background color.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
-              "type": "IRecipient"
+              "type": "number"
             }
           ],
           "optional": true,
@@ -1944,15 +1941,9 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-sign"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "verdocs-sign": [
-          "verdocs-field-radio-button"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "./src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx",
@@ -2049,21 +2040,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "If set, the signature creation dialog will be initialized from this object.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "roleindex",
           "type": "number",
@@ -2222,21 +2198,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "roleindex",
           "type": "number",
@@ -2268,44 +2229,7 @@
           "docsTags": []
         }
       ],
-      "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": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -2402,21 +2326,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "roleindex",
           "type": "number",
@@ -2449,42 +2358,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": "recipientChanged",
           "detail": "string",
@@ -2591,21 +2464,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "recipient",
-          "type": "IRecipient",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The recipient completing the form, if known.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IRecipient"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "roleindex",
           "type": "number",
@@ -2637,53 +2495,7 @@
           "docsTags": []
         }
       ],
-      "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",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired on every character entered into / deleted from the field.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -3013,7 +2825,8 @@
       "dependents": [
         "verdocs-preview",
         "verdocs-sign",
-        "verdocs-template-fields"
+        "verdocs-template-fields",
+        "verdocs-view"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -3025,6 +2838,9 @@
         ],
         "verdocs-template-fields": [
           "verdocs-loader"
+        ],
+        "verdocs-view": [
+          "verdocs-loader"
         ]
       }
     },
@@ -3114,7 +2930,8 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "verdocs-auth"
+        "verdocs-auth",
+        "verdocs-sign"
       ],
       "dependencies": [
         "verdocs-button"
@@ -3125,6 +2942,9 @@
         ],
         "verdocs-auth": [
           "verdocs-ok-dialog"
+        ],
+        "verdocs-sign": [
+          "verdocs-ok-dialog"
         ]
       }
     },
@@ -3166,7 +2986,7 @@
       "filePath": "./src/components/embeds/verdocs-preview/verdocs-preview.tsx",
       "encapsulation": "none",
       "tag": "verdocs-preview",
-      "docs": "Display a template preview experience.",
+      "docs": "Display a template preview experience. This will display the template's attached\ndocuments with signing fields overlaid on each page. Fields will be color-coded\nby recipient, and will be read-only (cannot be filled, moved, or altered).",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3223,21 +3043,11 @@
       "dependents": [],
       "dependencies": [
         "verdocs-loader",
-        "verdocs-view"
+        "verdocs-document-page"
       ],
       "dependencyGraph": {
         "verdocs-preview": [
           "verdocs-loader",
-          "verdocs-view"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
           "verdocs-document-page"
         ]
       }
@@ -3924,26 +3734,10 @@
       "filePath": "./src/components/embeds/verdocs-sign/verdocs-sign.tsx",
       "encapsulation": "none",
       "tag": "verdocs-sign",
-      "docs": "Display a document signing experience.\n\n***NOTE: This sample document will reset every 10 minutes...***",
+      "docs": "Display an envelope signing experience. This will display the envelope's attached\ndocuments with signing fields overlaid on each page.\n\nThe component will attempt to initiate a signing session and load the specified\nenvelope. If successful, the recipient's fields will be enabled and the user will\nbe able to sign the envelope's attached documents. If not, an `sdkError` will be\nthrown and the component will be blank/empty. To provide the best user experience,\napplications should capture and handle this error to provide the user with\ninstructions/options for next steps based on the application's design and workflow.\n\nUnlike other components, this will always create its own endpoint to manage the\nsession session. This endpoint will be included in event callbacks for the\nconvenience of host applications that may wish to make server calls using the\nsigner's credentials once signing is complete (e.g. to obtain copies of\nthe signed attachments.)",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "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": "envelopeId",
           "type": "string",
@@ -3984,7 +3778,7 @@
           "mutable": false,
           "attr": "role-id",
           "reflectToAttr": false,
-          "docs": "The name of the role that will be signing.",
+          "docs": "The ID of the role that will be signing e.g. 'Recipient 1'",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -3998,6 +3792,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "fieldUpdated",
+          "detail": "{ endpoint: VerdocsEndpoint; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when any field is updated. Note that the current active endpoint is\nprovided as a parameter as a convenience for callers when this coimponent",
+          "docsTags": []
+        },
         {
           "event": "sdkError",
           "detail": "SDKError",
@@ -4014,31 +3817,24 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "verdocs-field-checkbox",
-        "verdocs-field-radio-button",
+        "verdocs-loader",
         "verdocs-dropdown",
+        "verdocs-checkbox",
         "verdocs-button",
-        "verdocs-view",
-        "verdocs-loader"
+        "verdocs-document-page",
+        "verdocs-ok-dialog"
       ],
       "dependencyGraph": {
         "verdocs-sign": [
-          "verdocs-field-checkbox",
-          "verdocs-field-radio-button",
+          "verdocs-loader",
           "verdocs-dropdown",
+          "verdocs-checkbox",
           "verdocs-button",
-          "verdocs-view",
-          "verdocs-loader"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
+          "verdocs-document-page",
+          "verdocs-ok-dialog"
         ],
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
+        "verdocs-ok-dialog": [
+          "verdocs-button"
         ]
       }
     },
@@ -4432,14 +4228,14 @@
         "verdocs-loader",
         "verdocs-toolbar-icon",
         "verdocs-field-signature",
-        "verdocs-view"
+        "verdocs-document-page"
       ],
       "dependencyGraph": {
         "verdocs-template-fields": [
           "verdocs-loader",
           "verdocs-toolbar-icon",
           "verdocs-field-signature",
-          "verdocs-view"
+          "verdocs-document-page"
         ],
         "verdocs-field-signature": [
           "verdocs-signature-dialog",
@@ -4451,16 +4247,6 @@
           "verdocs-text-input",
           "verdocs-button"
         ],
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "verdocs-view-template-document": [
-          "verdocs-document-page"
-        ],
-        "verdocs-view-envelope-document": [
-          "verdocs-document-page"
-        ],
         "verdocs-build": [
           "verdocs-template-fields"
         ]
@@ -5257,7 +5043,7 @@
       "filePath": "./src/components/embeds/verdocs-view/verdocs-view.tsx",
       "encapsulation": "none",
       "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.",
+      "docs": "Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -5293,315 +5079,10 @@
           ],
           "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,
-          "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": []
-        },
-        {
-          "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-preview",
-        "verdocs-sign",
-        "verdocs-template-fields"
-      ],
-      "dependencies": [
-        "verdocs-view-template-document",
-        "verdocs-view-envelope-document"
-      ],
-      "dependencyGraph": {
-        "verdocs-view": [
-          "verdocs-view-template-document",
-          "verdocs-view-envelope-document"
-        ],
-        "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/elements/verdocs-view-envelope-document/verdocs-view-envelope-document.tsx",
-      "encapsulation": "none",
-      "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",
-          "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": "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[]",
-          "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
         }
       ],
       "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": []
-        },
-        {
-          "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",
@@ -5616,199 +5097,15 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "verdocs-view"
-      ],
+      "dependents": [],
       "dependencies": [
+        "verdocs-loader",
         "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": "document-id",
-          "reflectToAttr": false,
-          "docs": "The document ID to render within the template",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "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",
-          "mutable": false,
-          "attr": "template-id",
-          "reflectToAttr": false,
-          "docs": "The template ID to render",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "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": []
-        },
-        {
-          "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-template-document": [
+          "verdocs-loader",
           "verdocs-document-page"
-        ],
-        "verdocs-view": [
-          "verdocs-view-template-document"
         ]
       }
     }