legalesign-document-viewer 0.4.5 → 0.4.7

package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts

@@ -82,6 +82,7 @@ export declare class LsDocumentViewer {
      */
     mode: 'preview' | 'editor' | 'compose';
     modeHandler(_newMode: any, _oldMode: any): void;
+    zoomChanged(newZoom: number): void;
     /**
      * Determines / sets which of the far left 'managers' is active.
      * {'document' | 'toolbox' | 'participant' }

package/dist/types/components/ls-editor-field/ls-editor-field.d.ts

@@ -3,6 +3,7 @@ import { LSApiElement } from '../../components';
 import { LSMutateEvent } from '../../types/LSMutateEvent';
 export declare class LsEditorField {
     component: HTMLElement;
+    assignee: string;
     dataItem: LSApiElement;
     selected: boolean;
     readonly: boolean;
@@ -16,17 +17,26 @@ export declare class LsEditorField {
     heldEdge: string;
     isEdgeDragging: boolean;
     innerValue: string;
+    zoom: string;
     private sizeObserver;
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
+    /**
+     * Controls whether floating elements are visible. Set by mouse enter/leave events.
+     */
+    floatingActive: boolean;
+    private handleMouseEnter;
+    private handleMouseLeave;
     handleInput(e: KeyboardEvent): void;
     handleMouseMove(e: any): void;
     handleDoubleClick(): void;
     handleDragStart(event: any): void;
     watchSelectedHandler(_newValue: boolean, _oldValue: boolean): void;
+    deleteField: () => void;
     componentDidLoad(): void;
     alter(diff: object): void;
     private labeltimer;
     debounce(data: any, delay: any): void;
+    hexToRgba(hex: string, alpha: number): string;
     render(): any;
 }

package/dist/types/components/ls-recipient-card/ls-recipient-card.d.ts

@@ -26,5 +26,8 @@ export declare class LsRecipientCard {
     fieldSelected: EventEmitter<IToolboxField>;
     handleFieldTypeSelected(event: any): void;
     showTool(fieldFormType: string): boolean;
+    private cardRef;
+    handleExpandCollapse(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-title-input/ls-title-input.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { LSApiTemplate } from '../../types/LSApiTemplate';
+import { LSMutateEvent } from '../../types/LSMutateEvent';
+export declare class LsTitleInput {
+    component: HTMLElement;
+    template: LSApiTemplate;
+    editTitle: boolean;
+    mutate: EventEmitter<LSMutateEvent[]>;
+    update: EventEmitter<LSMutateEvent[]>;
+    alter(diff: object): void;
+    private titletimer;
+    debounce(diff: any, delay: any): void;
+    render(): any;
+}

package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationError } from '../../types/ValidationError';
 export declare class LsValidationTag {
     status: string;
@@ -5,5 +6,6 @@ export declare class LsValidationTag {
     isExpanded: boolean;
     type: 'compose' | 'default';
     showDropDown: boolean;
+    changeSigner: EventEmitter<number>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -149,11 +149,17 @@ export namespace Components {
         "zoom": number;
     }
     interface LsEditorField {
+        "assignee": string;
         "dataItem": LSApiElement1;
         /**
           * @default null
          */
         "fixedAspect": number | null;
+        /**
+          * Controls whether floating elements are visible. Set by mouse enter/leave events.
+          * @default false
+         */
+        "floatingActive": boolean;
         "page": { height: number; width: number };
         "readonly": boolean;
         /**
@@ -161,6 +167,7 @@ export namespace Components {
          */
         "selected": boolean;
         "type": 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';
+        "zoom": string;
     }
     interface LsEditorTable {
         /**
@@ -314,7 +321,7 @@ export namespace Components {
         "customStyle"?: { [key: string]: string };
         "name"?: Icon;
         /**
-          * @default "20"
+          * @default "1.25rem"
          */
         "size"?: string;
         /**
@@ -496,6 +503,9 @@ export namespace Components {
         "valid": boolean;
         "value"?: string;
     }
+    interface LsTitleInput {
+        "template": LSApiTemplate;
+    }
     interface LsToggle {
         "checked": boolean;
         "indeterminate": boolean;
@@ -689,6 +699,10 @@ export interface LsTextInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsTextInputElement;
 }
+export interface LsTitleInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsTitleInputElement;
+}
 export interface LsToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsToggleElement;
@@ -701,6 +715,10 @@ export interface LsToolboxFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsToolboxFieldElement;
 }
+export interface LsValidationTagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsValidationTagElement;
+}
 declare global {
     interface HTMLLsComposeManagerElement extends Components.LsComposeManager, HTMLStencilElement {
     }
@@ -1233,6 +1251,24 @@ declare global {
         prototype: HTMLLsTextareaInputElement;
         new (): HTMLLsTextareaInputElement;
     };
+    interface HTMLLsTitleInputElementEventMap {
+        "mutate": LSMutateEvent[];
+        "update": LSMutateEvent[];
+    }
+    interface HTMLLsTitleInputElement extends Components.LsTitleInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsTitleInputElementEventMap>(type: K, listener: (this: HTMLLsTitleInputElement, ev: LsTitleInputCustomEvent<HTMLLsTitleInputElementEventMap[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 HTMLLsTitleInputElementEventMap>(type: K, listener: (this: HTMLLsTitleInputElement, ev: LsTitleInputCustomEvent<HTMLLsTitleInputElementEventMap[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 HTMLLsTitleInputElement: {
+        prototype: HTMLLsTitleInputElement;
+        new (): HTMLLsTitleInputElement;
+    };
     interface HTMLLsToggleElementEventMap {
         "valueChange": boolean;
     }
@@ -1305,7 +1341,18 @@ declare global {
         prototype: HTMLLsValidationManagerElement;
         new (): HTMLLsValidationManagerElement;
     };
+    interface HTMLLsValidationTagElementEventMap {
+        "changeSigner": number;
+    }
     interface HTMLLsValidationTagElement extends Components.LsValidationTag, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsValidationTagElementEventMap>(type: K, listener: (this: HTMLLsValidationTagElement, ev: LsValidationTagCustomEvent<HTMLLsValidationTagElementEventMap[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 HTMLLsValidationTagElementEventMap>(type: K, listener: (this: HTMLLsValidationTagElement, ev: LsValidationTagCustomEvent<HTMLLsValidationTagElementEventMap[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 HTMLLsValidationTagElement: {
         prototype: HTMLLsValidationTagElement;
@@ -1359,6 +1406,7 @@ declare global {
         "ls-statusbar": HTMLLsStatusbarElement;
         "ls-text-input": HTMLLsTextInputElement;
         "ls-textarea-input": HTMLLsTextareaInputElement;
+        "ls-title-input": HTMLLsTitleInputElement;
         "ls-toggle": HTMLLsToggleElement;
         "ls-toolbar": HTMLLsToolbarElement;
         "ls-toolbox-field": HTMLLsToolboxFieldElement;
@@ -1482,11 +1530,17 @@ declare namespace LocalJSX {
         "zoom"?: number;
     }
     interface LsEditorField {
+        "assignee"?: string;
         "dataItem"?: LSApiElement1;
         /**
           * @default null
          */
         "fixedAspect"?: number | null;
+        /**
+          * Controls whether floating elements are visible. Set by mouse enter/leave events.
+          * @default false
+         */
+        "floatingActive"?: boolean;
         "onMutate"?: (event: LsEditorFieldCustomEvent<LSMutateEvent[]>) => void;
         "onUpdate"?: (event: LsEditorFieldCustomEvent<LSMutateEvent[]>) => void;
         "page"?: { height: number; width: number };
@@ -1496,6 +1550,7 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
         "type"?: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';
+        "zoom"?: string;
     }
     interface LsEditorTable {
         /**
@@ -1672,7 +1727,7 @@ declare namespace LocalJSX {
         "customStyle"?: { [key: string]: string };
         "name"?: Icon;
         /**
-          * @default "20"
+          * @default "1.25rem"
          */
         "size"?: string;
         /**
@@ -1866,6 +1921,11 @@ declare namespace LocalJSX {
         "valid"?: boolean;
         "value"?: string;
     }
+    interface LsTitleInput {
+        "onMutate"?: (event: LsTitleInputCustomEvent<LSMutateEvent[]>) => void;
+        "onUpdate"?: (event: LsTitleInputCustomEvent<LSMutateEvent[]>) => void;
+        "template"?: LSApiTemplate;
+    }
     interface LsToggle {
         "checked"?: boolean;
         "indeterminate"?: boolean;
@@ -1972,6 +2032,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "isExpanded"?: boolean;
+        "onChangeSigner"?: (event: LsValidationTagCustomEvent<number>) => void;
         /**
           * @default true
          */
@@ -2037,6 +2098,7 @@ declare namespace LocalJSX {
         "ls-statusbar": LsStatusbar;
         "ls-text-input": LsTextInput;
         "ls-textarea-input": LsTextareaInput;
+        "ls-title-input": LsTitleInput;
         "ls-toggle": LsToggle;
         "ls-toolbar": LsToolbar;
         "ls-toolbox-field": LsToolboxField;
@@ -2101,6 +2163,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-title-input": LocalJSX.LsTitleInput & JSXBase.HTMLAttributes<HTMLLsTitleInputElement>;
             "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/ValidationError.d.ts

@@ -1,9 +1,8 @@
 import { LSApiElement } from "./LSApiElement";
-import { LSApiRole } from "./LSApiRole";
 export type ValidationError = {
     id: string;
     title: string;
     description: string;
-    role?: LSApiRole;
+    role?: any;
     element?: LSApiElement;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -42,7 +42,7 @@
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "publish": "npm publish --scope=public"
+    "publish": "npm publish --access=public"
   },
   "devDependencies": {
     "@stencil/core": "^4.36.2",

package/readme.md

@@ -213,6 +213,15 @@ editor.addEventListener('mutate', (event) => {
 />
 ```
 
+#### `mutate` event
+Fired when the document template is changed, such as adding or removing fields.
+
+#### `selectFields` event
+Fired when a field is selected in the editor.
+
+#### `addParticipant` event
+Fired when a participant role is added to the template.
+
 ## Complete Example
 
 ```html