legalesign-document-viewer 0.7.2 → 0.7.3

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

@@ -1,468 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { getInputType } from "../ls-document-viewer/editorUtils";
-import { defaultRolePalette } from "../ls-document-viewer/defaultPalette";
-export class LsEditorField {
-    component;
-    assignee;
-    dataItem;
-    selected = false;
-    readonly;
-    type;
-    page;
-    fixedAspect = null;
-    isEditing = false;
-    heldEdge = null;
-    isEdgeDragging = false;
-    innerValue;
-    zoom;
-    sizeObserver;
-    mutate;
-    update;
-    /**
-     * Controls whether floating elements are visible. Set by mouse enter/leave events.
-     */
-    floatingActive = false;
-    // Set floatingActive true on mouse enter, false on mouse leave
-    handleMouseEnter = () => {
-        this.floatingActive = true;
-    };
-    handleMouseLeave = () => {
-        this.floatingActive = false;
-    };
-    handleInput(e) {
-        if (e.code === 'Enter') {
-            this.isEditing = false;
-            this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));
-        }
-        e.stopPropagation();
-    }
-    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(e) {
-        if (this.readonly || this.dataItem.formElementType === 'signature' || this.dataItem.formElementType === 'initials')
-            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(this.dataItem);
-        if (editbox) {
-            editbox.className = 'ls-editor-field-editable';
-            editbox.focus();
-        }
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    handleDragStart(event) {
-        // 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.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
-            this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-        }
-        else {
-            this.component.style.background = 'rgba(255,255,255,0.5)';
-            this.component.style.boxShadow = 'none';
-        }
-    }
-    deleteField = () => {
-        this.mutate.emit([{ action: 'delete', data: this.dataItem }]);
-        this.update.emit([{ action: 'delete', data: this.dataItem }]);
-    };
-    componentDidLoad() {
-        this.sizeObserver = new ResizeObserver(entries => {
-            for (const entry of entries) {
-                if (entry.contentRect) {
-                    const movebox = this.component.shadowRoot.getElementById('field-info');
-                    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.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
-            this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-        }
-        else {
-            this.component.style.background = this.hexToRgba('ffffff', 0.7);
-            this.component.style.boxShadow = 'none';
-        }
-    }
-    // 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, ...diff };
-        this.debounce(this.dataItem, 900);
-    }
-    labeltimer;
-    debounce(data, delay) {
-        if (this.labeltimer)
-            clearTimeout(this.labeltimer);
-        this.labeltimer = setTimeout(() => {
-            const diffs = [{ action: 'update', data }];
-            this.mutate.emit(diffs);
-        }, delay);
-    }
-    hexToRgba(hex, alpha) {
-        hex = hex.replace('#', '');
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        return `rgba(${r},${g},${b},${alpha})`;
-    }
-    render() {
-        const hostStyle = this.floatingActive
-            ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }
-            : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };
-        const zoomValue = parseFloat(this.zoom) || 1;
-        return (h(Host, { key: '7ca4de1cbb59d789b6453d0e9f499e8c95dba583', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'e3d07b6e772b3d5f275a355114cb0b4f855f61e9', class: {
-                'ls-editor-field': true,
-                'is-selected': this.selected,
-            } }, !this.dataItem?.optional && (h("ls-icon", { key: 'a4be930c1471c774ea370582ae809a72404d4a8d', name: "required", size: `${0.75 * zoomValue}rem`, class: "required-icon", customStyle: {
-                position: 'absolute',
-                verticalAlign: 'top',
-                top: `${0.125 * zoomValue}rem`,
-                right: `${0.125 * zoomValue}rem`,
-                lineHeight: `${0.75 * zoomValue}rem`,
-                fontSize: `${0.75 * zoomValue}rem`,
-            } })), h("input", { key: 'b2f5f4d89baa974f52b499373f4d61bf21dc2bf5', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => this.alter({ value: e.target.value }) }), h("div", { key: '26b14600474b77853b728bd7af93ffb0e3e02071', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '06b6925533b4fff12383b7c3bfc4047e4356c2d0', style: {
-                position: 'absolute',
-                background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
-                color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
-                borderRadius: `${0.25 * zoomValue}rem`,
-                padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,
-                top: `-${1.375 * zoomValue}rem`,
-                fontWeight: '500',
-                left: `-${2 * zoomValue}px`,
-                whiteSpace: 'nowrap',
-                width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '78a967c091360868997e07287b8e5a16500550d3', style: {
-                position: 'absolute',
-                color: 'var(--gray-80, #3a3a3a)',
-                bottom: `-${1.75 * zoomValue}rem`,
-                fontSize: `${0.625 * zoomValue}rem`,
-                left: '0',
-                whiteSpace: 'nowrap',
-                width: 'fit-content',
-                fontFamily: 'sans-serif',
-            } }, "Assigned to: ", this.assignee)), this.floatingActive && (h("button", { key: 'c16df680cfc43495401217759b2df27922bd90c8', class: 'x-button', style: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                width: `${0.875 * zoomValue}rem`,
-                height: `${0.875 * zoomValue}rem`,
-                lineHeight: `${0.75 * zoomValue}rem`,
-                fontSize: `${0.75 * zoomValue}rem`,
-            }, onClick: () => this.deleteField() }, h("ls-icon", { key: 'd8f8486783ee7a5b730dd7222eeccddf431cfc22', name: "x", size: `${0.75 * zoomValue}rem` }))))));
-    }
-    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 {
-            "assignee": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "assignee"
-            },
-            "dataItem": {
-                "type": "unknown",
-                "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\" | \"autosign\" | \"initials\" | \"email\" | \"checkbox\" | \"image\" | \"dropdown\"; roleObject?: LSApiRole; cstyle?: any; divStyle?: any; objectHeight?: string; pageDimensions?: { height: number; width: number; }; templateId?: string; }",
-                    "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",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selected",
-                "defaultValue": "false"
-            },
-            "readonly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "readonly"
-            },
-            "type": {
-                "type": "string",
-                "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,
-                "attribute": "type"
-            },
-            "page": {
-                "type": "unknown",
-                "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
-            },
-            "fixedAspect": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | null",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "fixed-aspect",
-                "defaultValue": "null"
-            },
-            "zoom": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "zoom"
-            },
-            "floatingActive": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Controls whether floating elements are visible. Set by mouse enter/leave events."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "floating-active",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isEditing": {},
-            "heldEdge": {},
-            "isEdgeDragging": {},
-            "innerValue": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "mutate",
-                "name": "mutate",
-                "bubbles": true,
-                "cancelable": false,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "LSMutateEvent[]",
-                    "resolved": "LSMutateEvent[]",
-                    "references": {
-                        "LSMutateEvent": {
-                            "location": "import",
-                            "path": "../../types/LSMutateEvent",
-                            "id": "src/types/LSMutateEvent.ts::LSMutateEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "update",
-                "name": "update",
-                "bubbles": true,
-                "cancelable": false,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "LSMutateEvent[]",
-                    "resolved": "LSMutateEvent[]",
-                    "references": {
-                        "LSMutateEvent": {
-                            "location": "import",
-                            "path": "../../types/LSMutateEvent",
-                            "id": "src/types/LSMutateEvent.ts::LSMutateEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n  tag: 'ls-editor-field',\n  styleUrl: 'ls-editor-field.css',\n  shadow: true,\n})\nexport class LsEditorField {\n  @Element() component: HTMLElement;\n  @Prop() assignee: string;\n  @Prop({ mutable: true }) dataItem: LSApiElement;\n  @Prop() selected: boolean = false;\n  @Prop() readonly: boolean;\n  @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n  @Prop() page: { height: number; width: number };\n  @Prop() fixedAspect: number | null = null;\n  @State() isEditing: boolean = false;\n  @State() heldEdge: string = null;\n  @State() isEdgeDragging: boolean = false;\n  @State() innerValue: string;\n  @Prop() zoom: string;\n\n  private sizeObserver: ResizeObserver;\n\n  @Event({\n    bubbles: true,\n    cancelable: false,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: false,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  /**\n   * Controls whether floating elements are visible. Set by mouse enter/leave events.\n   */\n  @Prop({ mutable: true, reflect: true }) floatingActive: boolean = false;\n\n  // Set floatingActive true on mouse enter, false on mouse leave\n  private handleMouseEnter = () => {\n    this.floatingActive = true;\n  };\n\n  private handleMouseLeave = () => {\n    this.floatingActive = false;\n  };\n\n  @Listen('keydown')\n  handleInput(e: KeyboardEvent) {\n    if (e.code === 'Enter') {\n      this.isEditing = false;\n      this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n    }\n\n    e.stopPropagation();\n  }\n\n  @Listen('mousemove', { capture: true })\n  handleMouseMove(e) {\n    if (this.readonly) return;\n    if (!e.clientX) return;\n\n    // Determine which edge is being moved over and what cursor to show.\n    if (Math.abs(e.offsetX) < 5) {\n      this.component.style.cursor = 'ew-resize';\n    } else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {\n      this.component.style.cursor = 'ew-resize';\n    } else if (Math.abs(e.offsetY) < 5) {\n      this.component.style.cursor = 'ns-resize';\n    } else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {\n      this.component.style.cursor = 'ns-resize';\n    } else {\n      this.component.style.cursor = 'move';\n    }\n  }\n\n  @Listen('dblclick', { capture: true })\n  handleDoubleClick(e: MouseEvent) {\n    if (this.readonly || this.dataItem.formElementType === 'signature' || this.dataItem.formElementType === 'initials') return;\n    this.isEditing = true;\n    this.heldEdge = null;\n    this.isEdgeDragging = false;\n    this.sizeObserver.disconnect();\n    this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n    const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n    console.log(this.dataItem);\n\n    if (editbox) {\n      editbox.className = 'ls-editor-field-editable';\n      editbox.focus();\n    }\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  @Listen('dragstart', { capture: false, passive: false })\n  handleDragStart(event) {\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\n      'application/json',\n      JSON.stringify({\n        type: this.type,\n      }),\n    );\n    event.dataTransfer.dropEffect = 'move';\n  }\n\n  @Watch('selected')\n  watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n    if (_newValue) {\n      this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n      this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n    } else {\n      this.component.style.background = 'rgba(255,255,255,0.5)';\n      this.component.style.boxShadow = 'none';\n    }\n  }\n\n  deleteField = () => {\n    this.mutate.emit([{ action: 'delete', data: this.dataItem }]);\n    this.update.emit([{ action: 'delete', data: this.dataItem }]);\n  };\n\n  componentDidLoad() {\n    this.sizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        if (entry.contentRect) {\n          const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n\n          movebox.style.height = entry.contentRect.height + 'px';\n          movebox.style.width = entry.contentRect.width + 'px';\n        }\n      }\n    });\n\n    this.sizeObserver.observe(this.component);\n\n    // New dropped components automatically need selecting.\n    if (this.selected) {\n      this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n      this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n    } else {\n      this.component.style.background = this.hexToRgba('ffffff', 0.7);\n      this.component.style.boxShadow = 'none';\n    }\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object) {\n    this.dataItem = { ...this.dataItem, ...diff };\n    this.debounce(this.dataItem, 900);\n  }\n\n  private labeltimer;\n\n  debounce(data, delay) {\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n\n    this.labeltimer = setTimeout(() => {\n      const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  hexToRgba(hex: string, alpha: number): string {\n    hex = hex.replace('#', '');\n    const r = parseInt(hex.substring(0, 2), 16);\n    const g = parseInt(hex.substring(2, 4), 16);\n    const b = parseInt(hex.substring(4, 6), 16);\n    return `rgba(${r},${g},${b},${alpha})`;\n  }\n\n  render() {\n    const hostStyle = this.floatingActive\n      ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }\n      : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };\n\n    const zoomValue = parseFloat(this.zoom) || 1;\n\n    return (\n      <Host id={this.dataItem ? 'ls-field-' + this.dataItem.id : undefined} style={hostStyle} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>\n        <div\n          class={{\n            'ls-editor-field': true,\n            'is-selected': this.selected,\n          }}\n        >\n          {!this.dataItem?.optional && (\n            <ls-icon\n              name=\"required\"\n              size={`${0.75 * zoomValue}rem`}\n              class=\"required-icon\"\n              customStyle={{\n                position: 'absolute',\n                verticalAlign: 'top',\n                top: `${0.125 * zoomValue}rem`,\n                right: `${0.125 * zoomValue}rem`,\n                lineHeight: `${0.75 * zoomValue}rem`,\n                fontSize: `${0.75 * zoomValue}rem`,\n              }}\n            />\n          )}\n          <input\n            id=\"editing-input\"\n            class={this.isEditing ? 'ls-editor-field-editable' : 'hidden-field'}\n            type={getInputType(this.dataItem.validation).inputType}\n            value={this.dataItem?.value}\n            checked={this.dataItem?.value ? true : false}\n            onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n          />\n\n          <div id=\"field-info\" class={this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable'} style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}>\n            {(this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType}\n          </div>\n          {(this.floatingActive || this.selected) && this.dataItem?.label && (\n            <div\n              style={{\n                position: 'absolute',\n                background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,\n                color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,\n                borderRadius: `${0.25 * zoomValue}rem`,\n                padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,\n                top: `-${1.375 * zoomValue}rem`,\n                fontWeight: '500',\n                left: `-${2 * zoomValue}px`,\n                whiteSpace: 'nowrap',\n                width: 'fit-content',\n              }}\n            >\n              {this.dataItem?.label}\n            </div>\n          )}\n          {(this.floatingActive || this.selected) && (\n            <p\n              style={{\n                position: 'absolute',\n                color: 'var(--gray-80, #3a3a3a)',\n                bottom: `-${1.75 * zoomValue}rem`,\n                fontSize: `${0.625 * zoomValue}rem`,\n                left: '0',\n                whiteSpace: 'nowrap',\n                width: 'fit-content',\n                fontFamily: 'sans-serif',\n              }}\n            >\n              Assigned to: {this.assignee}\n            </p>\n          )}\n          {this.floatingActive && (\n            <button\n              class={'x-button'}\n              style={{\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n                width: `${0.875 * zoomValue}rem`,\n                height: `${0.875 * zoomValue}rem`,\n                lineHeight: `${0.75 * zoomValue}rem`,\n                fontSize: `${0.75 * zoomValue}rem`,\n              }}\n              onClick={() => this.deleteField()}\n            >\n              <ls-icon name=\"x\" size={`${0.75 * zoomValue}rem`} />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,16 +0,0 @@
-:host {
-  display: block;
-  z-index: 100;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-table {
-  background-color: azure;
-  border: 1px solid black
-}
-
-td {
-  border: 1px solid black
-}

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

@@ -1,69 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class LsEditorTable {
-    component;
-    /**
-  * The parent editor control.
-  * {LsDocumentViewer}
-  */
-    editor;
-    componentDidLoad() {
-        var dataTable = this.component.shadowRoot.getElementById('ls-editor-table');
-        Array.from(this.editor.component.shadowRoot.querySelectorAll('ls-editor-field')).forEach(fx => {
-            const rowNode = document.createElement('tr');
-            const idCellNode = document.createElement('td');
-            idCellNode.innerText = fx.dataItem.id;
-            rowNode.appendChild(idCellNode);
-            const valueCellNode = document.createElement('td');
-            valueCellNode.innerText = fx.dataItem.value;
-            rowNode.appendChild(valueCellNode);
-            const labelCellNode = document.createElement('td');
-            labelCellNode.innerText = fx.dataItem.label;
-            rowNode.appendChild(labelCellNode);
-            dataTable.appendChild(rowNode);
-        });
-    }
-    render() {
-        return (h(Host, { key: 'e56b514f77bce59b5bcb10b43830be4f884a9488' }, h("table", { key: '3a0368c8a52bbf2d008aaaebdaba52265d0cc65c', id: "ls-editor-table" }), h("slot", { key: 'c38271366de7c3609039f167679a490bf922bbb2' })));
-    }
-    static get is() { return "ls-editor-table"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ls-editor-table.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ls-editor-table.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "editor": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "LsDocumentViewer",
-                    "resolved": "LsDocumentViewer",
-                    "references": {
-                        "LsDocumentViewer": {
-                            "location": "import",
-                            "path": "../ls-document-viewer/ls-document-viewer",
-                            "id": "src/components/ls-document-viewer/ls-document-viewer.tsx::LsDocumentViewer"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The parent editor control.\n{LsDocumentViewer}"
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get elementRef() { return "component"; }
-}
-//# sourceMappingURL=ls-editor-table.js.map

package/dist/collection/components/ls-editor-table/ls-editor-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-editor-table.js","sourceRoot":"","sources":["../../../src/components/ls-editor-table/ls-editor-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAQlE,MAAM,OAAO,aAAa;IACb,SAAS,CAAc;IAClC;;;IAGA;IACQ,MAAM,CAAmB;IAEjC,gBAAgB;QACd,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAsB,CAAC;QACjG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAE5F,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC7C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAChD,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAA;YACrC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAEhC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACnD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAA;YAC3C,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACnD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAA;YAC3C,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAEnC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAO,EAAE,EAAC,iBAAiB,GACnB;YACR,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\n\n@Component({\n  tag: 'ls-editor-table',\n  styleUrl: 'ls-editor-table.css',\n  shadow: true,\n})\nexport class LsEditorTable {\n  @Element() component: HTMLElement;\n  /**\n* The parent editor control.\n* {LsDocumentViewer}\n*/\n  @Prop() editor: LsDocumentViewer;\n\n  componentDidLoad() {\n    var dataTable = this.component.shadowRoot.getElementById('ls-editor-table') as HTMLCanvasElement;\n    Array.from(this.editor.component.shadowRoot.querySelectorAll('ls-editor-field')).forEach(fx => {\n\n      const rowNode = document.createElement('tr');\n      const idCellNode = document.createElement('td');\n      idCellNode.innerText = fx.dataItem.id\n      rowNode.appendChild(idCellNode);\n\n      const valueCellNode = document.createElement('td');\n      valueCellNode.innerText = fx.dataItem.value\n      rowNode.appendChild(valueCellNode);\n\n      const labelCellNode = document.createElement('td');\n      labelCellNode.innerText = fx.dataItem.label\n      rowNode.appendChild(labelCellNode);\n\n      dataTable.appendChild(rowNode)\n    })\n  }\n\n  render() {\n    return (\n      <Host>\n        <table id=\"ls-editor-table\">\n        </table>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-feature-column/ls-feature-column.css

@@ -1,27 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-
-}
-
-.activeIcon, .defaultIcon {
-  padding: 0.75rem;
-  border-radius: 0.75rem;
-  color: var(--gray-80, #787A80);
-}
-
-.defaultIcon:hover {
-  background-color: var(--primary-10, #EFF4FF);
-  color: var(--primary-100, #0C1457);
-  cursor: pointer;
-}
-
-.activeIcon {
-  background-color: var(--primary-60, #4456F6);
-  color: var(--white, #fff);
-}
-
-.hidden {
-  display: none;
-}