legalesign-document-viewer 0.1.0 → 0.1.2

package/dist/types/components.d.ts

@@ -6,19 +6,19 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { LSApiTemplate } from "./types/LSApiTemplate";
-import { RoleColor } from "./types/RoleColor";
 import { LSApiElement } from "./types/LSApiElement";
 import { LSMutateEvent } from "./types/LSMutateEvent";
-import { LSApiElement as LSApiElement1, LSApiTemplate as LSApiTemplate1, LsDocumentViewer as LsDocumentViewer1, LSMutateEvent as LSMutateEvent1, RoleColor as RoleColor1 } from "./components";
+import { LSApiElement as LSApiElement1, LSApiTemplate as LSApiTemplate1, LsDocumentViewer as LsDocumentViewer1, LSMutateEvent as LSMutateEvent1 } from "./components";
 import { LsDocumentViewer } from "./components/ls-document-viewer/ls-document-viewer";
 import { Icon } from "./types/Icon";
+import { LSApiRole } from "./types/LSApiRole";
 export { LSApiTemplate } from "./types/LSApiTemplate";
-export { RoleColor } from "./types/RoleColor";
 export { LSApiElement } from "./types/LSApiElement";
 export { LSMutateEvent } from "./types/LSMutateEvent";
-export { LSApiElement as LSApiElement1, LSApiTemplate as LSApiTemplate1, LsDocumentViewer as LsDocumentViewer1, LSMutateEvent as LSMutateEvent1, RoleColor as RoleColor1 } from "./components";
+export { LSApiElement as LSApiElement1, LSApiTemplate as LSApiTemplate1, LsDocumentViewer as LsDocumentViewer1, LSMutateEvent as LSMutateEvent1 } from "./components";
 export { LsDocumentViewer } from "./components/ls-document-viewer/ls-document-viewer";
 export { Icon } from "./types/Icon";
+export { LSApiRole } from "./types/LSApiRole";
 export namespace Components {
     interface LsDocumentOptions {
         /**
@@ -37,6 +37,11 @@ export namespace Components {
           * @default false
          */
         "displayTable"?: boolean;
+        /**
+          * Whether or not the fields list is expanded. {boolean}
+          * @default false
+         */
+        "expandfields"?: boolean;
         /**
           * Determines / sets which of the far left 'managers' is active. {'document' | 'toolbox' | 'participant' }
           * @default 'toolbox'
@@ -68,7 +73,7 @@ export namespace Components {
           * Allows you to change the colours used for each role in the template. {SignerColor[]}
           * @default defaultRolePalette
          */
-        "roleColors"?: RoleColor[];
+        "roleColors"?: string[];
         /**
           * Page and field resize on zoom change
          */
@@ -103,10 +108,22 @@ export namespace Components {
           * @default false
          */
         "showtoolbox"?: boolean;
+        /**
+          * @default 0
+         */
+        "signer": number;
         /**
           * The initial template data, including the link for background PDF. See README and example for correct GraphQL query and data structure. {LSApiTemplate}
          */
         "template": string;
+        /**
+          * The id of the template you want to load (if using the internal data adapter). {string}
+         */
+        "templateid": string;
+        /**
+          * The access token of the account your want the widget to use, you should normally acquire this with a server side call using that accounts login credentials. {string}
+         */
+        "token": string;
         /**
           * If supplied ONLY items in this | ("or") delimited list will be shown. i.e. "signature|intials" {boolean}
           * @default null
@@ -119,8 +136,8 @@ export namespace Components {
     }
     interface LsEditorField {
         "dataItem": LSApiElement1;
-        "page": { height: number, width: number };
-        "palette": RoleColor1[];
+        "page": { height: number; width: number };
+        "palette": string[];
         "readonly": boolean;
         "selected": boolean;
         "type": 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';
@@ -150,15 +167,30 @@ export namespace Components {
     interface LsFieldFormat {
         "dataItem": LSApiElement1[];
     }
+    interface LsFieldPlacement {
+        "dataItem": LSApiElement1 | LSApiElement1[];
+    }
     interface LsFieldProperties {
         "dataItem": LSApiElement[];
     }
+    interface LsFieldPropertiesAutosign {
+        "dataItem": LSApiElement1;
+    }
     interface LsFieldPropertiesDate {
         "dataItem": LSApiElement1;
     }
+    interface LsFieldPropertiesEmail {
+        "dataItem": LSApiElement1;
+    }
+    interface LsFieldPropertiesFile {
+        "dataItem": LSApiElement1;
+    }
     interface LsFieldPropertiesGeneral {
         "dataItem": LSApiElement1;
     }
+    interface LsFieldPropertiesImage {
+        "dataItem": LSApiElement1;
+    }
     interface LsFieldPropertiesMultiple {
         "dataItem": LSApiElement1[];
     }
@@ -167,6 +199,10 @@ export namespace Components {
     }
     interface LsFieldPropertiesSignature {
         "dataItem": LSApiElement1;
+        /**
+          * @default 'content'
+         */
+        "fieldSet": 'content' | 'placement' | 'dimensions';
     }
     interface LsFieldPropertiesText {
         "dataItem": LSApiElement1;
@@ -179,13 +215,7 @@ export namespace Components {
         /**
           * @default 'text'
          */
-        "as"?: | 'text'
-    | 'select'
-    | 'radio'
-    | 'textarea'
-    | 'password'
-    | 'number'
-    | 'displayonly';
+        "as"?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly';
         "buttonClick"?: () => void;
         "buttonIcon"?: Icon;
         "count": boolean;
@@ -256,6 +286,12 @@ export namespace Components {
         "template": LSApiTemplate;
     }
     interface LsParticipantSelect {
+        "dataItem": LSApiElement1[];
+        /**
+          * The current template roles. {LSApiRole}
+          * @default []
+         */
+        "roles"?: LSApiRole[];
     }
     interface LsRadioInput {
         /**
@@ -334,6 +370,8 @@ export namespace Components {
         "valid": boolean;
         "value"?: string;
     }
+    interface LsToggle {
+    }
     interface LsToolbar {
         /**
           * The selected items information (as JSON). {LSApiElement[]}
@@ -362,6 +400,10 @@ export namespace Components {
           * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.
          */
         "formElementType": string;
+        /**
+          * The icon to display for this field type.
+         */
+        "icon": Icon;
         /**
           * The text to display for this field type.
          */
@@ -396,6 +438,10 @@ export interface LsFieldFormatCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsFieldFormatElement;
 }
+export interface LsFieldPlacementCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsFieldPlacementElement;
+}
 export interface LsFieldSizeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsFieldSizeElement;
@@ -404,6 +450,14 @@ export interface LsParticipantManagerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsParticipantManagerElement;
 }
+export interface LsParticipantSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsParticipantSelectElement;
+}
+export interface LsToolbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsToolbarElement;
+}
 declare global {
     interface HTMLLsDocumentOptionsElement extends Components.LsDocumentOptions, HTMLStencilElement {
     }
@@ -538,24 +592,66 @@ declare global {
         prototype: HTMLLsFieldFormatElement;
         new (): HTMLLsFieldFormatElement;
     };
+    interface HTMLLsFieldPlacementElementEventMap {
+        "mutate": LSMutateEvent1[];
+        "update": LSMutateEvent1[];
+    }
+    interface HTMLLsFieldPlacementElement extends Components.LsFieldPlacement, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsFieldPlacementElementEventMap>(type: K, listener: (this: HTMLLsFieldPlacementElement, ev: LsFieldPlacementCustomEvent<HTMLLsFieldPlacementElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLsFieldPlacementElementEventMap>(type: K, listener: (this: HTMLLsFieldPlacementElement, ev: LsFieldPlacementCustomEvent<HTMLLsFieldPlacementElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLsFieldPlacementElement: {
+        prototype: HTMLLsFieldPlacementElement;
+        new (): HTMLLsFieldPlacementElement;
+    };
     interface HTMLLsFieldPropertiesElement extends Components.LsFieldProperties, HTMLStencilElement {
     }
     var HTMLLsFieldPropertiesElement: {
         prototype: HTMLLsFieldPropertiesElement;
         new (): HTMLLsFieldPropertiesElement;
     };
+    interface HTMLLsFieldPropertiesAutosignElement extends Components.LsFieldPropertiesAutosign, HTMLStencilElement {
+    }
+    var HTMLLsFieldPropertiesAutosignElement: {
+        prototype: HTMLLsFieldPropertiesAutosignElement;
+        new (): HTMLLsFieldPropertiesAutosignElement;
+    };
     interface HTMLLsFieldPropertiesDateElement extends Components.LsFieldPropertiesDate, HTMLStencilElement {
     }
     var HTMLLsFieldPropertiesDateElement: {
         prototype: HTMLLsFieldPropertiesDateElement;
         new (): HTMLLsFieldPropertiesDateElement;
     };
+    interface HTMLLsFieldPropertiesEmailElement extends Components.LsFieldPropertiesEmail, HTMLStencilElement {
+    }
+    var HTMLLsFieldPropertiesEmailElement: {
+        prototype: HTMLLsFieldPropertiesEmailElement;
+        new (): HTMLLsFieldPropertiesEmailElement;
+    };
+    interface HTMLLsFieldPropertiesFileElement extends Components.LsFieldPropertiesFile, HTMLStencilElement {
+    }
+    var HTMLLsFieldPropertiesFileElement: {
+        prototype: HTMLLsFieldPropertiesFileElement;
+        new (): HTMLLsFieldPropertiesFileElement;
+    };
     interface HTMLLsFieldPropertiesGeneralElement extends Components.LsFieldPropertiesGeneral, HTMLStencilElement {
     }
     var HTMLLsFieldPropertiesGeneralElement: {
         prototype: HTMLLsFieldPropertiesGeneralElement;
         new (): HTMLLsFieldPropertiesGeneralElement;
     };
+    interface HTMLLsFieldPropertiesImageElement extends Components.LsFieldPropertiesImage, HTMLStencilElement {
+    }
+    var HTMLLsFieldPropertiesImageElement: {
+        prototype: HTMLLsFieldPropertiesImageElement;
+        new (): HTMLLsFieldPropertiesImageElement;
+    };
     interface HTMLLsFieldPropertiesMultipleElement extends Components.LsFieldPropertiesMultiple, HTMLStencilElement {
     }
     var HTMLLsFieldPropertiesMultipleElement: {
@@ -634,7 +730,20 @@ declare global {
         prototype: HTMLLsParticipantManagerElement;
         new (): HTMLLsParticipantManagerElement;
     };
+    interface HTMLLsParticipantSelectElementEventMap {
+        "mutate": LSMutateEvent1[];
+        "update": LSMutateEvent1[];
+        "roleChange": number;
+    }
     interface HTMLLsParticipantSelectElement extends Components.LsParticipantSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsParticipantSelectElementEventMap>(type: K, listener: (this: HTMLLsParticipantSelectElement, ev: LsParticipantSelectCustomEvent<HTMLLsParticipantSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLsParticipantSelectElementEventMap>(type: K, listener: (this: HTMLLsParticipantSelectElement, ev: LsParticipantSelectCustomEvent<HTMLLsParticipantSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLLsParticipantSelectElement: {
         prototype: HTMLLsParticipantSelectElement;
@@ -670,7 +779,25 @@ declare global {
         prototype: HTMLLsTextareaInputElement;
         new (): HTMLLsTextareaInputElement;
     };
+    interface HTMLLsToggleElement extends Components.LsToggle, HTMLStencilElement {
+    }
+    var HTMLLsToggleElement: {
+        prototype: HTMLLsToggleElement;
+        new (): HTMLLsToggleElement;
+    };
+    interface HTMLLsToolbarElementEventMap {
+        "mutate": LSMutateEvent1[];
+        "update": LSMutateEvent1[];
+    }
     interface HTMLLsToolbarElement extends Components.LsToolbar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsToolbarElementEventMap>(type: K, listener: (this: HTMLLsToolbarElement, ev: LsToolbarCustomEvent<HTMLLsToolbarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLsToolbarElementEventMap>(type: K, listener: (this: HTMLLsToolbarElement, ev: LsToolbarCustomEvent<HTMLLsToolbarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLLsToolbarElement: {
         prototype: HTMLLsToolbarElement;
@@ -692,9 +819,14 @@ declare global {
         "ls-field-dimensions": HTMLLsFieldDimensionsElement;
         "ls-field-distribute": HTMLLsFieldDistributeElement;
         "ls-field-format": HTMLLsFieldFormatElement;
+        "ls-field-placement": HTMLLsFieldPlacementElement;
         "ls-field-properties": HTMLLsFieldPropertiesElement;
+        "ls-field-properties-autosign": HTMLLsFieldPropertiesAutosignElement;
         "ls-field-properties-date": HTMLLsFieldPropertiesDateElement;
+        "ls-field-properties-email": HTMLLsFieldPropertiesEmailElement;
+        "ls-field-properties-file": HTMLLsFieldPropertiesFileElement;
         "ls-field-properties-general": HTMLLsFieldPropertiesGeneralElement;
+        "ls-field-properties-image": HTMLLsFieldPropertiesImageElement;
         "ls-field-properties-multiple": HTMLLsFieldPropertiesMultipleElement;
         "ls-field-properties-number": HTMLLsFieldPropertiesNumberElement;
         "ls-field-properties-signature": HTMLLsFieldPropertiesSignatureElement;
@@ -710,6 +842,7 @@ declare global {
         "ls-statusbar": HTMLLsStatusbarElement;
         "ls-text-input": HTMLLsTextInputElement;
         "ls-textarea-input": HTMLLsTextareaInputElement;
+        "ls-toggle": HTMLLsToggleElement;
         "ls-toolbar": HTMLLsToolbarElement;
         "ls-toolbox-field": HTMLLsToolboxFieldElement;
     }
@@ -732,6 +865,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "displayTable"?: boolean;
+        /**
+          * Whether or not the fields list is expanded. {boolean}
+          * @default false
+         */
+        "expandfields"?: boolean;
         /**
           * Determines / sets which of the far left 'managers' is active. {'document' | 'toolbox' | 'participant' }
           * @default 'toolbox'
@@ -760,7 +898,7 @@ declare namespace LocalJSX {
           * Allows you to change the colours used for each role in the template. {SignerColor[]}
           * @default defaultRolePalette
          */
-        "roleColors"?: RoleColor[];
+        "roleColors"?: string[];
         /**
           * Whether the page previewvertical ribbon will be shown {boolean}
           * @default false
@@ -791,10 +929,22 @@ declare namespace LocalJSX {
           * @default false
          */
         "showtoolbox"?: boolean;
+        /**
+          * @default 0
+         */
+        "signer"?: number;
         /**
           * The initial template data, including the link for background PDF. See README and example for correct GraphQL query and data structure. {LSApiTemplate}
          */
         "template"?: string;
+        /**
+          * The id of the template you want to load (if using the internal data adapter). {string}
+         */
+        "templateid"?: string;
+        /**
+          * The access token of the account your want the widget to use, you should normally acquire this with a server side call using that accounts login credentials. {string}
+         */
+        "token"?: string;
         /**
           * If supplied ONLY items in this | ("or") delimited list will be shown. i.e. "signature|intials" {boolean}
           * @default null
@@ -807,8 +957,8 @@ declare namespace LocalJSX {
     }
     interface LsEditorField {
         "dataItem"?: LSApiElement1;
-        "page"?: { height: number, width: number };
-        "palette"?: RoleColor1[];
+        "page"?: { height: number; width: number };
+        "palette"?: string[];
         "readonly"?: boolean;
         "selected"?: boolean;
         "type"?: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';
@@ -847,15 +997,32 @@ declare namespace LocalJSX {
         "onMutate"?: (event: LsFieldFormatCustomEvent<LSMutateEvent1[]>) => void;
         "onUpdate"?: (event: LsFieldFormatCustomEvent<LSMutateEvent1[]>) => void;
     }
+    interface LsFieldPlacement {
+        "dataItem"?: LSApiElement1 | LSApiElement1[];
+        "onMutate"?: (event: LsFieldPlacementCustomEvent<LSMutateEvent1[]>) => void;
+        "onUpdate"?: (event: LsFieldPlacementCustomEvent<LSMutateEvent1[]>) => void;
+    }
     interface LsFieldProperties {
         "dataItem"?: LSApiElement[];
     }
+    interface LsFieldPropertiesAutosign {
+        "dataItem"?: LSApiElement1;
+    }
     interface LsFieldPropertiesDate {
         "dataItem"?: LSApiElement1;
     }
+    interface LsFieldPropertiesEmail {
+        "dataItem"?: LSApiElement1;
+    }
+    interface LsFieldPropertiesFile {
+        "dataItem"?: LSApiElement1;
+    }
     interface LsFieldPropertiesGeneral {
         "dataItem"?: LSApiElement1;
     }
+    interface LsFieldPropertiesImage {
+        "dataItem"?: LSApiElement1;
+    }
     interface LsFieldPropertiesMultiple {
         "dataItem"?: LSApiElement1[];
     }
@@ -864,6 +1031,10 @@ declare namespace LocalJSX {
     }
     interface LsFieldPropertiesSignature {
         "dataItem"?: LSApiElement1;
+        /**
+          * @default 'content'
+         */
+        "fieldSet"?: 'content' | 'placement' | 'dimensions';
     }
     interface LsFieldPropertiesText {
         "dataItem"?: LSApiElement1;
@@ -878,13 +1049,7 @@ declare namespace LocalJSX {
         /**
           * @default 'text'
          */
-        "as"?: | 'text'
-    | 'select'
-    | 'radio'
-    | 'textarea'
-    | 'password'
-    | 'number'
-    | 'displayonly';
+        "as"?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly';
         "buttonClick"?: () => void;
         "buttonIcon"?: Icon;
         "count"?: boolean;
@@ -957,6 +1122,15 @@ declare namespace LocalJSX {
         "template"?: LSApiTemplate;
     }
     interface LsParticipantSelect {
+        "dataItem"?: LSApiElement1[];
+        "onMutate"?: (event: LsParticipantSelectCustomEvent<LSMutateEvent1[]>) => void;
+        "onRoleChange"?: (event: LsParticipantSelectCustomEvent<number>) => void;
+        "onUpdate"?: (event: LsParticipantSelectCustomEvent<LSMutateEvent1[]>) => void;
+        /**
+          * The current template roles. {LSApiRole}
+          * @default []
+         */
+        "roles"?: LSApiRole[];
     }
     interface LsRadioInput {
         /**
@@ -1035,6 +1209,8 @@ declare namespace LocalJSX {
         "valid"?: boolean;
         "value"?: string;
     }
+    interface LsToggle {
+    }
     interface LsToolbar {
         /**
           * The selected items information (as JSON). {LSApiElement[]}
@@ -1044,6 +1220,8 @@ declare namespace LocalJSX {
           * The base template information (as JSON). {LSDocumentViewer}
          */
         "editor"?: LsDocumentViewer1;
+        "onMutate"?: (event: LsToolbarCustomEvent<LSMutateEvent1[]>) => void;
+        "onUpdate"?: (event: LsToolbarCustomEvent<LSMutateEvent1[]>) => void;
         /**
           * The base template information (as JSON). {LSApiTemplate}
          */
@@ -1063,6 +1241,10 @@ declare namespace LocalJSX {
           * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.
          */
         "formElementType"?: string;
+        /**
+          * The icon to display for this field type.
+         */
+        "icon"?: Icon;
         /**
           * The text to display for this field type.
          */
@@ -1082,9 +1264,14 @@ declare namespace LocalJSX {
         "ls-field-dimensions": LsFieldDimensions;
         "ls-field-distribute": LsFieldDistribute;
         "ls-field-format": LsFieldFormat;
+        "ls-field-placement": LsFieldPlacement;
         "ls-field-properties": LsFieldProperties;
+        "ls-field-properties-autosign": LsFieldPropertiesAutosign;
         "ls-field-properties-date": LsFieldPropertiesDate;
+        "ls-field-properties-email": LsFieldPropertiesEmail;
+        "ls-field-properties-file": LsFieldPropertiesFile;
         "ls-field-properties-general": LsFieldPropertiesGeneral;
+        "ls-field-properties-image": LsFieldPropertiesImage;
         "ls-field-properties-multiple": LsFieldPropertiesMultiple;
         "ls-field-properties-number": LsFieldPropertiesNumber;
         "ls-field-properties-signature": LsFieldPropertiesSignature;
@@ -1100,6 +1287,7 @@ declare namespace LocalJSX {
         "ls-statusbar": LsStatusbar;
         "ls-text-input": LsTextInput;
         "ls-textarea-input": LsTextareaInput;
+        "ls-toggle": LsToggle;
         "ls-toolbar": LsToolbar;
         "ls-toolbox-field": LsToolboxField;
     }
@@ -1122,9 +1310,14 @@ declare module "@stencil/core" {
             "ls-field-dimensions": LocalJSX.LsFieldDimensions & JSXBase.HTMLAttributes<HTMLLsFieldDimensionsElement>;
             "ls-field-distribute": LocalJSX.LsFieldDistribute & JSXBase.HTMLAttributes<HTMLLsFieldDistributeElement>;
             "ls-field-format": LocalJSX.LsFieldFormat & JSXBase.HTMLAttributes<HTMLLsFieldFormatElement>;
+            "ls-field-placement": LocalJSX.LsFieldPlacement & JSXBase.HTMLAttributes<HTMLLsFieldPlacementElement>;
             "ls-field-properties": LocalJSX.LsFieldProperties & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesElement>;
+            "ls-field-properties-autosign": LocalJSX.LsFieldPropertiesAutosign & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesAutosignElement>;
             "ls-field-properties-date": LocalJSX.LsFieldPropertiesDate & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesDateElement>;
+            "ls-field-properties-email": LocalJSX.LsFieldPropertiesEmail & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesEmailElement>;
+            "ls-field-properties-file": LocalJSX.LsFieldPropertiesFile & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesFileElement>;
             "ls-field-properties-general": LocalJSX.LsFieldPropertiesGeneral & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesGeneralElement>;
+            "ls-field-properties-image": LocalJSX.LsFieldPropertiesImage & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesImageElement>;
             "ls-field-properties-multiple": LocalJSX.LsFieldPropertiesMultiple & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesMultipleElement>;
             "ls-field-properties-number": LocalJSX.LsFieldPropertiesNumber & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesNumberElement>;
             "ls-field-properties-signature": LocalJSX.LsFieldPropertiesSignature & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesSignatureElement>;
@@ -1140,6 +1333,7 @@ declare module "@stencil/core" {
             "ls-statusbar": LocalJSX.LsStatusbar & JSXBase.HTMLAttributes<HTMLLsStatusbarElement>;
             "ls-text-input": LocalJSX.LsTextInput & JSXBase.HTMLAttributes<HTMLLsTextInputElement>;
             "ls-textarea-input": LocalJSX.LsTextareaInput & JSXBase.HTMLAttributes<HTMLLsTextareaInputElement>;
+            "ls-toggle": LocalJSX.LsToggle & JSXBase.HTMLAttributes<HTMLLsToggleElement>;
             "ls-toolbar": LocalJSX.LsToolbar & JSXBase.HTMLAttributes<HTMLLsToolbarElement>;
             "ls-toolbox-field": LocalJSX.LsToolboxField & JSXBase.HTMLAttributes<HTMLLsToolboxFieldElement>;
         }

package/dist/types/types/Icon.d.ts

@@ -332,6 +332,7 @@ declare enum IconEnum {
     FieldPlacementIcon = "field-placement",
     RequiredIcon = "required",
     TypefaceIcon = "typeface",
+    TypesizeIcon = "typesize",
     PageLayoutIcon = "page-layout",
     FieldSpecialIcon = "field-special",
     LinkValueIcon = "link-value",

package/dist/types/types/LSApiElement.d.ts

@@ -30,7 +30,7 @@ export type LSApiElement = {
     mapTo?: string;
     signer: number;
     link?: string;
-    formElementType?: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';
+    formElementType?: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate' | 'autosign' | 'initials' | 'email' | 'checkbox' | 'image';
     roleObject?: LSApiRole;
     cstyle?: any;
     divStyle?: any;
@@ -39,4 +39,5 @@ export type LSApiElement = {
         height: number;
         width: number;
     };
+    templateId?: string;
 };

package/dist/types/types/LSApiRole.d.ts

@@ -8,4 +8,5 @@ export type LSApiRole = {
     ordinal: number;
     signerParent?: string;
     experience: string;
+    templateId?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -37,7 +37,6 @@
   ],
   "scripts": {
     "build": "stencil build",
-    "postbuild": "cp ./src/00000000-0000-0000-0000-000000000001.pdf www",
     "start": "stencil build --dev --watch --serve",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
@@ -55,6 +54,7 @@
   "license": "MIT",
   "dependencies": {
     "@jest/transform": "^30.0.5",
+    "axios": "^1.12.2",
     "clsx": "^2.1.1",
     "pdf-lib": "^1.17.1",
     "pdfjs-dist": "2.5.207"