legalesign-document-viewer 0.9.21 → 0.9.22

package/dist/ls-document-viewer/{p-febb8794.entry.js → p-f318c711.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as s,a as i}from"./p-CqgU9BMJ.js";import{c as r}from"./p-ChV9xqsO.js";const t=()=>`.label-span{position:relative;display:inline-flex;align-items:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;gap:0.25rem;border-radius:0.25rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;gap:0.25rem;border-radius:0.25rem}.size-lg{padding:0.375rem 0.5rem;font-size:0.875rem;}`;const o=class{constructor(s){e(this,s);this.colour="primary";this.type="default";this.size="sm";this.iconSolid=true}render(){const{text:e,colour:i,type:t,size:o,leadingIcon:l,trailingIcon:n,iconSolid:a,customStyle:m,el:d}=this;const c=(e,s)=>{const i=s==="default"?"60":s==="high"?"40":s==="medium"?"30":"20";return`var(--${e}-${i})`};const p=(e,s)=>{if(s==="default"){return"var(--white)"}const i=s==="low"?"90":"100";return`var(--${e}-${i})`};return s("div",Object.assign({class:r("label-span",o==="sm"&&"size-sm",o==="md"&&"size-md",o==="lg"&&"size-lg"),style:Object.assign({backgroundColor:c(i,t),color:p(i,t)},m)},d.attributes),l&&s("ls-icon",{name:l,solid:a,size:o==="md"?20:o==="lg"?24:16}),e&&s("span",null,e),n&&s("ls-icon",{name:n,size:o==="md"?20:o==="lg"?24:16,solid:a}))}get el(){return i(this)}};o.style=t();export{o as ls_label};
-//# sourceMappingURL=p-febb8794.entry.js.map
+import{r as e,h as s,a as i}from"./p-CItPoq74.js";import{c as r}from"./p-ChV9xqsO.js";const t=()=>`.label-span{position:relative;display:inline-flex;align-items:center;line-height:1rem;font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-sm{padding:0.125rem 0.25rem;font-size:0.75rem;gap:0.25rem;border-radius:0.25rem}.size-md{padding:0.25rem 0.375rem;font-size:0.875rem;gap:0.25rem;border-radius:0.25rem}.size-lg{padding:0.375rem 0.5rem;font-size:0.875rem;}`;const o=class{constructor(s){e(this,s);this.colour="primary";this.type="default";this.size="sm";this.iconSolid=true}render(){const{text:e,colour:i,type:t,size:o,leadingIcon:l,trailingIcon:n,iconSolid:a,customStyle:m,el:d}=this;const c=(e,s)=>{const i=s==="default"?"60":s==="high"?"40":s==="medium"?"30":"20";return`var(--${e}-${i})`};const p=(e,s)=>{if(s==="default"){return"var(--white)"}const i=s==="low"?"90":"100";return`var(--${e}-${i})`};return s("div",Object.assign({class:r("label-span",o==="sm"&&"size-sm",o==="md"&&"size-md",o==="lg"&&"size-lg"),style:Object.assign({backgroundColor:c(i,t),color:p(i,t)},m)},d.attributes),l&&s("ls-icon",{name:l,solid:a,size:o==="md"?20:o==="lg"?24:16}),e&&s("span",null,e),n&&s("ls-icon",{name:n,size:o==="md"?20:o==="lg"?24:16,solid:a}))}get el(){return i(this)}};o.style=t();export{o as ls_label};
+//# sourceMappingURL=p-f318c711.entry.js.map

package/dist/types/components/interfaces/IToolboxField.d.ts

@@ -5,4 +5,5 @@ export interface IToolboxField {
     defaultWidth: number;
     formElementType: string;
     validation: number;
+    fixedAspect?: number | null;
 }

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

@@ -29,6 +29,8 @@ export declare class LsDocumentViewer {
     private edgeSide;
     private startLocations;
     private startMouse;
+    private _isToolboxDragging;
+    private _cancelToolboxDrag;
     /**
      * The initial template data, including the link for background PDF. See README and
      * example for correct GraphQL query and data structure.
@@ -159,6 +161,7 @@ export declare class LsDocumentViewer {
     private adapter;
     mutateHandler(event: CustomEvent<LSMutateEvent[]>): void;
     handleFieldTypeSelected(event: any): void;
+    handleToolboxDragStart(event: any): void;
     addParticpantHandler(event: CustomEvent<{
         name: string | null;
         type: LSApiRoleType;

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

@@ -1,8 +1,15 @@
+import { IToolboxField } from '../interfaces/IToolboxField';
+export declare function updateSelectionBox(): void;
 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;
-export declare function mouseDrop(event: any): void;
+export declare function showSnapGuides(guides: {
+    orientation: 'h' | 'v';
+    position: number;
+}[]): void;
+export declare function clearSnapGuides(): void;
+export declare function toolboxDragStart(fieldData: IToolboxField): void;
 export declare function mouseDoubleClick(event: any): void;

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

@@ -0,0 +1,21 @@
+export interface SnapResult {
+    x: number | null;
+    y: number | null;
+    guides: {
+        orientation: 'h' | 'v';
+        position: number;
+    }[];
+}
+/**
+ * Calculate snap positions for a dragging field against existing fields.
+ * Snaps any outer edge (left/right/top/bottom) of the moving field to any
+ * outer edge of every other field on the same page.
+ * All values are in zoomed pixel coordinates relative to the document frame.
+ */
+export declare function calculateSnap(dragLeft: number, dragTop: number, dragWidth: number, dragHeight: number, fields: {
+    offsetLeft: number;
+    offsetTop: number;
+    offsetWidth: number;
+    offsetHeight: number;
+    dataItem?: any;
+}[], currentPage: number, excludeIds?: string[]): SnapResult;

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

@@ -6,6 +6,7 @@ export declare class LsEditorField {
     assignee: string;
     dataItem: LSApiElement;
     selected: boolean;
+    multiSelected: boolean;
     readonly: boolean;
     type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'signing date';
     page: {

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';
 export declare class LsParticipantSelect {
+    el: HTMLElement;
     /**
    * The id of the currently selected role.
    * {string}
@@ -29,6 +30,7 @@ export declare class LsParticipantSelect {
      */
     roles?: LSApiRole[];
     isOpen: boolean;
+    handleWindowClick(event: MouseEvent): void;
     toggleDropdown: () => void;
     roleChange: EventEmitter<number>;
     addParticipant: EventEmitter<{

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Icon } from '../../types/Icon';
+import { IToolboxField } from '../interfaces/IToolboxField';
 export declare class LsToolboxField {
     component: HTMLElement;
     /**
@@ -44,7 +45,8 @@ export declare class LsToolboxField {
         validation: number;
         fixedAspect: number | null;
     }>;
-    handleDragStart(event: any): void;
+    toolboxDragStart: EventEmitter<IToolboxField>;
+    handleMouseDown(event: MouseEvent): void;
     handleKeyDown(event: KeyboardEvent): void;
     componentDidLoad(): void;
     render(): any;

package/dist/types/components.d.ts

@@ -166,6 +166,10 @@ export namespace Components {
           * @default false
          */
         "floatingActive": boolean;
+        /**
+          * @default false
+         */
+        "multiSelected": boolean;
         "page": { height: number; width: number };
         "readonly": boolean;
         /**
@@ -401,7 +405,7 @@ export namespace Components {
     interface LsRecipientCard {
         "activeRecipient": number;
         /**
-          * @default {     label: 'Signature',     formElementType: 'signature-icon',     elementType: 'signature-icon',     validation: 0,     defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,     defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,   }
+          * @default {     label: 'Signature',     formElementType: 'signature',     elementType: 'signature',     validation: 0,     defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,     defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,   }
          */
         "fieldTypeSelected": IToolboxField;
         /**
@@ -1178,6 +1182,7 @@ declare global {
     validation: number;
     fixedAspect: number | null;
   };
+        "toolboxDragStart": IToolboxField;
     }
     interface HTMLLsToolboxFieldElement extends Components.LsToolboxField, HTMLStencilElement {
         addEventListener<K extends keyof HTMLLsToolboxFieldElementEventMap>(type: K, listener: (this: HTMLLsToolboxFieldElement, ev: LsToolboxFieldCustomEvent<HTMLLsToolboxFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1401,6 +1406,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "floatingActive"?: boolean;
+        /**
+          * @default false
+         */
+        "multiSelected"?: boolean;
         "onMutate"?: (event: LsEditorFieldCustomEvent<LSMutateEvent[]>) => void;
         "onUpdate"?: (event: LsEditorFieldCustomEvent<LSMutateEvent[]>) => void;
         "page"?: { height: number; width: number };
@@ -1666,7 +1675,7 @@ declare namespace LocalJSX {
     interface LsRecipientCard {
         "activeRecipient"?: number;
         /**
-          * @default {     label: 'Signature',     formElementType: 'signature-icon',     elementType: 'signature-icon',     validation: 0,     defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,     defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,   }
+          * @default {     label: 'Signature',     formElementType: 'signature',     elementType: 'signature',     validation: 0,     defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,     defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,   }
          */
         "fieldTypeSelected"?: IToolboxField;
         /**
@@ -1770,6 +1779,7 @@ declare namespace LocalJSX {
     validation: number;
     fixedAspect: number | null;
   }>) => void;
+        "onToolboxDragStart"?: (event: LsToolboxFieldCustomEvent<IToolboxField>) => void;
         /**
           * @default false
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "0.9.21",
+  "version": "0.9.22",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -54,7 +54,7 @@
     "clsx": "^2.1.1",
     "i18next": "^26.3.0",
     "i18next-browser-languagedetector": "^8.2.1",
-    "legalesign-ui": "^0.0.44",
+    "legalesign-ui": "0.0.45",
     "pdf-lib": "^1.17.1",
     "pdfjs-dist": "^5.4.449"
   },