legalesign-document-viewer 0.9.7 → 0.9.9

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

@@ -0,0 +1,2 @@
+import{r as e,c as n,h as l}from"./p-BwdJ-HOC.js";const t=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.ls-dv-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  .ls-dv-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.ls-dv-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.ls-dv-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.ls-dv-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.ls-dv-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.ls-dv-formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.ls-dv-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(l){e(this,l);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:t,as:i,value:a,placeholder:d,descriptionText:o,errorText:r,aria:c,infoTooltipText:s,disabled:f,extraLabel:b,valid:u,dirty:m,count:p,countMax:v,buttonClick:h,buttonIcon:x,fieldIcon:y,labelIcon:g}=this;const I=a&&a.toString().length>v?"ls-dv-formfield-count-error":"ls-dv-formfield-count";return l("host",{key:"5d9445d4556112cc8542b457c3f39ec3430a41fd",class:"ls-dv-formfield-host"},t?.length>1||b!=="none"&&l("div",{key:"9314e8276982e8cb0d3e305056403a8600275c33",class:"ls-dv-formfield-top-elements"},l("div",{key:"5d371099ffb4597b8ec1badd1c3ceab024251bd9",class:"ls-dv-formfield-left-side"},g&&l("ls-icon",{key:"692a55503bd380727e53e45d5835a5696f668595",name:g}),l("label",{key:"2cc8ff7f286de0e61028034b08e2ec3306f670e3",htmlFor:e,class:"ls-dv-formfield-label"},t),s&&l("ls-icon",{key:"d154b347bcd9d5c50c218cf8f72c6bdeae93754b",name:"information-circle"})),b==="optional"?l("ls-label",{text:"Optional",colour:"gray",type:"low"}):b==="required"?l("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?l("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:v,placeholder:d,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:x,buttonClick:h,fieldIcon:y,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?l("ls-select-input",{id:e,name:e,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:x,buttonClick:h,fieldIcon:y},l("slot",null)):i==="radio"?l("ls-radio-input",{radioId:t,label:a?.toString(),icon:y,name:e,disabled:f}):i==="textarea"?l("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:v,placeholder:d,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:x,buttonClick:h,fieldIcon:y}):i==="password"?l("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:v,placeholder:d,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:x,buttonClick:h,fieldIcon:y}):i==="displayonly"?l("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:v,placeholder:d,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:x,buttonClick:h,fieldIcon:y}):i==="number"?l("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:v,placeholder:d,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:x,buttonClick:h,fieldIcon:y}):l("p",null,"placeholder"),r||p||v||o&&l("div",{key:"94f9f2f6a4b67a88efeeb4edc4eb7bed88bc1bd4",class:"ls-dv-formfield-bottom-elements"},r&&!u?l("p",{class:"ls-dv-formfield-error-text"},r):o?l("p",{class:"ls-dv-formfield-description-text"},o):"",p&&l("div",{key:"1792aab916e2bc1e8f0fa2ac33c0b6ff13d87f65",class:"ls-dv-formfield-count-container"},l("p",{key:"7ffa04133970917161b13852b888641c5ec43e68",class:I},a?.toString()?.length),v>0&&l("div",{key:"03d443e673d38595ddd2ecabf4dac87fc3bdfe96",class:I},l("p",{key:"6c68bf7d277d4bb0c1122d12941e6732eee41521"},"/"),l("p",{key:"7ac13b05c2ac71b30bbef5fca017d5fb2847f6d1"},v)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=t();export{i as ls_formfield};
+//# sourceMappingURL=p-d77c0b27.entry.js.map

package/dist/ls-document-viewer/{p-362b3939.entry.js.map → p-d77c0b27.entry.js.map}

@@ -1 +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":[]}
+{"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/ls-document-viewer/p-fca5311d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as s}from"./p-BwdJ-HOC.js";const c=()=>`:host{display:block}`;const f=class{constructor(a){e(this,a)}template;render(){return a(s,{key:"d8a9308fe2cb628e9a46641fdcf06556669fa8b7"},a("div",{key:"c803ac9878dedfbae3fcc58f5f4a15ea84b0bf9e",class:"ls-dv-editor-infobox"},a("h2",{key:"a6c65714b20a6fff6776daba757e71afff3f751c",class:"ls-dv-toolbox-section-title"},"Recipient Fields"),a("p",{key:"394e005169e48a778d1438ba8810ef2c7a211ff9",class:"ls-dv-toolbox-section-description"},"Select and Click to place Signature fields where on the Document.")),a("div",{key:"7b45cdc449975f6dfe1aeaaa6469adeb26b47300",class:"ls-dv-participant-list"},this.template&&this.template?.roles.map((()=>a("div",null)))),a("slot",{key:"93bf8f97205f8dfaef2b0fc285510bf46e1f1ea7"}))}};f.style=c();export{f as ls_compose_manager};
+//# sourceMappingURL=p-fca5311d.entry.js.map

package/dist/ls-document-viewer/{p-9b096653.entry.js.map → p-fca5311d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","lsComposeManagerCss","LsComposeManager","constructor","hostRef","this","template","render","key","class","roles","map","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAsB,IAAM,uBAElC,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CAKAE,SACA,MAAAC,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,qBAAuBV,EAAE,KAAM,CAAES,IAAK,2CAA4CC,MAAO,yBAA2B,oBAAqBV,EAAE,IAAK,CAAES,IAAK,2CAA4CC,MAAO,+BAAiC,sEAAuEV,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,oBAAsBJ,KAAKC,UACphBD,KAAKC,UAAUI,MAAMC,KAAI,IACbZ,EAAE,MAAO,SAChBA,EAAE,OAAQ,CAAES,IAAK,6CAC9B,GAEJN,EAAiBU,MAAQX,WAEhBC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","lsComposeManagerCss","LsComposeManager","constructor","hostRef","this","template","render","key","class","roles","map","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAsB,IAAM,uBAElC,MAAMC,EAAmB,MACrB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CAKAE,SACA,MAAAC,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,wBAA0BV,EAAE,KAAM,CAAES,IAAK,2CAA4CC,MAAO,+BAAiC,oBAAqBV,EAAE,IAAK,CAAES,IAAK,2CAA4CC,MAAO,qCAAuC,sEAAuEV,EAAE,MAAO,CAAES,IAAK,2CAA4CC,MAAO,0BAA4BJ,KAAKC,UACziBD,KAAKC,UAAUI,MAAMC,KAAI,IACbZ,EAAE,MAAO,SAChBA,EAAE,OAAQ,CAAES,IAAK,6CAC9B,GAEJN,EAAiBU,MAAQX,WAEhBC","ignoreList":[]}

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

@@ -82,6 +82,7 @@ export declare class LsDocumentViewer {
     fontFamily: string;
     selected: HTMLLsEditorFieldElement[];
     isLoading: boolean;
+    selectedDataItems: LSApiElement[];
     fieldTypeSelected: IToolboxField;
     /**
      * An ease of use property that will arrange document-viewer appropraitely.
@@ -174,6 +175,7 @@ export declare class LsDocumentViewer {
      * Unselect all fields
      */
     unselect(): Promise<void>;
+    pageResize(): void;
     /**
      * Page and field resize on zoom change
      *
@@ -193,6 +195,7 @@ export declare class LsDocumentViewer {
      * Render the page based on pageNumber
      * {number} pageNumber
      */
+    private readonly RENDER_SCALE;
     renderPage(pageNumber: number): void;
     private queueRenderPage;
     private loadAndRender;
@@ -204,6 +207,7 @@ export declare class LsDocumentViewer {
     load(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    handleManagerChange(manager: string): void;
     showTool(fieldFormType: string): boolean;
     checkType(type: LSApiRoleType): boolean;
     render(): any;

package/dist/types/components/ls-left-bar/ls-left-bar.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { LSApiTemplate } from '../../types/LSApiTemplate';
+import { ValidationError } from '../../types/ValidationError';
+import { IToolboxField } from '../interfaces/IToolboxField';
+export declare class LsLeftBar {
+    el: HTMLElement;
+    mode: 'editor' | 'compose' | 'preview';
+    selected: HTMLLsEditorFieldElement[];
+    manager: string;
+    signer: number;
+    filtertoolbox: string;
+    template: LSApiTemplate;
+    recipients: any[];
+    validationErrors: ValidationError[];
+    fieldTypeSelected: IToolboxField;
+    displayTable: boolean;
+    selectedDataItems: any[];
+    managerChange: EventEmitter<string>;
+    clearSelected: EventEmitter<void>;
+    managerWatchHandler(newManager: string): void;
+    componentDidLoad(): void;
+    signerChanged(): void;
+    private showTool;
+    private checkType;
+    private renderFieldProperties;
+    private renderToolbox;
+    private renderEditor;
+    private renderCompose;
+    render(): any;
+}

package/dist/types/components/ls-statusbar/ls-statusbar.d.ts

@@ -8,6 +8,7 @@ export declare class LsStatusbar {
     zoom: number;
     page: number;
     pageCount: number;
+    showThumbnails: boolean;
     /**
      * The parent editor control.
      * {LsDocumentViewer}
@@ -16,6 +17,13 @@ export declare class LsStatusbar {
     setZoom(value: number): void;
     fitWidth(): void;
     fitHeight(): void;
+    goToPage(pageNum: number): void;
+    getPageFieldColors(pageNum: number): {
+        s40: string;
+        s60: string;
+    }[];
+    renderThumbnails(): void;
+    private outsideClickHandler;
     componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/ls-toolbar/ls-toolbar.d.ts

@@ -27,5 +27,7 @@ export declare class LsToolbar {
     update: EventEmitter<LSMutateEvent[]>;
     alter(diff: object): void;
     componentDidLoad(): void;
+    private renderEditor;
+    private renderCompose;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -12,9 +12,9 @@ import { LSApiRole, LSApiRoleType } from "./types/LSApiRole";
 import { Icon as Icon1, 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 { LSApiRecipient } from "./types/LSApiRecipient";
-import { IToolboxField } from "./components/interfaces/IToolboxField";
 import { ValidationError } from "./types/ValidationError";
+import { IToolboxField } from "./components/interfaces/IToolboxField";
+import { LSApiRecipient } from "./types/LSApiRecipient";
 export { LSApiTemplate } from "./types/LSApiTemplate";
 export { LSMutateEvent } from "./types/LSMutateEvent";
 export { LSApiElement } from "./types/LSApiElement";
@@ -22,9 +22,9 @@ export { LSApiRole, LSApiRoleType } from "./types/LSApiRole";
 export { Icon as Icon1, 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 { LSApiRecipient } from "./types/LSApiRecipient";
-export { IToolboxField } from "./components/interfaces/IToolboxField";
 export { ValidationError } from "./types/ValidationError";
+export { IToolboxField } from "./components/interfaces/IToolboxField";
+export { LSApiRecipient } from "./types/LSApiRecipient";
 export namespace Components {
     interface LsComposeLoader {
     }
@@ -344,6 +344,37 @@ export namespace Components {
     }
     interface LsKeyboardShortcuts {
     }
+    interface LsLeftBar {
+        /**
+          * @default false
+         */
+        "displayTable": boolean;
+        "fieldTypeSelected": IToolboxField;
+        /**
+          * @default null
+         */
+        "filtertoolbox": string;
+        "manager": string;
+        /**
+          * @default 'editor'
+         */
+        "mode": 'editor' | 'compose' | 'preview';
+        "recipients": any[];
+        /**
+          * @default []
+         */
+        "selected": HTMLLsEditorFieldElement[];
+        /**
+          * @default []
+         */
+        "selectedDataItems": any[];
+        "signer": number;
+        "template": LSApiTemplate;
+        /**
+          * @default []
+         */
+        "validationErrors": ValidationError[];
+    }
     interface LsNumberInput {
         "aria"?: string;
         "buttonClick"?: any;
@@ -685,6 +716,10 @@ export interface LsFormfieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsFormfieldElement;
 }
+export interface LsLeftBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsLeftBarElement;
+}
 export interface LsParticipantCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsParticipantCardElement;
@@ -1120,6 +1155,24 @@ declare global {
         prototype: HTMLLsKeyboardShortcutsElement;
         new (): HTMLLsKeyboardShortcutsElement;
     };
+    interface HTMLLsLeftBarElementEventMap {
+        "managerChange": string;
+        "clearSelected": void;
+    }
+    interface HTMLLsLeftBarElement extends Components.LsLeftBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsLeftBarElementEventMap>(type: K, listener: (this: HTMLLsLeftBarElement, ev: LsLeftBarCustomEvent<HTMLLsLeftBarElementEventMap[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 HTMLLsLeftBarElementEventMap>(type: K, listener: (this: HTMLLsLeftBarElement, ev: LsLeftBarCustomEvent<HTMLLsLeftBarElementEventMap[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 HTMLLsLeftBarElement: {
+        prototype: HTMLLsLeftBarElement;
+        new (): HTMLLsLeftBarElement;
+    };
     interface HTMLLsNumberInputElement extends Components.LsNumberInput, HTMLStencilElement {
     }
     var HTMLLsNumberInputElement: {
@@ -1401,6 +1454,7 @@ declare global {
         "ls-icon": HTMLLsIconElement;
         "ls-input-wrapper": HTMLLsInputWrapperElement;
         "ls-keyboard-shortcuts": HTMLLsKeyboardShortcutsElement;
+        "ls-left-bar": HTMLLsLeftBarElement;
         "ls-number-input": HTMLLsNumberInputElement;
         "ls-page-loader": HTMLLsPageLoaderElement;
         "ls-participant-card": HTMLLsParticipantCardElement;
@@ -1755,6 +1809,39 @@ declare namespace LocalJSX {
     }
     interface LsKeyboardShortcuts {
     }
+    interface LsLeftBar {
+        /**
+          * @default false
+         */
+        "displayTable"?: boolean;
+        "fieldTypeSelected"?: IToolboxField;
+        /**
+          * @default null
+         */
+        "filtertoolbox"?: string;
+        "manager"?: string;
+        /**
+          * @default 'editor'
+         */
+        "mode"?: 'editor' | 'compose' | 'preview';
+        "onClearSelected"?: (event: LsLeftBarCustomEvent<void>) => void;
+        "onManagerChange"?: (event: LsLeftBarCustomEvent<string>) => void;
+        "recipients"?: any[];
+        /**
+          * @default []
+         */
+        "selected"?: HTMLLsEditorFieldElement[];
+        /**
+          * @default []
+         */
+        "selectedDataItems"?: any[];
+        "signer"?: number;
+        "template"?: LSApiTemplate;
+        /**
+          * @default []
+         */
+        "validationErrors"?: ValidationError[];
+    }
     interface LsNumberInput {
         "aria"?: string;
         "buttonClick"?: any;
@@ -2095,6 +2182,7 @@ declare namespace LocalJSX {
         "ls-icon": LsIcon;
         "ls-input-wrapper": LsInputWrapper;
         "ls-keyboard-shortcuts": LsKeyboardShortcuts;
+        "ls-left-bar": LsLeftBar;
         "ls-number-input": LsNumberInput;
         "ls-page-loader": LsPageLoader;
         "ls-participant-card": LsParticipantCard;
@@ -2161,6 +2249,7 @@ declare module "@stencil/core" {
             "ls-icon": LocalJSX.LsIcon & JSXBase.HTMLAttributes<HTMLLsIconElement>;
             "ls-input-wrapper": LocalJSX.LsInputWrapper & JSXBase.HTMLAttributes<HTMLLsInputWrapperElement>;
             "ls-keyboard-shortcuts": LocalJSX.LsKeyboardShortcuts & JSXBase.HTMLAttributes<HTMLLsKeyboardShortcutsElement>;
+            "ls-left-bar": LocalJSX.LsLeftBar & JSXBase.HTMLAttributes<HTMLLsLeftBarElement>;
             "ls-number-input": LocalJSX.LsNumberInput & JSXBase.HTMLAttributes<HTMLLsNumberInputElement>;
             "ls-page-loader": LocalJSX.LsPageLoader & JSXBase.HTMLAttributes<HTMLLsPageLoaderElement>;
             "ls-participant-card": LocalJSX.LsParticipantCard & JSXBase.HTMLAttributes<HTMLLsParticipantCardElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "0.9.7",
+  "version": "0.9.9",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -30,20 +30,12 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/stenciljs/component-starter.git"
+    "url": "https://github.com/legalesign/ls-document-viewer.git"
   },
   "files": [
     "dist/",
     "loader/"
   ],
-  "scripts": {
-    "build": "stencil build",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate",
-    "publish": "npm publish --access=public"
-  },
   "devDependencies": {
     "@stencil/core": "^4.39.0",
     "@stencil/react-output-target": "^1.2.0",
@@ -60,5 +52,12 @@
     "clsx": "^2.1.1",
     "pdf-lib": "^1.17.1",
     "pdfjs-dist": "^5.4.449"
+  },
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate"
   }
-}
+}

package/readme.md

@@ -312,3 +312,83 @@ The component uses modern web standards and supports:
 ## Getting Help
 
 For technical support or questions about integration, contact the Legalesign support team or visit the API documentation at [https://apidocs.legalesign.com](https://apidocs.legalesign.com).
+
+## Release Versioning
+
+```
+major.minor.patch
+0.9.8
+```
+
+Versioning is automated via GitHub Actions when merging to `prod` branch. The version bump type is determined by PR title:
+
+| PR title | Bump | Example |
+|---|---|---|
+| `fix: ...`, `chore: ...`, anything else | patch | 0.9.8 → 0.9.9 |
+| `feat: ...`, `feat(...): ...` | minor | 0.9.8 → 0.10.0 |
+| Contains `BREAKING CHANGE` | major | 0.9.8 → 1.0.0 |
+
+The version is read from `package.json` and displayed in the statusbar (bottom-right). Both `legalesign-document-viewer` and `legalesign-document-viewer-react` are published and kept in sync at the same version.
+
+### How It Works
+
+1. PR is merged to `prod`
+2. GitHub Actions workflow (`.github/workflows/publish.yml`) runs
+3. Version in `package.json` is bumped based on PR title
+4. `legalesign-document-viewer` is built and published to npm (OIDC trusted publishing)
+5. `legalesign-document-viewer-react` is cloned, regenerated, bumped, built, and published
+6. Version bump is committed back to both repos with `[skip ci]` and git tags are pushed
+
+### Secrets
+
+| Secret | What | Used for |
+|---|---|---|
+| `PAT_TOKEN` | GitHub classic Personal Access Token (`repo` scope) | Pushing version bump commits and tags back to `prod`, cloning/pushing to `ls-document-viewer-react` |
+
+### NPM Trusted Publishing
+
+Publishing uses OIDC — no npm token required. Trusted publishers are configured on npmjs.com for both packages:
+- Provider: GitHub Actions
+- Repository: `legalesign/ls-document-viewer`
+- Workflow: `publish.yml`
+
+### Branch Protection
+
+If `prod` has branch protection enabled, a bypass rule must be configured:
+
+**GitHub → repo Settings → Branches → `prod` rule → "Allow specified actors to bypass required pull requests"**
+
+## Testing App
+
+The [ls-document-viewer-testing](https://github.com/legalesign/ls-document-viewer-testing) repo is a React app that consumes this component for testing. It is deployed to AWS Amplify at [document-viewer.legalesign.io](https://document-viewer.legalesign.io).
+
+### Automation
+
+- **Push to `main`**: `trigger-testing.yml` dispatches an event to the testing repo, which rebuilds with the latest code
+- **PR opened**: `pr-preview.yml` creates a `pr-{number}` branch in the testing repo, triggering an Amplify preview deployment
+- **PR closed/merged**: The preview branch is deleted and the Amplify deployment is torn down
+
+### PR Preview URLs
+
+When a PR is opened, a comment is posted with the preview URL:
+```
+https://pr-{number}.d25xecos8zk1f0.amplifyapp.com
+```
+
+### Local Development with Testing App
+
+Both repos must be siblings:
+```
+parent/
+├── ls-document-viewer/
+├── ls-document-viewer-react/
+└── ls-document-viewer-testing/
+```
+
+The testing app aliases local source via Vite when started with `pnpm start` (`LOCAL_VIEWER=1`). Since this is a Stencil component, changes require rebuilding:
+
+1. Make changes in `ls-document-viewer`
+2. Run `pnpm build` in `ls-document-viewer`
+3. Restart the testing app dev server
+
+Alternatively, run `pnpm start` in `ls-document-viewer` (Stencil watch mode) in a separate terminal for automatic rebuilds on file change.

package/dist/components/p-0Sscmvi5.js

@@ -1,163 +0,0 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { g as getFieldIcon } from './p-Cp3IxvzK.js';
-import { d as defineCustomElement$b } from './p-LsRvuNhk.js';
-import { d as defineCustomElement$a } from './p-BwFteKUm.js';
-import { d as defineCustomElement$9 } from './p-DhSQ43wj.js';
-import { d as defineCustomElement$8 } from './p-AOEX3hUX.js';
-import { d as defineCustomElement$7 } from './p-BvxhmYtv.js';
-import { d as defineCustomElement$6 } from './p-CT3XMXW6.js';
-import { d as defineCustomElement$5 } from './p-Cgka-t2t.js';
-import { d as defineCustomElement$4 } from './p-DX2yeFia.js';
-import { d as defineCustomElement$3 } from './p-CQL30SR-.js';
-import { d as defineCustomElement$2 } from './p-DLZDxSn0.js';
-import { d as defineCustomElement$1 } from './p-EiDqqBpE.js';
-
-const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.properties-container{display:flex;flex-direction:column;height:100%}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;text-transform:capitalize}.tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73)}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative}.full-width{width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
-
-const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesMultiple extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
-    }
-    dataItem;
-    mutate;
-    update;
-    // Send one or more mutations up the chain
-    // The source of the chain fires the mutation
-    // NOTE this alter is debounced to account for typing
-    alter(diff) {
-        this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));
-        this.debounce(diff, 500);
-    }
-    labeltimer;
-    debounce(diff, delay) {
-        if (this.labeltimer)
-            clearTimeout(this.labeltimer);
-        this.labeltimer = setTimeout(() => {
-            const evs = this.dataItem.map(item => ({ action: 'update', data: { ...item, ...diff } }));
-            this.mutate.emit(evs);
-            this.update.emit(evs);
-        }, delay);
-    }
-    allSignersSame = () => {
-        if (!this.dataItem || this.dataItem.length === 0)
-            return { isSame: true, signer: undefined };
-        const firstSigner = this.dataItem[0].signer;
-        const allSame = this.dataItem.every(item => item.signer === firstSigner);
-        return { isSame: allSame, signer: allSame ? firstSigner : 13 };
-    };
-    allLabelsSame = () => {
-        if (!this.dataItem || this.dataItem.length === 0)
-            return { isSame: true, label: undefined };
-        const firstLabel = this.dataItem[0].label;
-        const allSame = this.dataItem.every(item => item.label === firstLabel);
-        return { isSame: allSame, label: allSame ? firstLabel : undefined };
-    };
-    allElementsSame = () => {
-        if (!this.dataItem || this.dataItem.length === 0)
-            return { isSame: true, elementType: 'mixed' };
-        const firstElementType = this.dataItem[0].elementType;
-        const allSame = this.dataItem.every(item => item.elementType === firstElementType);
-        return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };
-    };
-    allFieldsOptional = () => {
-        if (!this.dataItem || this.dataItem.length === 0)
-            return { isSame: true, optional: false };
-        const firstElementOptional = this.dataItem[0].optional;
-        const allSame = this.dataItem.every(item => item.optional === firstElementOptional);
-        return { isSame: allSame, optional: allSame ? firstElementOptional : false };
-    };
-    render() {
-        return (h(Host, { key: '424056fd459b18489bad1af5fdad61cf36eae85c' }, h("ls-field-properties-container", { key: '01167c4812b08ece2da90e6db29af7cd127dea39', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '912cef938d7422e3907cfbe31877d30470c9bd9e', class: 'field-set', slot: "content" }, h("div", { key: 'de1621eb3a78527c5c9df8509420b9b30463c15b', class: 'ls-field-properties-section' }, h("div", { key: 'ed4ae2c81e574427b4dcbcf2d8c0214a59b467ee', class: 'ls-field-properties-section-text' }, h("p", { key: '74108b028318b2c8ea9c56cd1acc93ef5144d1a2', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: 'dc2e7c1f5bdfee71f5d2e319c1cf82857485dc40', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: 'be756ffaa92b0e3873bfaf1dce48b9f3af683344', class: 'ls-field-type-wrapper', style: {
-                border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
-                background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("div", { key: 'df5170a7e12eee8e11b0e5b2f1de6b2c59479094', class: 'ls-field-type-inner' }, h("div", { key: '7a7d1dc832bfeee6f4d653388b59f10e95eebed7', class: 'ls-field-type-icon', style: {
-                border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
-                color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
-                background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("ls-icon", { key: '763434bdfc9b6485082a5579161649730eab9f1b', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), h("p", { key: '8559ca6d23c71f05388321b598be3614f4e11c95', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: '5f917e59c20ff87239814f3e9c5a6caf3b5713da', class: 'ls-field-properties-section row' }, h("div", { key: '87642306882490df4b1acebac7a8a89c3b908892', class: 'ls-field-properties-section-text' }, h("p", { key: 'aaa452b76c732e5159683a6d468139e840c82eff', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: 'f5c7803030b85829a84a84d1489555449498fe7e', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '513b3529a78611d2d91dcc978ecaf79a6132ae6d', class: 'ls-field-properties-section' }, h("div", { key: '8270d41ad0fbf7977a05ebf70e42a41c70ce2aa8', class: 'ls-field-properties-section-text' }, h("p", { key: 'dd4fa1fc84a47fc6ee81714c3bef7bad0f07f225', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '046c68bb5f7eb472ee59b1cca61ad5d82c3c2174', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: 'e9a5a334c2210930659e11c5d1bf7675a116ac28', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: 'aadd3177e7719ae4e6432a582494881da9e43062', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '63b580f76a1a32e08bf75a5c1132b7619886d25b', dataItem: this.dataItem }), h("ls-field-size", { key: '9b6ef05b2b353a8bba57537025c79f2427cc942d', dataItem: this.dataItem })), h("div", { key: '78351b1419fbc0ae70cd367312fac7d818194315', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: '33e4a3ebba2e6bae4f020c075a83eed6c54fe6e5', dataItem: this.dataItem }), h("ls-field-placement", { key: '7631680f8c6707417346dd8d3c0dc3b2d0efed9a', dataItem: this.dataItem }), h("ls-field-distribute", { key: 'e05dafdaecd054ed3557f5162f2d9a02f01a1c0d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '363f52307ba6fa2622a807473cb716fa8c4770a8', dataItem: this.dataItem }), h("slot", { key: 'b9a4b57cf9e98a02c899f96c27a20d2b11c6088e' })));
-    }
-    static get style() { return lsFieldPropertiesMultipleCss(); }
-}, [769, "ls-field-properties-multiple", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-properties-multiple", "ls-editor-field", "ls-field-alignment", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-placement", "ls-field-properties-container", "ls-field-size", "ls-icon", "ls-toggle", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-properties-multiple":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldPropertiesMultiple);
-            }
-            break;
-        case "ls-editor-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$b();
-            }
-            break;
-        case "ls-field-alignment":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$a();
-            }
-            break;
-        case "ls-field-dimensions":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ls-field-distribute":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ls-field-footer":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ls-field-placement":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-field-properties-container":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-field-size":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldPropertiesMultiple as L, defineCustomElement as d };
-//# sourceMappingURL=p-0Sscmvi5.js.map
-
-//# sourceMappingURL=p-0Sscmvi5.js.map