legalesign-document-viewer 0.0.7 → 0.0.9

package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ls-document-viewer.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/ls-document-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element, Method, State, Listen, Watch } from '@stencil/core';\nimport { Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement'\nimport { PDFDocument } from 'pdf-lib'\nimport {\n  PDFDocumentProxy,\n  PDFPageProxy,\n  PDFPageViewport,\n  PDFRenderParams,\n  PDFRenderTask,\n  GlobalWorkerOptions,\n  getDocument\n} from 'pdfjs-dist';\n\nimport 'pdfjs-dist/web/pdf_viewer';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { addField, moveField } from './editorCalculator';\nimport { defaultRolePalette } from './defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { keyDown } from './keyHandlers';\nimport { mouseClick, mouseDown, mouseMove, mouseUp } from './mouseHandlers';\nimport { getApiType } from './editorUtils';\nimport { RoleColor } from '../../types/RoleColor';\n\nGlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';\n\n/**\n * The Legalesign page viewer converted to stencil. To use pass the standard\n * Template information from GraphQL (see Readme).\n * \n * Alex Weinle\n */\n\n@Component({\n  tag: 'ls-document-viewer',\n  styleUrl: 'ls-document-viewer.css',\n  shadow: true,\n})\nexport class LsDocumentViewer {\n  @Element() component: HTMLElement;\n\n  private isPageRendering: boolean;\n  private pdfDocument: any;\n  private pageNumPending: number = null;\n  private canvas: HTMLCanvasElement;\n  private ctx: CanvasRenderingContext2D;\n  public pageDimensions: { height: number, width: number }[]; // hardcoded to start at the page 1\n  // @ts-ignore\n  private isMoving: boolean = false;\n  // @ts-ignore\n  private selectionBox: { x: number, y: number } = null;\n  // @ts-ignore\n  private hitField: HTMLElement;\n  // @ts-ignore\n  private edgeSide: string;\n  // @ts-ignore\n  private startLocations: { left: number, top: number, height: number, width: number }[];\n  // @ts-ignore\n  private startMouse: { left: number, top: number, height: number, width: number, x: number, y: number };\n\n  //\n  // --- Properties / Inputs --- //\n  //\n\n  /**\n   * The initial template data, including the link for background PDF. See README and\n   * example for correct GraphQL query and data structure.\n   * {LSApiTemplate}\n   */\n  @Prop() template: string;\n  @Prop({ mutable: true }) zoom: number = 1.0; // hardcoded to scale the document to full canvas size\n  @Prop({ mutable: true }) pageNum: number = 1; // hardcoded to start at the page 1\n\n  @State() _template: LSApiTemplate\n  @State() selected: HTMLLsEditorFieldElement[];\n\n\n  /**\n * An ease of use property that will arrange document-viewer appropraitely.\n * {'preview' | 'editor' | 'custom'}\n */\n  @Prop() mode: 'preview' | 'editor' | 'custom' = 'custom';\n\n  @Watch('mode')\n  modeHandler(_newMode, _oldMode) {\n    if (_newMode === 'preview') {\n      this.showtoolbar = false;\n      this.showtoolbox = false;\n      this.showstatusbar = false;\n      this.showrightpanel = false;\n      this.readonly = true;\n    } else if (_newMode === 'editor') {\n      this.showtoolbar = true;\n      this.showtoolbox = true;\n      this.showstatusbar = true;\n      this.showrightpanel = true;\n      this.readonly = false;\n    }\n\n  }\n\n  @Watch('displayTable')\n  tableViewHandler(_newMode, _oldMode) {\n    if (_newMode === true) {\n      this.showPageFields(-1)\n    } else if (_newMode === 'editor') {\n      this.showPageFields(this.pageNum)\n    }\n    this.queueRenderPage(this.pageNum);\n\n\n  }\n\n  /**\n  * Determines / sets which of the far left 'managers' is active.\n  * {'document' | 'toolbox' | 'participant' }\n  */\n  @Prop({ mutable: true }) manager: 'document' | 'toolbox' | 'participant' = 'toolbox';\n\n\n  @Watch('selected')\n  selectedHandler(newSelected, _oldSelected) {\n    var toolbar = this.component.shadowRoot.getElementById('ls-toolbar') as HTMLLsToolbarElement;\n    toolbar.dataItem = newSelected\n  }\n\n  /**\n  * Shows the table view of fields rather than the preview.\n  * {boolean}\n  */\n  @Prop({ mutable: true }) displayTable?: boolean = false;\n\n  /**\n   * Whether the left hand toolbox is displayed.\n   * {boolean}\n   */\n  @Prop() showtoolbox?: boolean = false;\n\n  /**\n   * Whether the top toolbar is displayed.\n   * {boolean}\n   */\n  @Prop() showtoolbar?: boolean = false;\n\n  /**\n   * Whether the bottom statusbar is displayed.\n   * {boolean}\n   */\n  @Prop() showstatusbar?: boolean = false;\n\n  /**\n * Whether the page previewvertical ribbon will be shown\n * {boolean}\n */\n  @Prop() showpagepreview?: boolean = false;\n\n  /**\n* Whether the right panel (which can be default field properties or custom panel) is\n* displayed.\n* {boolean}\n*/\n  @Prop() showrightpanel?: boolean = false;\n\n  /**\n* Whether the right panel (which can be default field properties or custom panel) is\n* displayed.\n* {boolean}\n*/\n  @Prop() readonly?: boolean = false;\n\n  /**\n* Whether the table view of the fields on this template is available to the user.\n* {boolean}\n*/\n  @Prop() showtableview?: boolean = false;\n\n  /**\n * If supplied ONLY items in this | (\"or\") delimited list will be shown. i.e. \"signature|intials\"\n * {boolean}\n */\n  @Prop() toolboxFilter?: string = null;\n\n  /**\n * Allows you to change the colours used for each role in the template.\n * {SignerColor[]}\n */\n  @Prop() roleColors?: RoleColor[] = defaultRolePalette;\n\n\n  parseTemplate(newValue: string) {\n    const newTemplate = newValue as any as LSApiTemplate\n    const pages = JSON.parse(JSON.parse(newTemplate.pageDimensions))\n\n    // Convert ax,bx,ay etc. into top, left\n    this.pageDimensions = pages.map(p => { return { height: p[1], width: p[0] } })\n    const fields = newTemplate.elementConnection.templateElements.map(f => {\n      return {\n        ...f,\n        top: f.ay * pages[0].height,\n        left: f.ax * pages[0].width,\n        height: (f.by - f.ay) * pages[0].height,\n        width: (f.bx - f.ax) * pages[0].width\n      }\n    })\n    this._template = { ...newTemplate, elementConnection: { ...newTemplate.elementConnection, templateElements: fields } }\n  }\n\n  //\n  // --- Event Emitters --- //\n  //\n  @Event() pageRendered: EventEmitter<number>;\n  // @Event() error: EventEmitter<any>;\n  @Event() pageChange: EventEmitter<number>;\n  // Multiple or single select\n  @Event() selectFields: EventEmitter<LSApiElement[]>;\n  // Send an external event to be processed\n  @Event() mutate: EventEmitter<LSMutateEvent[]>;\n  // Send an internal event to be processed\n  @Event() update: EventEmitter<LSMutateEvent[]>;\n\n  // Updates are internal event between LS controls not to be confused with mutate\n  @Listen('update')\n  mutateHandler(event: CustomEvent<LSMutateEvent[]>) {\n    if (event.detail) event.detail.forEach(fx => this.syncChange(fx))\n  }\n\n\n  //\n  // --- Methods --- //\n  //\n\n  /**\n   * Page forward\n   * {MouseEvent} e\n   */\n  @Method()\n  async pageNext() {\n    if (this.pageNum >= this.pdfDocument.numPages) {\n      return;\n    }\n    this.pageNum += 1;\n    this.queueRenderPage(this.pageNum);\n    this.showPageFields(this.pageNum)\n  }\n\n  /**\n   * Page backward\n   * e\n   */\n  @Method()\n  async pagePrev() {\n    if (this.pageNum <= 1) {\n      return;\n    }\n\n    this.pageNum -= 1;\n    this.queueRenderPage(this.pageNum);\n    this.showPageFields(this.pageNum)\n  }\n\n  /**\n * Page refresh on zoom change\n * \n */\n  @Method()\n  async setZoom(z: number) {\n    this.zoom = z\n    this.canvas = this.component.shadowRoot.getElementById('pdf-canvas') as HTMLCanvasElement;\n    this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * this.zoom + \"px\"\n    this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * this.zoom + \"px\"\n\n    // place all fields at new zoom level\n    this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(fx => moveField.bind(this)(fx, fx.dataItem))\n\n    this.queueRenderPage(this.pageNum)\n    this.showPageFields(this.pageNum)\n  }\n\n  /**\n   * Render the page based on pageNumber\n   * {number} pageNumber\n   */\n  renderPage(pageNumber: number): void {\n    this.isPageRendering = true;\n\n    this.pdfDocument\n      .getPage(pageNumber)\n      .then(\n        (page: PDFPageProxy) => {\n          const viewport: PDFPageViewport = page.getViewport({ scale: this.zoom });\n          this.canvas.height = Math.floor(viewport.height / this.zoom);\n          this.canvas.width = Math.floor(viewport.width / this.zoom);\n\n          // Render PDF page into canvas context\n          const renderContext: PDFRenderParams = {\n            viewport,\n            canvasContext: this.ctx\n          };\n\n          // Render page method\n          const renderTask: PDFRenderTask = page.render(renderContext);\n\n          // Wait for rendering to finish\n          renderTask.promise\n            .then(\n              () => {\n                this.isPageRendering = false;\n                this.pageRendered.emit(this.pageNum);\n\n                if (this.pageNumPending !== null) {\n                  this.renderPage(this.pageNumPending); // New page rendering is pending\n                  this.pageChange.emit(this.pageNumPending); // emit\n                  this.pageNumPending = null;\n\n                }\n              }\n            );\n        }\n      );\n  }\n\n  private queueRenderPage(pageNumber: number): void {\n    if (this.isPageRendering) {\n      this.pageNumPending = pageNumber;\n    } else {\n      this.renderPage(pageNumber);\n    }\n  }\n\n\n  private loadAndRender(src: string): void {\n    getDocument(src).promise\n      .then((pdfDocument: PDFDocumentProxy) => {\n        this.pdfDocument = pdfDocument;\n        this.renderPage(this.pageNum);\n      });\n  }\n\n  // Fills in and converts all utility and placement fields\n  prepareElement(newElement: LSApiElement): LSApiElement {\n    return {\n      ...newElement,\n      top: Math.floor(newElement.ay * this.pageDimensions[newElement.page - 1].height),\n      left: Math.floor(newElement.ax * this.pageDimensions[newElement.page - 1].width),\n      height: Math.floor((newElement.by - newElement.ay) * this.pageDimensions[newElement.page - 1].height),\n      width: Math.floor((newElement.bx - newElement.ax) * this.pageDimensions[newElement.page - 1].width),\n      pageDimensions: this.pageDimensions[newElement.page - 1]\n    }\n  }\n\n  // internal forced change\n  syncChange(update: LSMutateEvent) {\n    console.log(getApiType(update.data), 'sync')\n\n    if (getApiType(update.data) === 'element') {\n      if (update.action === 'create') {\n        const newData = { ...update.data, page: this.pageNum }\n        addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), newData)\n        const newField = this.component.shadowRoot.getElementById('ls-field-' + update.data.id) as HTMLLsEditorFieldElement\n\n        this.selected = [newField]\n        this.selectFields.emit([newData as LSApiElement])\n      }\n      else if (update.action === 'update') {\n        const fi = this.component.shadowRoot.getElementById('ls-field-' + update.data.id) as HTMLLsEditorFieldElement;\n        if (fi) {\n          moveField.bind(this)(fi, update.data)\n          const fu = this.component.shadowRoot.getElementById('ls-field-' + update.data.id) as HTMLLsEditorFieldElement;\n\n          fu.dataItem = update.data as LSApiElement;\n          // Refresh the selected array\n          this.selected = this.selected.map(s => s.dataItem.id === update.data.id ? fu : s)\n        }\n        // Reselect the fields - this updates the dataItem value passed to child controls\n        const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');\n        this.selected = Array.from(fields).filter(fx => fx.selected)\n\n      } else if (update.action === 'delete') {\n        const fi = this.component.shadowRoot.getElementById('ls-field-' + update.data.id) as HTMLLsEditorFieldElement;\n        this.component.shadowRoot.getElementById('ls-document-frame').removeChild(fi)\n        this.selected = []\n      } else {\n        console.warn('Unrecognised action, check Legalesign documentation. `create`, `update` and `delete` allowed.')\n      }\n    }\n  }\n\n  componentDidLoad() {\n    console.log('Baking your PDF')\n    // TODO:: Remove and add \"real\" background\n    PDFDocument.create().then(pdfDoc => {\n      const page = pdfDoc.addPage([842, 595]);\n      const page2 = pdfDoc.addPage([842, 595]);\n      page.moveTo(50, 410);\n\n      page.drawText('Welcome to Legalesign!');\n      page2.moveTo(500, 50);\n      page2.drawText('Page 2');\n      pdfDoc.saveAsBase64({ dataUri: true }).then(pdfDataUri => {\n        this.canvas = this.component.shadowRoot.getElementById('pdf-canvas') as HTMLCanvasElement;\n        this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * this.zoom + \"px\"\n        this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * this.zoom + \"px\"\n        this.ctx = this.canvas.getContext('2d');\n        this.loadAndRender(pdfDataUri);\n      });\n    });\n\n    var dropTarget = this.component.shadowRoot.getElementById('ls-document-frame') as HTMLCanvasElement;\n\n\n    // Used for single field selection\n    dropTarget.addEventListener(\"click\", mouseClick.bind(this))\n    dropTarget.addEventListener(\"mousedown\", mouseDown.bind(this))\n    dropTarget.addEventListener(\"mousemove\", mouseMove.bind(this))\n    dropTarget.addEventListener(\"mouseup\", mouseUp.bind(this))\n    document.addEventListener(\"keydown\", keyDown.bind(this))\n    dropTarget.addEventListener(\"dragenter\", (event) => { event.preventDefault(); })\n    dropTarget.addEventListener(\"dragover\", (event) => { event.preventDefault(); })\n    dropTarget.addEventListener(\"drop\", (event) => {\n      event.preventDefault();\n      try {\n        const data: IToolboxField = JSON.parse(event.dataTransfer.getData(\"application/json\")) as any as IToolboxField;\n        this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(f => f.selected = false)\n        var frame = this.component.shadowRoot.getElementById('ls-document-frame') as HTMLElement;\n        // Make a new API compatible id for a template element (prefix 'ele')\n        const id = btoa('ele' + crypto.randomUUID())\n        // TODO: Put these defaults somewhere sensible\n        const newData: LSMutateEvent = {\n          action: 'create', data: {\n            ...data,\n            id,\n            value: \"\",\n            top: event.offsetY * this.zoom + frame.scrollTop,\n            left: event.offsetX * this.zoom + frame.scrollLeft,\n            height: data.defaultHeight,\n            width: data.defaultWidth,\n            pageDimensions: this.pageDimensions[this.pageNum - 1],\n            fontName: \"courier\",\n            fontSize: 10,\n            align: 'left',\n            signer: 1,\n            elementType: data.type\n          } as LSApiElement\n        }\n\n        this.mutate.emit([newData])\n        this.update.emit([newData])\n\n      } catch (e) {\n        console.error(e)\n      }\n    })\n\n    // Generate all the field HTML elements that are required (for every page)\n    this._template.elementConnection.templateElements.forEach(te => {\n      addField.bind(this)(this.component.shadowRoot.getElementById('ls-document-frame'), this.prepareElement(te))\n    })\n\n\n  }\n\n  showPageFields(page: number) {\n\n    const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');\n    Array.from(fields).forEach(fx => {\n      fx.className = fx.dataItem.page === page ? '' : 'hidden'\n    })\n\n  }\n\n  componentWillLoad() {\n    if (this.template) {\n      this.parseTemplate(this.template);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <form id=\"ls-editor-form\">\n          {this.showtoolbox === true ? <div class=\"leftBox\">\n            <ls-feature-column onManage={(manager) => {\n              if (manager.detail === 'document') {\n                var documentManager = this.component.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n                documentManager.template = this._template\n              } else if (manager.detail === 'participant') {\n                console.log(this._template)\n                var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n                participantManager.template = this._template\n              }\n              this.manager = manager.detail\n            }} />\n            <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'toolbox' : 'hidden'}>\n              <div class=\"ls-editor-infobox\">Drag to Add...</div>\n              <ls-toolbox-field elementType=\"signature\" formElementType=\"signature\" label=\"Signature\" defaultHeight={27} defaultWidth={120} validation={0} />\n              <ls-toolbox-field elementType=\"text\" formElementType=\"text\" label=\"Text\" defaultHeight={27} defaultWidth={100} validation={0} />\n              <ls-toolbox-field elementType=\"email\" formElementType=\"email\" label=\"Email\" defaultHeight={27} defaultWidth={120} validation={1} />\n              <ls-toolbox-field elementType=\"number\" formElementType=\"number\" label=\"Number\" defaultHeight={27} defaultWidth={80} validation={50} />\n              <ls-toolbox-field elementType=\"date\" formElementType=\"date\" label=\"Date\" defaultHeight={27} defaultWidth={80} validation={2} />\n              <ls-toolbox-field elementType=\"checkbox\" formElementType=\"checkbox\" label=\"Checkbox\" defaultHeight={27} defaultWidth={27} validation={25} />\n              <ls-toolbox-field elementType=\"auto sign\" formElementType=\"auto sign\" label=\"Auto Sign\" defaultHeight={27} defaultWidth={120} validation={3000} />\n              <ls-toolbox-field elementType=\"initials\" formElementType=\"initials\" label=\"Initials\" defaultHeight={27} defaultWidth={120} validation={2000} />\n              <ls-toolbox-field elementType=\"regex\" formElementType=\"regex\" label=\"Regex\" defaultHeight={27} defaultWidth={120} validation={93} />\n              <ls-toolbox-field elementType=\"image\" formElementType=\"image\" label=\"Image\" defaultHeight={27} defaultWidth={120} validation={90} />\n              <ls-toolbox-field elementType=\"signing date\" formElementType=\"signing date\" label=\"Signing Date\" defaultHeight={27} defaultWidth={120} validation={30} />\n              <ls-toolbox-field elementType=\"file\" formElementType=\"file\" label=\"File\" defaultHeight={27} defaultWidth={120} validation={74} />\n            </div>\n            <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'toolbox' : 'hidden'} editor={this} />\n            <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'toolbox' : 'hidden'} />\n          </div>\n            :\n            <></>\n          }\n          <div id=\"ls-mid-area\">\n            <ls-toolbar id=\"ls-toolbar\" dataItem={this.selected ? this.selected.map(s => s.dataItem) : null} template={this._template} />\n            <div id=\"ls-document-frame\">\n              <canvas id=\"pdf-canvas\" class={this.displayTable ? 'hidden' : ''}></canvas>\n              <ls-editor-table editor={this} class={this.displayTable ? '' : 'hidden'} />\n              <div id=\"ls-box-selector\"></div>\n            </div>\n            <ls-statusbar editor={this} />\n          </div>\n          {this.showrightpanel && !this.displayTable && this.selected && this.selected.length > 0 && <div class=\"rightBox\">\n            <slot></slot>\n          </div>}\n        </form>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-document-viewer/mouseHandlers.js

@@ -0,0 +1,165 @@
+import { findDimensions, findIn } from "./editorCalculator";
+export function mouseDown(e) {
+    if (e.offsetX < 0 || e.offsetY < 0)
+        return;
+    // Find if this was
+    // - a hit on a field edge RESIZE
+    // - a hit on the middle of a field MOVE
+    // - a hit on the background document SELECTMULTIPLE with a box
+    this.hitField = null;
+    const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+    fields.forEach(f => {
+        const { left, top, height, width, bottom, right } = f.getBoundingClientRect();
+        const fdims = { left: f.offsetLeft, top: f.offsetTop, height, width, x: e.screenX, y: e.screenY };
+        this.startMouse = fdims;
+        // west edge
+        if (Math.abs(e.clientX - left) < 5 && e.clientY >= top && e.clientY <= bottom) {
+            this.edgeSide = 'w';
+            this.hitField = f;
+            // right / east edge
+        }
+        else if (Math.abs(e.clientX - right) < 5 && e.clientY >= top && e.clientY <= bottom) {
+            this.edgeSide = 'e';
+            this.hitField = f;
+            // north edge
+        }
+        else if (Math.abs(e.clientY - top) < 5 && e.clientX >= left && e.clientX <= right) {
+            this.edgeSide = 'n';
+            this.hitField = f;
+            // south edge
+        }
+        else if (Math.abs(e.clientY - bottom) < 5 && e.clientX >= left && e.clientX <= right) {
+            this.edgeSide = 's';
+            this.hitField = f;
+        }
+        else if (e.clientY <= bottom && e.clientY >= top && e.clientX >= left && e.clientX <= right) {
+            this.edgeSide = null;
+            this.hitField = f;
+        }
+    });
+    if (this.hitField) {
+        const { height, width } = this.hitField.getBoundingClientRect();
+        const fdims = { left: this.hitField.offsetLeft, top: this.hitField.offsetTop, height, width, x: e.screenX, y: e.screenY };
+        this.startMouse = fdims;
+        const target = this.selected ? this.selected : [this.hitField];
+        this.startLocations = target.map(f => {
+            const { height, width } = f.getBoundingClientRect();
+            const beHtml = f;
+            return { top: beHtml.offsetTop, left: beHtml.offsetLeft, height, width };
+        });
+        this.selectionBox = null;
+    }
+    else {
+        this.startLocations = null;
+        this.startMouse = null;
+        this.selectionBox = { x: e.clientX, y: e.clientY };
+        this.component.style.cursor = 'crosshair';
+    }
+}
+export function mouseMove(event) {
+    event.preventDefault();
+    // We have the mouse held down on a field edge to resize it.
+    if (this.hitField && this.edgeSide && this.startMouse && event.buttons === 1) {
+        const movedX = event.screenX - this.startMouse.x;
+        const movedY = event.screenY - this.startMouse.y;
+        switch (this.edgeSide) {
+            case 'n':
+                this.hitField.style.top = this.startMouse.top + movedY + 'px';
+                this.hitField.style.height = this.startMouse.height - movedY + 'px';
+                break;
+            case 's':
+                this.hitField.style.height = this.startMouse.height + movedY + 'px';
+                break;
+            case 'e':
+                this.hitField.style.width = this.startMouse.width + movedX + 'px';
+                break;
+            case 'w':
+                this.hitField.style.left = this.startMouse.left + movedX + 'px';
+                this.hitField.style.width = this.startMouse.width - movedX + 'px';
+                break;
+        }
+    }
+    else if (this.selectionBox && event.buttons === 1) {
+        // draw the multiple selection box
+        var box = this.component.shadowRoot.getElementById('ls-box-selector');
+        var frame = this.component.shadowRoot.getElementById('ls-document-frame');
+        var leftOffset = frame.getBoundingClientRect().left;
+        var topOffset = frame.getBoundingClientRect().top;
+        const movedX = event.clientX - this.selectionBox.x;
+        const movedY = event.clientY - this.selectionBox.y;
+        // allow for the frame to be scrolled    
+        box.style.visibility = 'visible';
+        box.style.left = (this.selectionBox.x > event.clientX ? event.clientX : this.selectionBox.x) - leftOffset + frame.scrollLeft + 'px';
+        box.style.top = (this.selectionBox.y > event.clientY ? event.clientY : this.selectionBox.y) - topOffset + frame.scrollTop + 'px';
+        box.style.width = Math.abs(movedX) + 'px';
+        box.style.height = Math.abs(movedY) + 'px';
+    }
+    else if (this.startLocations && !this.edgeSide && this.startMouse && event.buttons === 1) {
+        this.isMoving = true;
+        // Move one or more selected items
+        const movedX = event.screenX - this.startMouse.x;
+        const movedY = event.screenY - this.startMouse.y;
+        if (this.selected?.length) {
+            for (let i = 0; i < this.selected.length; i++) {
+                this.selected[i].style.left = this.startLocations[i].left + movedX + 'px';
+                this.selected[i].style.top = this.startLocations[i].top + movedY + 'px';
+            }
+        }
+    }
+}
+export function mouseUp(event) {
+    this.edgeSide = null;
+    this.startMouse = null;
+    this.component.style.cursor = 'auto';
+    // find what was inside the selection box emit the select event and change their style
+    if (this.selectionBox) {
+        var box = this.component.shadowRoot.getElementById('ls-box-selector');
+        var fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+        box.style.visibility = 'hidden';
+        findIn(fields, box, true, event.shiftKey);
+        var updatedFields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+        this.selectFields.emit(Array.from(updatedFields)
+            .filter(fx => fx.selected)
+            .map(fx => fx.dataItem));
+        this.selectionBox = null;
+        this.selected = Array.from(updatedFields).filter(fx => fx.selected);
+    }
+}
+export function mouseClick(e) {
+    // check we're not moving fields
+    if (this.isMoving) {
+        // End dragging fields
+        this.isMoving = false;
+        const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+        const selected = Array.from(fields).filter(fx => fx.selected);
+        this.selectFields.emit(selected.map(fx => fx.dataItem));
+        this.mutate.emit(Array.from(fields)
+            .filter(fx => fx.selected)
+            .map(fx => {
+            // Calculate new positions and update the dataItem on the control
+            const delta = {
+                ...fx.dataItem,
+                ...findDimensions(fx, this.pageDimensions[this.pageNum - 1].height, this.pageDimensions[this.pageNum - 1].width),
+            };
+            fx.dataItem = delta;
+            return { action: 'update', data: delta };
+        }));
+    }
+    else {
+        const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
+        fields.forEach(f => {
+            const { left, top, bottom, right } = f.getBoundingClientRect();
+            if (e.clientY <= bottom && e.clientY >= top && e.clientX >= left && e.clientX <= right) {
+                this.edgeSide = null;
+                this.hitField = f;
+                // check if this is a shift click to add to the current selection
+                if (!e.shiftKey)
+                    fields.forEach(ft => (ft.selected = false));
+                f.selected = true;
+            }
+        });
+        this.selected = Array.from(fields).filter(fx => fx.selected);
+        this.selectFields.emit(this.selected.map(fx => fx.dataItem));
+    }
+}
+//# sourceMappingURL=mouseHandlers.js.map

package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseHandlers.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/mouseHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,UAAU,SAAS,CAAC,CAAC;IACzB,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC;QAAE,OAAO;IAE3C,mBAAmB;IACnB,iCAAiC;IACjC,wCAAwC;IACxC,+DAA+D;IAC/D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACrB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAE7E,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACjB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,qBAAqB,EAAE,CAAC;QAC9E,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;QAClG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,YAAY;QACZ,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC;YAC9E,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAClB,oBAAoB;QACtB,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC;YACtF,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAClB,aAAa;QACf,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;YACpF,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAClB,aAAa;QACf,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;YACvF,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,CAAC,CAAC,OAAO,IAAI,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;YAC9F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;QAChE,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;QAC1H,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACnC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,qBAAqB,EAAE,CAAC;YACpD,MAAM,MAAM,GAAG,CAAgB,CAAC;YAChC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC3E,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;QACnD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;IAC5C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAK;IAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;IAEvB,4DAA4D;IAC5D,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;QAC7E,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QAEjD,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtB,KAAK,GAAG;gBACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC;gBAC9D,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;gBACpE,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;gBACpE,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;gBAClE,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;gBAChE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;gBAClE,MAAM;QACV,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;QACpD,kCAAkC;QAClC,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAgB,CAAC;QACrF,IAAI,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,mBAAmB,CAAgB,CAAC;QACzF,IAAI,UAAU,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACpD,IAAI,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;QAElD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAEnD,yCAAyC;QACzC,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;QACjC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,UAAU,GAAI,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;QACrI,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,GAAI,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;QAClI,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;QAC1C,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7C,CAAC;SAAM,IAAI,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;QAC3F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,kCAAkC;QAClC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QACjD,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;YAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC9C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;gBAC1E,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC;YAC1E,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAK;IAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAErC,sFAAsF;IACtF,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAgB,CAAC;QACrF,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QAC3E,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAEhC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE1C,IAAI,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAA+B,CAAC;QAEhH,IAAI,CAAC,YAAY,CAAC,IAAI,CACpB,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;aACtB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC;aACzB,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAC1B,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IACtE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,CAAC;IAC1B,gCAAgC;IAChC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,sBAAsB;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAA+B,CAAC;QAC3G,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;QAE9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,MAAM,CAAC,IAAI,CACd,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;aACf,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC;aACzB,GAAG,CAAC,EAAE,CAAC,EAAE;YACR,iEAAiE;YACjE,MAAM,KAAK,GAAG;gBACZ,GAAG,EAAE,CAAC,QAAQ;gBACd,GAAG,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;aACjH,CAAC;YACF,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC;YACpB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC,CAAC,CACL,CAAC;IACJ,CAAC;SAAM,CAAC;QACL,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAA+B,CAAC;QAC5G,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACjB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC/D,IAAI,CAAC,CAAC,OAAO,IAAI,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;gBACvF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;gBAClB,iEAAiE;gBACjE,IAAI,CAAC,CAAC,CAAC,QAAQ;oBAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;gBAC7D,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC","sourcesContent":["import { findDimensions, findIn } from './editorCalculator';\n\nexport function mouseDown(e) {\n  if (e.offsetX < 0 || e.offsetY < 0) return;\n\n  // Find if this was\n  // - a hit on a field edge RESIZE\n  // - a hit on the middle of a field MOVE\n  // - a hit on the background document SELECTMULTIPLE with a box\n  this.hitField = null;\n  const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');\n\n  fields.forEach(f => {\n    const { left, top, height, width, bottom, right } = f.getBoundingClientRect();\n    const fdims = { left: f.offsetLeft, top: f.offsetTop, height, width, x: e.screenX, y: e.screenY };\n    this.startMouse = fdims;\n    // west edge\n    if (Math.abs(e.clientX - left) < 5 && e.clientY >= top && e.clientY <= bottom) {\n      this.edgeSide = 'w';\n      this.hitField = f;\n      // right / east edge\n    } else if (Math.abs(e.clientX - right) < 5 && e.clientY >= top && e.clientY <= bottom) {\n      this.edgeSide = 'e';\n      this.hitField = f;\n      // north edge\n    } else if (Math.abs(e.clientY - top) < 5 && e.clientX >= left && e.clientX <= right) {\n      this.edgeSide = 'n';\n      this.hitField = f;\n      // south edge\n    } else if (Math.abs(e.clientY - bottom) < 5 && e.clientX >= left && e.clientX <= right) {\n      this.edgeSide = 's';\n      this.hitField = f;\n    } else if (e.clientY <= bottom && e.clientY >= top && e.clientX >= left && e.clientX <= right) {\n      this.edgeSide = null;\n      this.hitField = f;\n    }\n  });\n\n  if (this.hitField) {\n    const { height, width } = this.hitField.getBoundingClientRect();\n    const fdims = { left: this.hitField.offsetLeft, top: this.hitField.offsetTop, height, width, x: e.screenX, y: e.screenY };\n    this.startMouse = fdims;\n    const target = this.selected ? this.selected : [this.hitField];\n    this.startLocations = target.map(f => {\n      const { height, width } = f.getBoundingClientRect();\n      const beHtml = f as HTMLElement;\n      return { top: beHtml.offsetTop, left: beHtml.offsetLeft, height, width };\n    });\n    this.selectionBox = null;\n  } else {\n    this.startLocations = null;\n    this.startMouse = null;\n    this.selectionBox = { x: e.clientX, y: e.clientY };\n    this.component.style.cursor = 'crosshair';\n  }\n}\n\nexport function mouseMove(event) {\n  event.preventDefault();\n\n  // We have the mouse held down on a field edge to resize it.\n  if (this.hitField && this.edgeSide && this.startMouse && event.buttons === 1) {\n    const movedX = event.screenX - this.startMouse.x;\n    const movedY = event.screenY - this.startMouse.y;\n\n    switch (this.edgeSide) {\n      case 'n':\n        this.hitField.style.top = this.startMouse.top + movedY + 'px';\n        this.hitField.style.height = this.startMouse.height - movedY + 'px';\n        break;\n      case 's':\n        this.hitField.style.height = this.startMouse.height + movedY + 'px';\n        break;\n      case 'e':\n        this.hitField.style.width = this.startMouse.width + movedX + 'px';\n        break;\n      case 'w':\n        this.hitField.style.left = this.startMouse.left + movedX + 'px';\n        this.hitField.style.width = this.startMouse.width - movedX + 'px';\n        break;\n    }\n  } else if (this.selectionBox && event.buttons === 1) {\n    // draw the multiple selection box\n    var box = this.component.shadowRoot.getElementById('ls-box-selector') as HTMLElement;\n    var frame = this.component.shadowRoot.getElementById('ls-document-frame') as HTMLElement;\n    var leftOffset = frame.getBoundingClientRect().left;\n    var topOffset = frame.getBoundingClientRect().top;\n    \n    const movedX = event.clientX - this.selectionBox.x;\n    const movedY = event.clientY - this.selectionBox.y;\n\n    // allow for the frame to be scrolled    \n    box.style.visibility = 'visible';\n    box.style.left = (this.selectionBox.x > event.clientX ? event.clientX : this.selectionBox.x) - leftOffset  + frame.scrollLeft + 'px';\n    box.style.top = (this.selectionBox.y > event.clientY ? event.clientY : this.selectionBox.y) - topOffset  + frame.scrollTop + 'px';\n    box.style.width = Math.abs(movedX) + 'px';\n    box.style.height = Math.abs(movedY) + 'px';\n  } else if (this.startLocations && !this.edgeSide && this.startMouse && event.buttons === 1) {\n    this.isMoving = true;\n    // Move one or more selected items\n    const movedX = event.screenX - this.startMouse.x;\n    const movedY = event.screenY - this.startMouse.y;\n    if (this.selected?.length) {\n      for (let i = 0; i < this.selected.length; i++) {\n        this.selected[i].style.left = this.startLocations[i].left + movedX + 'px';\n        this.selected[i].style.top = this.startLocations[i].top + movedY + 'px';\n      }\n    }\n  }\n}\n\nexport function mouseUp(event) {\n  this.edgeSide = null;\n  this.startMouse = null;\n  this.component.style.cursor = 'auto';\n\n  // find what was inside the selection box emit the select event and change their style\n  if (this.selectionBox) {\n    var box = this.component.shadowRoot.getElementById('ls-box-selector') as HTMLElement;\n    var fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');\n    box.style.visibility = 'hidden';\n\n    findIn(fields, box, true, event.shiftKey);\n\n    var updatedFields = this.component.shadowRoot.querySelectorAll('ls-editor-field') as HTMLLsEditorFieldElement[];\n\n    this.selectFields.emit(\n      Array.from(updatedFields)\n        .filter(fx => fx.selected)\n        .map(fx => fx.dataItem),\n    );\n    this.selectionBox = null;\n    this.selected = Array.from(updatedFields).filter(fx => fx.selected);\n  }\n}\n\nexport function mouseClick(e) {\n  // check we're not moving fields\n  if (this.isMoving) {\n    // End dragging fields\n    this.isMoving = false;\n    const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field') as HTMLLsEditorFieldElement[];\n    const selected = Array.from(fields).filter(fx => fx.selected);\n\n    this.selectFields.emit(selected.map(fx => fx.dataItem));\n    this.mutate.emit(\n      Array.from(fields)\n        .filter(fx => fx.selected)\n        .map(fx => {\n          // Calculate new positions and update the dataItem on the control\n          const delta = {\n            ...fx.dataItem,\n            ...findDimensions(fx, this.pageDimensions[this.pageNum - 1].height, this.pageDimensions[this.pageNum - 1].width),\n          };\n          fx.dataItem = delta;\n          return { action: 'update', data: delta };\n        }),\n    );\n  } else {\n     const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field') as HTMLLsEditorFieldElement[];\n    fields.forEach(f => {\n      const { left, top, bottom, right } = f.getBoundingClientRect();\n      if (e.clientY <= bottom && e.clientY >= top && e.clientX >= left && e.clientX <= right) {\n        this.edgeSide = null;\n        this.hitField = f;\n        // check if this is a shift click to add to the current selection\n        if (!e.shiftKey) fields.forEach(ft => (ft.selected = false));\n        f.selected = true;\n      }\n    });\n\n    this.selected = Array.from(fields).filter(fx => fx.selected);\n    this.selectFields.emit(this.selected.map(fx => fx.dataItem));\n  }\n}\n"]}

package/dist/collection/components/ls-editor-field/ls-editor-field.css

@@ -0,0 +1,70 @@
+:host {
+  display: block;
+  position: absolute;
+  border: 1px solid rgb(49, 49, 49);
+  margin: 0px;
+  padding: 0px 0px 0px 0px;
+  isolation: isolate;
+}
+
+.ls-editor-field-editable {
+  display: block;
+  font-family: inherit;
+  font-size: inherit;
+  overflow: hidden;
+
+  /* no extra spaces */
+  white-space: nowrap;
+  border: 0px solid #000;
+  margin: 0;
+  padding: 0px 0px 0px 0px;
+  /* default widths */
+  min-width: 2em;
+  background-color: white;
+  height: 100%;
+  width: 100%;
+}
+
+.ls-editor-field-editable:focus {
+  outline: none;
+}
+
+.ls-editor-field-draggable {
+  display: block;
+  font-family: inherit;
+  font-size: inherit;
+
+  overflow: hidden;
+
+  /* no extra spaces */
+  white-space: nowrap;
+  background-color: white;
+
+  /* default widths */
+  min-width: 2px;
+  height: 98%;
+  width: 98%;
+}
+
+.is-selected {
+    border: 1px dotted rgb(193, 26, 26);
+}
+
+.hidden-field {
+  display: none;
+}
+
+.draggable-input {
+  font-family: inherit;
+  font-size: inherit;
+  position: relative;
+  height: 95%;
+  width: 95%;
+}
+
+.editing-input {
+  caret-color: rgb(15 23 42);
+  caret-shape: auto;
+  height: 100%;
+  width: 100%;
+}

package/dist/collection/components/ls-editor-field/ls-editor-field.js

@@ -0,0 +1,286 @@
+import { Host, h } from "@stencil/core";
+import { getInputType } from "../ls-document-viewer/editorUtils";
+export class LsEditorField {
+    component;
+    dataItem;
+    selected;
+    readonly;
+    palette;
+    type;
+    page;
+    isEditing = false;
+    heldEdge = null;
+    isEdgeDragging = false;
+    innerValue;
+    sizeObserver;
+    handleInput(e) {
+        if (e.code === "Enter") {
+            this.isEditing = false;
+            this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));
+        }
+    }
+    handleMouseMove(e) {
+        if (this.readonly)
+            return;
+        if (!e.clientX)
+            return;
+        // Determine which edge is being moved over and what cursor to show.
+        if (Math.abs(e.offsetX) < 5) {
+            this.component.style.cursor = "ew-resize";
+        }
+        else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {
+            this.component.style.cursor = "ew-resize";
+        }
+        else if (Math.abs(e.offsetY) < 5) {
+            this.component.style.cursor = "ns-resize";
+        }
+        else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {
+            this.component.style.cursor = "ns-resize";
+        }
+        else {
+            this.component.style.cursor = "move";
+        }
+    }
+    ;
+    handleDoubleClick() {
+        if (this.readonly)
+            return;
+        this.isEditing = true;
+        this.heldEdge = null;
+        this.isEdgeDragging = false;
+        this.sizeObserver.disconnect();
+        this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;
+        const editbox = this.component.shadowRoot.getElementById('editing-input');
+        console.log(editbox);
+        if (editbox) {
+            editbox.className = 'ls-editor-field-editable';
+            editbox.focus();
+        }
+    }
+    handleDragStart(event) {
+        console.log("dragstart ls-editor-field", event, this.type);
+        // Add the target element's id to the data transfer object
+        event.dataTransfer.setData("application/json", JSON.stringify({
+            type: this.type
+        }));
+        event.dataTransfer.dropEffect = "move";
+    }
+    watchSelectedHandler(_newValue, _oldValue) {
+        if (_newValue)
+            this.component.style.border = "1px dotted red";
+        else
+            this.component.style.border = "1px solid black";
+    }
+    onInputChange(e) {
+        // console.log("INPUT CHANGE", e);
+        this.innerValue = e.target.value;
+    }
+    componentDidLoad() {
+        this.sizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.contentRect) {
+                    //          const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;
+                    const movebox = this.component.shadowRoot.getElementById('field-info');
+                    // console.log(editbox)
+                    // editbox.style.height = entry.contentRect.height + "px"
+                    // editbox.style.width = entry.contentRect.width + "px"
+                    movebox.style.height = entry.contentRect.height + "px";
+                    movebox.style.width = entry.contentRect.width + "px";
+                }
+            }
+        });
+        this.sizeObserver.observe(this.component);
+        // New dropped components automatically need selecting.
+        if (this.selected)
+            this.component.style.border = "1px dotted red";
+        else
+            this.component.style.border = "1px solid black";
+    }
+    render() {
+        return (h(Host, { key: '1768aa1f0591c1094aee697e8d8a99c5bb769369', class: {
+                'ls-editor-field': true,
+                'is-selected': this.selected
+            } }, h("input", { key: 'ce5806dd692551c27d270f6bac41e038016f8067', id: "editing-input", class: this.isEditing ? "ls-editor-field-editable" : "hidden-field", type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value || this.innerValue, onChange: (e) => this.onInputChange(e) }), h("div", { key: '1a102290f8e8a860e8d72c2af6505facd8cf821b', id: "field-info", class: this.isEditing ? "hidden-field" : "ls-editor-field-draggable" }, this.innerValue || this.dataItem?.label || this.dataItem?.formElementType)));
+    }
+    static get is() { return "ls-editor-field"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-editor-field.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-editor-field.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dataItem": {
+                "type": "unknown",
+                "attribute": "data-item",
+                "mutable": true,
+                "complexType": {
+                    "original": "LSApiElement",
+                    "resolved": "{ id: string; align: string; ax?: number; ay?: number; bx?: number; by?: number; left?: number; top?: number; height?: number; width?: number; elementType: string; fieldOrder?: number; fontName: string; fontSize: number; hideBorder?: boolean; label?: string; labelExtra?: string; helpText?: string; optional?: boolean; options?: string; page?: number; role?: LSApiRole; substantive?: boolean; validation?: number; value?: string; logicGroup?: string; logicAction?: number; mapTo?: string; signer: number; link?: string; formElementType?: \"number\" | \"text\" | \"signature\" | \"date\" | \"regex\" | \"file\" | \"autodate\"; roleObject?: LSApiRole; cstyle?: any; divStyle?: any; objectHeight?: string; pageDimensions?: { height: number; width: number; }; }",
+                    "references": {
+                        "LSApiElement": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LSApiElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "selected": {
+                "type": "boolean",
+                "attribute": "selected",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "readonly": {
+                "type": "boolean",
+                "attribute": "readonly",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "palette": {
+                "type": "unknown",
+                "attribute": "palette",
+                "mutable": false,
+                "complexType": {
+                    "original": "RoleColor[]",
+                    "resolved": "RoleColor[]",
+                    "references": {
+                        "RoleColor": {
+                            "location": "global",
+                            "id": "global::RoleColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate'",
+                    "resolved": "\"autodate\" | \"date\" | \"file\" | \"number\" | \"regex\" | \"signature\" | \"text\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "page": {
+                "type": "unknown",
+                "attribute": "page",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ height: number, width: number }",
+                    "resolved": "{ height: number; width: number; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isEditing": {},
+            "heldEdge": {},
+            "isEdgeDragging": {},
+            "innerValue": {}
+        };
+    }
+    static get elementRef() { return "component"; }
+    static get watchers() {
+        return [{
+                "propName": "selected",
+                "methodName": "watchSelectedHandler"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleInput",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "mousemove",
+                "method": "handleMouseMove",
+                "target": undefined,
+                "capture": true,
+                "passive": true
+            }, {
+                "name": "dblclick",
+                "method": "handleDoubleClick",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "dragstart",
+                "method": "handleDragStart",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=ls-editor-field.js.map