legalesign-document-viewer 0.4.9 → 0.5.0

package/dist/ls-document-viewer/p-caa89c6c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as d,H as a}from"./p-BwdJ-HOC.js";const t=()=>`:host{display:block}`;const s=class{constructor(d){e(this,d)}dataItem;render(){return d(a,{key:"6ab36b10433f2a9c0cd5e39f3b78f3471f795c15"},d("ls-field-properties-container",{key:"4cfe8d66c414f0684282d5379b7950cef1ea5773",tabs:["content","placement","dimensions"]},d("div",{key:"673962971e8e8e219c02d13e9e61d2cdcad83887",class:"field-set",slot:"content"},d("ls-field-content",{key:"ae5e0250d816457bfacf2a6d9d2b711feeb05dd8",dataItem:this.dataItem}),d("ls-field-properties-advanced",{key:"07f776cee20cc1f8929db189cd84f68b5b349501",dataItem:this.dataItem})),d("div",{key:"a8e1665f9d3f88fa1caa881ebb71d97bc17ba4fc",class:"field-set",slot:"dimensions"},d("ls-field-dimensions",{key:"a8f7df3d69a5f6d8fd4ebe7293b948bf2855b73e",dataItem:this.dataItem})),d("div",{key:"e8a36fe97a69841dc48c6e99d6517fad087ef05d",class:"field-set",slot:"placement"},d("ls-field-placement",{key:"0872ceab1ea0af0b8e8c6e7b7a01e453c264b4da",dataItem:this.dataItem}))),d("ls-field-footer",{key:"e4609c33b929269673d302b5d7e53c0a1820d60e",dataItem:this.dataItem}))}};s.style=t();export{s as ls_field_properties_dropdown};
+//# sourceMappingURL=p-caa89c6c.entry.js.map

package/dist/ls-document-viewer/p-caa89c6c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","lsFieldPropertiesDropdownCss","LsFieldPropertiesDropdown","constructor","hostRef","this","dataItem","render","key","tabs","class","slot","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAA+B,IAAM,uBAE3C,MAAMC,EAA4B,MAC9B,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACAE,SACA,MAAAC,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,gCAAiC,CAAES,IAAK,2CAA4CC,KAAM,CAAC,UAAW,YAAa,eAAiBV,EAAE,MAAO,CAAES,IAAK,2CAA4CE,MAAO,YAAaC,KAAM,WAAaZ,EAAE,mBAAoB,CAAES,IAAK,2CAA4CF,SAAUD,KAAKC,WAAaP,EAAE,+BAAgC,CAAES,IAAK,2CAA4CF,SAAUD,KAAKC,YAAcP,EAAE,MAAO,CAAES,IAAK,2CAA4CE,MAAO,YAAaC,KAAM,cAAgBZ,EAAE,sBAAuB,CAAES,IAAK,2CAA4CF,SAAUD,KAAKC,YAAcP,EAAE,MAAO,CAAES,IAAK,2CAA4CE,MAAO,YAAaC,KAAM,aAAeZ,EAAE,qBAAsB,CAAES,IAAK,2CAA4CF,SAAUD,KAAKC,aAAeP,EAAE,kBAAmB,CAAES,IAAK,2CAA4CF,SAAUD,KAAKC,WAC7/B,GAEJJ,EAA0BU,MAAQX,WAEzBC","ignoreList":[]}

package/dist/ls-document-viewer/p-d223d66a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as n,h as t}from"./p-BwdJ-HOC.js";const l=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n`;const i=class{constructor(t){e(this,t);this.valueChange=n(this,"valueChange",7)}name;fieldId;label;as="text";value;placeholder;descriptionText;errorText;aria;inputRef;infoTooltipText;hoverTooltipText;disabled;extraLabel="none";required;valid;dirty;count;countMax;buttonClick;buttonIcon;labelIcon;fieldIcon;valueChange;changeHandler(e){this.valueChange.emit(e)}_value;valueWatcher(e){this._value=e;console.log(e)}componentWillLoad(){this.valueWatcher(this?.value?.toString())}render(){const{name:e,fieldId:n,label:l,as:i,value:a,placeholder:o,descriptionText:r,errorText:d,aria:c,infoTooltipText:f,disabled:s,extraLabel:b,valid:u,dirty:m,count:p,countMax:h,buttonClick:x,buttonIcon:y,fieldIcon:g,labelIcon:v}=this;const I=a&&a.toString().length>h?"formfield-count-error":"formfield-count";return t("host",{key:"7d9ce8f93eef332dc934dbb8b18c686a24b7bb7b",class:"formfield-host"},l?.length>1||b!=="none"&&t("div",{key:"83f6dc53d7ed4a97574788f5226f58c7dcdf7f76",class:"formfield-top-elements"},t("div",{key:"61761e85e2d573f7361d990474dfc8fa168db633",class:"formfield-left-side"},v&&t("ls-icon",{key:"f2c2d195abf5ecd11db30844f7a9a45f37a585b1",name:v}),t("label",{key:"eb97be872ffcb60d4d161283af72882303471e76",htmlFor:e,class:"formfield-label"},l),f&&t("ls-icon",{key:"09065bb12b3df7e2daf4fd761b328f7b86fdb44e",name:"information-circle"})),b==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):b==="required"?t("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?t("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?t("ls-select-input",{id:e,name:e,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g},t("slot",null)):i==="radio"?t("ls-radio-input",{radioId:l,label:a?.toString(),icon:g,name:e,disabled:s}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="password"?t("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="displayonly"?t("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="number"?t("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"0729bf9725dd53684bf0475718955fbe6847ebcf",class:"formfield-bottom-elements"},d&&!u?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"df740e5bc22bd24bbc496a00c02023a95fdf6b9a",class:"formfield-count-container"},t("p",{key:"0bcd5b23f4ab2483cda330829feea022f2bb33fd",class:I},a?.toString()?.length),h>0&&t("div",{key:"36280cff83fc6522a36778577f04bd9644e1f800",class:I},t("p",{key:"a1516c03a84710c101b92710cc9ea77ca8a5d45b"},"/"),t("p",{key:"55b029ed794ce322b7e75a49776d74d21e6f57cf"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l();export{i as ls_formfield};
+//# sourceMappingURL=p-d223d66a.entry.js.map

package/dist/ls-document-viewer/p-d223d66a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","lsFormfieldCss","LsFormfield","constructor","hostRef","this","valueChange","name","fieldId","label","as","value","placeholder","descriptionText","errorText","aria","inputRef","infoTooltipText","hoverTooltipText","disabled","extraLabel","required","valid","dirty","count","countMax","buttonClick","buttonIcon","labelIcon","fieldIcon","changeHandler","emit","_value","valueWatcher","newValue","console","log","componentWillLoad","toString","render","countClass","length","key","class","htmlFor","text","colour","type","id","onValueChange","e","detail","radioId","icon","Number","watchers","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -69,10 +69,17 @@ export declare class LsDocumentViewer {
     pageNum: number;
     pageCount: number;
     signer: number;
+    groupInfo: any;
     _template: LSApiTemplate;
     validationErrors: ValidationError[];
     status: 'Valid' | 'Invalid' | 'Logged Out';
-    groupInfo: any;
+    /**
+   * The following state properties define the defaults for field
+   * creation. They should be overridden by the users most used
+   * values from localStorage or profile settings.
+   */
+    fontSize: number;
+    fontFamily: string;
     selected: HTMLLsEditorFieldElement[];
     isLoading: boolean;
     fieldTypeSelected: IToolboxField;
@@ -128,11 +135,9 @@ export declare class LsDocumentViewer {
     pageChange: EventEmitter<number>;
     selectFields: EventEmitter<LSApiElement[]>;
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     private adapter;
     mutateHandler(event: CustomEvent<LSMutateEvent[]>): void;
     handleFieldTypeSelected(event: any): void;
-    updateHandler(event: CustomEvent<LSMutateEvent[]>): void;
     addParticpantHandler(event: CustomEvent<{
         type: LSApiRoleType;
         parent?: string | null;

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

@@ -1,5 +1,6 @@
 export declare function debounce(data: any, delay: any): void;
 export declare function mouseDown(e: any): void;
+export declare function outOfBounds(futureField: any): boolean;
 export declare function mouseMove(event: any): void;
 export declare function mouseUp(event: any): void;
 export declare function mouseClick(e: any): void;

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

@@ -29,7 +29,7 @@ export declare class LsEditorField {
     private handleMouseLeave;
     handleInput(e: KeyboardEvent): void;
     handleMouseMove(e: any): void;
-    handleDoubleClick(): void;
+    handleDoubleClick(e: MouseEvent): void;
     handleDragStart(event: any): void;
     watchSelectedHandler(_newValue: boolean, _oldValue: boolean): void;
     deleteField: () => void;

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

@@ -7,6 +7,7 @@ export declare class LsFieldDimensions {
     update: EventEmitter<LSMutateEvent[]>;
     isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement;
     isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[];
+    getDataItem(): LSApiElement;
     alter(diff: object): void;
     componentDidLoad(): void;
     render(): any;

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

@@ -3,7 +3,6 @@ import { LSApiElement, LSMutateEvent } from '../../components';
 export declare class LsFieldDistribute {
     dataItem: LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     component: HTMLElement;
     alter(diff: object): void;
     distributeHorizontal(): void;

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

@@ -5,10 +5,13 @@ export declare class LsFieldFooter {
      * The selected items information (as JSON).
      * {LSApiElement[]}
      */
-    dataItem: LSApiElement;
+    dataItem: LSApiElement | LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
     update: EventEmitter<LSMutateEvent[]>;
     selectFields: EventEmitter<LSApiElement[]>;
+    isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement;
+    isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[];
+    getItems(): LSApiElement[];
     deleteField: () => void;
     duplicateField: () => void;
     render(): any;

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

@@ -3,7 +3,6 @@ import { LSApiElement, LSMutateEvent } from '../../components';
 export declare class LsFieldFormat {
     dataItem: LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     component: HTMLElement;
     private handleKeyDown;
     private handleKeyUp;

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

@@ -5,7 +5,6 @@ export declare class LsFieldPlacement {
     component: HTMLElement;
     dataItem: LSApiElement | LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement;
     isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[];
     getValue(key: any): any;

package/dist/types/components/ls-field-properties-advanced/ls-field-properties-advanced.d.ts

@@ -5,7 +5,6 @@ export declare class LsFieldPropertiesAdvanced {
     dataItem: LSApiElement | LSApiElement[];
     expanded: boolean;
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement;
     isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[];
     alter(diff: object, bounceDelay?: number): void;

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

@@ -4,7 +4,6 @@ export declare class LsFieldSize {
     component: HTMLElement;
     dataItem: LSApiElement[];
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     alter(diff: object): void;
     componentDidLoad(): void;
     render(): any;

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

@@ -9,7 +9,6 @@ export declare class LsParticipantCard {
     editable: boolean;
     template: LSApiTemplate;
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     opened: EventEmitter<LSApiRole>;
     alter(diff: object): void;
     private labeltimer;

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

@@ -6,7 +6,6 @@ export declare class LsTitleInput {
     template: LSApiTemplate;
     editTitle: boolean;
     mutate: EventEmitter<LSMutateEvent[]>;
-    update: EventEmitter<LSMutateEvent[]>;
     alter(diff: object): void;
     private titletimer;
     debounce(diff: any, delay: any): void;

package/dist/types/components.d.ts

@@ -207,7 +207,7 @@ export namespace Components {
         /**
           * The selected items information (as JSON). {LSApiElement[]}
          */
-        "dataItem": LSApiElement1;
+        "dataItem": LSApiElement1 | LSApiElement1[];
     }
     interface LsFieldFormat {
         "dataItem": LSApiElement1[];
@@ -749,7 +749,6 @@ declare global {
         "pageChange": number;
         "selectFields": LSApiElement[];
         "mutate": LSMutateEvent[];
-        "update": LSMutateEvent[];
     }
     /**
      * The Legalesign page viewer converted to stencil. To use pass the standard
@@ -867,7 +866,6 @@ declare global {
     };
     interface HTMLLsFieldDistributeElementEventMap {
         "mutate": LSMutateEvent1[];
-        "update": LSMutateEvent1[];
     }
     interface HTMLLsFieldDistributeElement extends Components.LsFieldDistribute, HTMLStencilElement {
         addEventListener<K extends keyof HTMLLsFieldDistributeElementEventMap>(type: K, listener: (this: HTMLLsFieldDistributeElement, ev: LsFieldDistributeCustomEvent<HTMLLsFieldDistributeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -904,7 +902,6 @@ declare global {
     };
     interface HTMLLsFieldFormatElementEventMap {
         "mutate": LSMutateEvent1[];
-        "update": LSMutateEvent1[];
     }
     interface HTMLLsFieldFormatElement extends Components.LsFieldFormat, HTMLStencilElement {
         addEventListener<K extends keyof HTMLLsFieldFormatElementEventMap>(type: K, listener: (this: HTMLLsFieldFormatElement, ev: LsFieldFormatCustomEvent<HTMLLsFieldFormatElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -922,7 +919,6 @@ declare global {
     };
     interface HTMLLsFieldPlacementElementEventMap {
         "mutate": LSMutateEvent[];
-        "update": LSMutateEvent[];
     }
     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;
@@ -946,7 +942,6 @@ declare global {
     };
     interface HTMLLsFieldPropertiesAdvancedElementEventMap {
         "mutate": LSMutateEvent[];
-        "update": LSMutateEvent[];
     }
     interface HTMLLsFieldPropertiesAdvancedElement extends Components.LsFieldPropertiesAdvanced, HTMLStencilElement {
         addEventListener<K extends keyof HTMLLsFieldPropertiesAdvancedElementEventMap>(type: K, listener: (this: HTMLLsFieldPropertiesAdvancedElement, ev: LsFieldPropertiesAdvancedCustomEvent<HTMLLsFieldPropertiesAdvancedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1048,7 +1043,6 @@ declare global {
     };
     interface HTMLLsFieldSizeElementEventMap {
         "mutate": LSMutateEvent1[];
-        "update": LSMutateEvent1[];
     }
     interface HTMLLsFieldSizeElement extends Components.LsFieldSize, HTMLStencilElement {
         addEventListener<K extends keyof HTMLLsFieldSizeElementEventMap>(type: K, listener: (this: HTMLLsFieldSizeElement, ev: LsFieldSizeCustomEvent<HTMLLsFieldSizeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1125,7 +1119,6 @@ declare global {
     };
     interface HTMLLsParticipantCardElementEventMap {
         "mutate": LSMutateEvent[];
-        "update": LSMutateEvent[];
         "opened": LSApiRole;
         "addParticipant": { type: LSApiRoleType; parent?: string | null };
     }
@@ -1253,7 +1246,6 @@ declare global {
     };
     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;
@@ -1466,7 +1458,6 @@ declare namespace LocalJSX {
         "onPageChange"?: (event: LsDocumentViewerCustomEvent<number>) => void;
         "onPageRendered"?: (event: LsDocumentViewerCustomEvent<number>) => void;
         "onSelectFields"?: (event: LsDocumentViewerCustomEvent<LSApiElement[]>) => void;
-        "onUpdate"?: (event: LsDocumentViewerCustomEvent<LSMutateEvent[]>) => void;
         /**
           * @default 1
          */
@@ -1593,13 +1584,12 @@ declare namespace LocalJSX {
     interface LsFieldDistribute {
         "dataItem"?: LSApiElement1[];
         "onMutate"?: (event: LsFieldDistributeCustomEvent<LSMutateEvent1[]>) => void;
-        "onUpdate"?: (event: LsFieldDistributeCustomEvent<LSMutateEvent1[]>) => void;
     }
     interface LsFieldFooter {
         /**
           * The selected items information (as JSON). {LSApiElement[]}
          */
-        "dataItem"?: LSApiElement1;
+        "dataItem"?: LSApiElement1 | LSApiElement1[];
         "onMutate"?: (event: LsFieldFooterCustomEvent<LSMutateEvent1[]>) => void;
         "onSelectFields"?: (event: LsFieldFooterCustomEvent<LSApiElement1[]>) => void;
         "onUpdate"?: (event: LsFieldFooterCustomEvent<LSMutateEvent1[]>) => void;
@@ -1607,12 +1597,10 @@ declare namespace LocalJSX {
     interface LsFieldFormat {
         "dataItem"?: LSApiElement1[];
         "onMutate"?: (event: LsFieldFormatCustomEvent<LSMutateEvent1[]>) => void;
-        "onUpdate"?: (event: LsFieldFormatCustomEvent<LSMutateEvent1[]>) => void;
     }
     interface LsFieldPlacement {
         "dataItem"?: LSApiElement | LSApiElement[];
         "onMutate"?: (event: LsFieldPlacementCustomEvent<LSMutateEvent[]>) => void;
-        "onUpdate"?: (event: LsFieldPlacementCustomEvent<LSMutateEvent[]>) => void;
     }
     interface LsFieldProperties {
         "dataItem"?: LSApiElement[];
@@ -1624,7 +1612,6 @@ declare namespace LocalJSX {
          */
         "expanded"?: boolean;
         "onMutate"?: (event: LsFieldPropertiesAdvancedCustomEvent<LSMutateEvent[]>) => void;
-        "onUpdate"?: (event: LsFieldPropertiesAdvancedCustomEvent<LSMutateEvent[]>) => void;
     }
     interface LsFieldPropertiesAutosign {
         "dataItem"?: LSApiElement1;
@@ -1672,7 +1659,6 @@ declare namespace LocalJSX {
     interface LsFieldSize {
         "dataItem"?: LSApiElement1[];
         "onMutate"?: (event: LsFieldSizeCustomEvent<LSMutateEvent1[]>) => void;
-        "onUpdate"?: (event: LsFieldSizeCustomEvent<LSMutateEvent1[]>) => void;
     }
     interface LsFieldTypeDisplay {
         "assignee"?: number;
@@ -1778,7 +1764,6 @@ declare namespace LocalJSX {
         "onAddParticipant"?: (event: LsParticipantCardCustomEvent<{ type: LSApiRoleType; parent?: string | null }>) => void;
         "onMutate"?: (event: LsParticipantCardCustomEvent<LSMutateEvent[]>) => void;
         "onOpened"?: (event: LsParticipantCardCustomEvent<LSApiRole>) => void;
-        "onUpdate"?: (event: LsParticipantCardCustomEvent<LSMutateEvent[]>) => void;
         "signer"?: LSApiRole;
         "template"?: LSApiTemplate;
     }
@@ -1923,7 +1908,6 @@ declare namespace LocalJSX {
     }
     interface LsTitleInput {
         "onMutate"?: (event: LsTitleInputCustomEvent<LSMutateEvent[]>) => void;
-        "onUpdate"?: (event: LsTitleInputCustomEvent<LSMutateEvent[]>) => void;
         "template"?: LSApiTemplate;
     }
     interface LsToggle {

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,6 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -123,6 +125,9 @@ export interface AttachInternalsDecorator {
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
+export interface ResolveVarFunction {
+    <T>(variable: T): string;
+}
 export interface ListenOptions {
     /**
      * Handlers can also be registered for an event other than the host itself.
@@ -151,7 +156,13 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -200,6 +211,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
  * https://stenciljs.com/docs/events#listen-decorator
  */
 export declare const Listen: ListenDecorator;
+/**
+ * The `resolveVar()` function is a compile-time utility that resolves const variables
+ * and object properties to their string literal values. This allows variables to be
+ * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
+ *
+ * @example
+ * ```ts
+ * const MY_EVENT = 'myEvent';
+ * @Listen(resolveVar(MY_EVENT))
+ * ```
+ *
+ * @example
+ * ```ts
+ * const EVENTS = { MY_EVENT: 'myEvent' } as const;
+ * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
+ * ```
+ */
+export declare const resolveVar: ResolveVarFunction;
 /**
  * The `@Method()` decorator is used to expose methods on the public API.
  * Class methods decorated with the @Method() decorator can be called directly
@@ -233,6 +262,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -349,6 +386,58 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type TagTransformer = (tag: string) => string;
+/**
+ * Sets a tag transformer to be used when rendering your custom elements.
+ * ```ts
+ * setTagTransformer((tag) => {
+ *  if (tag.startsWith('my-')) return `new-${tag}`
+ *  return tag;
+ * });
+ * ```
+ * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
+ *
+ * @param transformer the transformer function to use which must return a string.
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
+/**
+ * Transforms a tag name using a transformer set via `setTagTransformer`
+ *
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag(tag: string): string;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
+ *
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports
@@ -1700,6 +1789,7 @@ export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;
     syncQueue?: boolean;
+    /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
     transformTagName?: (tagName: string) => string;
     jmp?: (c: Function) => any;
     raf?: (c: FrameRequestCallback) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -231,15 +231,14 @@ Fired when a participant role is added to the template.
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document Editor</title>
-    <link rel="stylesheet" href="/build/ls-document-viewer.css" />
-    <script type="module" src="/build/ls-document-viewer.esm.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/legalesign-document-viewer/ls-document-viewer.css" />
+    <script type="module" src="https://unpkg.com/legalesign-document-viewer"></script>
   </head>
   <body style="padding: 0; margin: 0">
     <ls-document-viewer
       id="my-editor"
       templateid="dHBsYjQ5YTg5NWQtYWRhMy0xMWYwLWIxZGMtMDY5NzZlZmU0MzIx"
       token="YOUR_TOKEN_HERE"
-      endpoint="https://your-endpoint.amazonaws.com/graphql"
       mode="compose"
       recipients='[
         {"email": "signer@example.com", "firstname": "John", "lastname": "Doe", "signerIndex": 1}
@@ -262,11 +261,12 @@ Fired when a participant role is added to the template.
       });
 
       function handleCancel() {
-        window.location.href = '/dashboard';
+        // Implement the cancel logic, e.g. go to a home page
+        window.location.href = '/cancelpage';
       }
 
       function handleSend() {
-        // Implement send logic
+        // Implement send logic if required.
         console.log('Sending document...');
       }
     </script>
@@ -284,10 +284,10 @@ The component uses modern web standards and supports:
 
 ## Resources
 
-- [API Documentation](https://apidocs.legalesign.com)
-- [NPM Package](https://www.npmjs.com/package/legalesign-document-viewer)
-- [React Package](https://www.npmjs.com/package/legalesign-document-viewer-react)
-- [Support](https://www.legalesign.com/support)
+- [API Documentation](https://apidocs.legalesign.com){:target="_blank"}
+- [NPM Package](https://www.npmjs.com/package/legalesign-document-viewer){:target="_blank"}
+- [React Package](https://www.npmjs.com/package/legalesign-document-viewer-react){:target="_blank"}
+- [Support](https://support.legalesign.com/){:target="_blank"}
 
 ## Getting Help