legalesign-document-viewer 0.1.0 → 0.1.2

package/dist/ls-document-viewer/ls-document-options.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-document-options.entry.esm.js","sources":["src/components/ls-document-options/ls-document-options.css?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nh1 {\n  font-size: 19px;\n} ","import { Component, Host, h, Prop, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n@Component({\n  tag: 'ls-document-options',\n  styleUrl: 'ls-document-options.css',\n  shadow: true,\n})\nexport class LsDocumentOptions {\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n  \n  @Watch('template')\n  selectedHandler(newSelected, _oldSelected) {\n    console.log(newSelected, 'document manager')\n  }\n    \n  render() {\n    return (\n      <Host>\n        <h1>Template Properties</h1>\n         <ls-formfield label=\"Name\" as=\"text\" value={this.template?.title}/>\n        <ls-formfield label=\"Auto Archive\" as=\"radio\" value={\"false\"}/>\n        Pages {this.template?.pageDimensionArray?.length}\n        Date Created {this.template?.created}\n        Created By {this.template?.createdBy}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,wCAAwC;;MCQxD,iBAAiB,GAAA,MAAA;;;;AAC5B;;;AAGG;AACK,IAAA,QAAQ;IAGhB,eAAe,CAAC,WAAW,EAAE,YAAY,EAAA;AACvC,QAAA,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC;;IAG9C,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA4B,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,qBAAA,CAAA,EAC3B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAG,CAAA,EACpE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,EAAE,EAAC,OAAO,EAAC,KAAK,EAAE,OAAO,EAAG,CAAA,YACxD,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,MAAM,mBAClC,IAAI,CAAC,QAAQ,EAAE,OAAO,iBACxB,IAAI,CAAC,QAAQ,EAAE,SAAS,EACpC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;"}

package/dist/ls-document-viewer/ls-document-options.entry.js

@@ -1,29 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
-
-const lsDocumentOptionsCss = ":host{display:block}h1{font-size:19px}";
-
-const LsDocumentOptions = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * The base template information (as JSON).
-     * {LSApiTemplate}
-     */
-    template;
-    selectedHandler(newSelected, _oldSelected) {
-        console.log(newSelected, 'document manager');
-    }
-    render() {
-        return (h(Host, { key: 'a1d7757424bbb5ab2e1308528449a832e735b38a' }, h("h1", { key: '8987e8c0d0cee7e33d29c2e5b9d7a6eeb0d44814' }, "Template Properties"), h("ls-formfield", { key: '277a2407c57e9be4f7c9c949070b635107f9c8de', label: "Name", as: "text", value: this.template?.title }), h("ls-formfield", { key: '0a7003577dd7f3604568014213ff578301ceed85', label: "Auto Archive", as: "radio", value: "false" }), "Pages ", this.template?.pageDimensionArray?.length, "Date Created ", this.template?.created, "Created By ", this.template?.createdBy, h("slot", { key: 'a9c4abf47737a200ee1207aee2759cd9f9ab268f' })));
-    }
-    static get watchers() { return {
-        "template": ["selectedHandler"]
-    }; }
-};
-LsDocumentOptions.style = lsDocumentOptionsCss;
-
-export { LsDocumentOptions as ls_document_options };
-//# sourceMappingURL=ls-document-options.entry.esm.js.map
-
-//# sourceMappingURL=ls-document-options.entry.js.map

package/dist/ls-document-viewer/ls-document-options.entry.js.map

@@ -1 +0,0 @@
-{"file":"ls-document-options.entry.esm.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,wCAAwC;;MCQxD,iBAAiB,GAAA,MAAA;;;;AAC5B;;;AAGG;AACK,IAAA,QAAQ;IAGhB,eAAe,CAAC,WAAW,EAAE,YAAY,EAAA;AACvC,QAAA,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC;;IAG9C,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA4B,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,qBAAA,CAAA,EAC3B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAG,CAAA,EACpE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,EAAE,EAAC,OAAO,EAAC,KAAK,EAAE,OAAO,EAAG,CAAA,YACxD,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,MAAM,mBAClC,IAAI,CAAC,QAAQ,EAAE,OAAO,iBACxB,IAAI,CAAC,QAAQ,EAAE,SAAS,EACpC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;","names":[],"sources":["src/components/ls-document-options/ls-document-options.css?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nh1 {\n  font-size: 19px;\n} ","import { Component, Host, h, Prop, Watch } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n@Component({\n  tag: 'ls-document-options',\n  styleUrl: 'ls-document-options.css',\n  shadow: true,\n})\nexport class LsDocumentOptions {\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n  \n  @Watch('template')\n  selectedHandler(newSelected, _oldSelected) {\n    console.log(newSelected, 'document manager')\n  }\n    \n  render() {\n    return (\n      <Host>\n        <h1>Template Properties</h1>\n         <ls-formfield label=\"Name\" as=\"text\" value={this.template?.title}/>\n        <ls-formfield label=\"Auto Archive\" as=\"radio\" value={\"false\"}/>\n        Pages {this.template?.pageDimensionArray?.length}\n        Date Created {this.template?.created}\n        Created By {this.template?.createdBy}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/ls-document-viewer/ls-editor-field.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-editor-field.entry.esm.js","sources":["src/components/ls-editor-field/ls-editor-field.css?tag=ls-editor-field&encapsulation=shadow","src/components/ls-editor-field/ls-editor-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: absolute;\n  border: 1px solid rgb(49, 49, 49);\n  margin: 0px;\n  padding: 0px 0px 0px 0px;\n  isolation: isolate;\n}\n\n.ls-editor-field-editable {\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n  overflow: hidden;\n\n  /* no extra spaces */\n  white-space: nowrap;\n  border: 0px solid #000;\n  margin: 0;\n  padding: 0px 0px 0px 0px;\n  /* default widths */\n  min-width: 2em;\n  background-color: white;\n  height: 100%;\n  width: 100%;\n}\n\n.ls-editor-field-editable:focus {\n  outline: none;\n}\n\n.ls-editor-field-draggable {\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n\n  overflow: hidden;\n\n  /* no extra spaces */\n  white-space: nowrap;\n  background-color: white;\n\n  /* default widths */\n  min-width: 2px;\n  height: 98%;\n  width: 98%;\n}\n\n.is-selected {\n    border: 1px dotted rgb(193, 26, 26);\n}\n\n.hidden-field {\n  display: none;\n}\n\n.draggable-input {\n  font-family: inherit;\n  font-size: inherit;\n  position: relative;\n  height: 95%;\n  width: 95%;\n}\n\n.editing-input {\n  caret-color: rgb(15 23 42);\n  caret-shape: auto;\n  height: 100%;\n  width: 100%;\n}","import { Component, Host, h, Element, State, Prop, Watch, Listen } from '@stencil/core';\nimport { LSApiElement, RoleColor } from '../../components';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\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({ mutable: true }) dataItem: LSApiElement;\n  @Prop() selected: boolean;\n  @Prop() readonly: boolean;\n  @Prop() palette: RoleColor[];\n\n  @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n  @Prop() page: { height: number, width: number };\n  @State() isEditing: boolean = false;\n  @State() heldEdge: string = null;\n  @State() isEdgeDragging: boolean = false;\n  @State() innerValue: string;\n  private sizeObserver: ResizeObserver;\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\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() {\n    if (this.readonly) 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(editbox)\n\n    if(editbox) {\n      editbox.className = 'ls-editor-field-editable'\n      editbox.focus();\n    }\n  }\n\n  @Listen('dragstart', { capture: false, passive: false })\n  handleDragStart(event) {\n    console.log(\"dragstart ls-editor-field\", event, this.type)\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\"application/json\", JSON.stringify({\n      type: this.type\n    }));\n    event.dataTransfer.dropEffect = \"move\";\n  }\n\n  @Watch('selected')\n  watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n    if (_newValue) this.component.style.border = \"1px dotted red\";\n    else this.component.style.border = \"1px solid black\";\n  }\n\n  onInputChange(e) {\n    // console.log(\"INPUT CHANGE\", e);\n    this.innerValue = e.target.value;\n  }\n\n  componentDidLoad() {\n\n    this.sizeObserver = new ResizeObserver((entries) => {\n\n      for (const entry of entries) {\n        if (entry.contentRect) {\n\n//          const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;\n          const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n          // console.log(editbox)\n          // editbox.style.height = entry.contentRect.height + \"px\"\n          // editbox.style.width = entry.contentRect.width + \"px\"\n\n          movebox.style.height = entry.contentRect.height + \"px\"\n          movebox.style.width = entry.contentRect.width + \"px\"\n\n        }\n      }\n    })\n\n    this.sizeObserver.observe(this.component)\n\n    // New dropped components automatically need selecting.\n    if (this.selected) this.component.style.border = \"1px dotted red\";\n    else this.component.style.border = \"1px solid black\";\n  }\n\n\n\n  render() {\n    return (\n      <Host class={{\n        'ls-editor-field': true,\n        'is-selected': this.selected\n      }}>\n          <input 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 || this.innerValue}\n            onChange={(e) => this.onInputChange(e)}\n          />\n          <div id=\"field-info\" class={this.isEditing ? \"hidden-field\" : \"ls-editor-field-draggable\"}>\n            {this.innerValue || this.dataItem?.label || this.dataItem?.formElementType}\n          </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,qzBAAqzB;;MCSj0B,aAAa,GAAA,MAAA;;;;;AAEC,IAAA,QAAQ;AACzB,IAAA,QAAQ;AACR,IAAA,QAAQ;AACR,IAAA,OAAO;AAEP,IAAA,IAAI;AACJ,IAAA,IAAI;IACH,SAAS,GAAY,KAAK;IAC1B,QAAQ,GAAW,IAAI;IACvB,cAAc,GAAY,KAAK;AAC/B,IAAA,UAAU;AACX,IAAA,YAAY;AAGpB,IAAA,WAAW,CAAC,CAAgB,EAAA;AAC1B,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;AACtB,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;;;AAKrF,IAAA,eAAe,CAAC,CAAC,EAAA;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE;QACnB,IAAI,CAAC,CAAC,CAAC,OAAO;YAAE;;QAGhB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW;;AACpC,aAAA,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;YAC/D,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW;;aACpC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAClC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW;;AACpC,aAAA,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;YAChE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW;;aACpC;YACL,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;;;;IAKxC,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,QAAA,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE;QAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK;AAE1E,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,eAAe,CAAqB;AAC7F,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;QAEpB,IAAG,OAAO,EAAE;AACV,YAAA,OAAO,CAAC,SAAS,GAAG,0BAA0B;YAC9C,OAAO,CAAC,KAAK,EAAE;;;AAKnB,IAAA,eAAe,CAAC,KAAK,EAAA;QACnB,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;;QAE1D,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC;YAC5D,IAAI,EAAE,IAAI,CAAC;AACZ,SAAA,CAAC,CAAC;AACH,QAAA,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM;;IAIxC,oBAAoB,CAAC,SAAkB,EAAE,SAAkB,EAAA;AACzD,QAAA,IAAI,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB;;YACxD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,iBAAiB;;AAGtD,IAAA,aAAa,CAAC,CAAC,EAAA;;QAEb,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;;IAGlC,gBAAgB,GAAA;QAEd,IAAI,CAAC,YAAY,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AAEjD,YAAA,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;AAC3B,gBAAA,IAAI,KAAK,CAAC,WAAW,EAAE;;AAGrB,oBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAgB;;;;AAKrF,oBAAA,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI;AACtD,oBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI;;;AAI1D,SAAC,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;;QAGzC,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB;;YAC5D,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,iBAAiB;;IAKtD,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE;AACX,gBAAA,iBAAiB,EAAE,IAAI;gBACvB,aAAa,EAAE,IAAI,CAAC;aACrB,EAAA,EACG,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,0BAA0B,GAAG,cAAc,EACnE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,SAAS,EACtD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,IAAI,CAAC,UAAU,EAC9C,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EACtC,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,cAAc,GAAG,2BAA2B,EAAA,EACtF,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,eAAe,CACtE,CACH;;;;;;;;;;"}

package/dist/ls-document-viewer/ls-editor-field.entry.js

@@ -1,120 +0,0 @@
-import { r as registerInstance, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
-import { b as getInputType } from './editorUtils-CWtBGPrf.js';
-
-const lsEditorFieldCss = ":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;white-space:nowrap;border:0px solid #000;margin:0;padding:0px 0px 0px 0px;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;white-space:nowrap;background-color:white;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%}";
-
-const LsEditorField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get component() { return getElement(this); }
-    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: 'f75b043455d8d893cfd695a1861a5fab7bafa1c1', class: {
-                'ls-editor-field': true,
-                'is-selected': this.selected
-            } }, h("input", { key: '60990dd57f8f3a24865653e45d6ace95755a5087', 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: '54c7a0a6fdb3fbb7a5aac80289ae2c510c340b72', id: "field-info", class: this.isEditing ? "hidden-field" : "ls-editor-field-draggable" }, this.innerValue || this.dataItem?.label || this.dataItem?.formElementType)));
-    }
-    static get watchers() { return {
-        "selected": ["watchSelectedHandler"]
-    }; }
-};
-LsEditorField.style = lsEditorFieldCss;
-
-export { LsEditorField as ls_editor_field };
-//# sourceMappingURL=ls-editor-field.entry.esm.js.map
-
-//# sourceMappingURL=ls-editor-field.entry.js.map

package/dist/ls-document-viewer/ls-editor-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"ls-editor-field.entry.esm.js","mappings":"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","names":[],"sources":["src/components/ls-editor-field/ls-editor-field.css?tag=ls-editor-field&encapsulation=shadow","src/components/ls-editor-field/ls-editor-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: absolute;\n  border: 1px solid rgb(49, 49, 49);\n  margin: 0px;\n  padding: 0px 0px 0px 0px;\n  isolation: isolate;\n}\n\n.ls-editor-field-editable {\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n  overflow: hidden;\n\n  /* no extra spaces */\n  white-space: nowrap;\n  border: 0px solid #000;\n  margin: 0;\n  padding: 0px 0px 0px 0px;\n  /* default widths */\n  min-width: 2em;\n  background-color: white;\n  height: 100%;\n  width: 100%;\n}\n\n.ls-editor-field-editable:focus {\n  outline: none;\n}\n\n.ls-editor-field-draggable {\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n\n  overflow: hidden;\n\n  /* no extra spaces */\n  white-space: nowrap;\n  background-color: white;\n\n  /* default widths */\n  min-width: 2px;\n  height: 98%;\n  width: 98%;\n}\n\n.is-selected {\n    border: 1px dotted rgb(193, 26, 26);\n}\n\n.hidden-field {\n  display: none;\n}\n\n.draggable-input {\n  font-family: inherit;\n  font-size: inherit;\n  position: relative;\n  height: 95%;\n  width: 95%;\n}\n\n.editing-input {\n  caret-color: rgb(15 23 42);\n  caret-shape: auto;\n  height: 100%;\n  width: 100%;\n}","import { Component, Host, h, Element, State, Prop, Watch, Listen } from '@stencil/core';\nimport { LSApiElement, RoleColor } from '../../components';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\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({ mutable: true }) dataItem: LSApiElement;\n  @Prop() selected: boolean;\n  @Prop() readonly: boolean;\n  @Prop() palette: RoleColor[];\n\n  @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n  @Prop() page: { height: number, width: number };\n  @State() isEditing: boolean = false;\n  @State() heldEdge: string = null;\n  @State() isEdgeDragging: boolean = false;\n  @State() innerValue: string;\n  private sizeObserver: ResizeObserver;\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\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() {\n    if (this.readonly) 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(editbox)\n\n    if(editbox) {\n      editbox.className = 'ls-editor-field-editable'\n      editbox.focus();\n    }\n  }\n\n  @Listen('dragstart', { capture: false, passive: false })\n  handleDragStart(event) {\n    console.log(\"dragstart ls-editor-field\", event, this.type)\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\"application/json\", JSON.stringify({\n      type: this.type\n    }));\n    event.dataTransfer.dropEffect = \"move\";\n  }\n\n  @Watch('selected')\n  watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n    if (_newValue) this.component.style.border = \"1px dotted red\";\n    else this.component.style.border = \"1px solid black\";\n  }\n\n  onInputChange(e) {\n    // console.log(\"INPUT CHANGE\", e);\n    this.innerValue = e.target.value;\n  }\n\n  componentDidLoad() {\n\n    this.sizeObserver = new ResizeObserver((entries) => {\n\n      for (const entry of entries) {\n        if (entry.contentRect) {\n\n//          const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;\n          const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n          // console.log(editbox)\n          // editbox.style.height = entry.contentRect.height + \"px\"\n          // editbox.style.width = entry.contentRect.width + \"px\"\n\n          movebox.style.height = entry.contentRect.height + \"px\"\n          movebox.style.width = entry.contentRect.width + \"px\"\n\n        }\n      }\n    })\n\n    this.sizeObserver.observe(this.component)\n\n    // New dropped components automatically need selecting.\n    if (this.selected) this.component.style.border = \"1px dotted red\";\n    else this.component.style.border = \"1px solid black\";\n  }\n\n\n\n  render() {\n    return (\n      <Host class={{\n        'ls-editor-field': true,\n        'is-selected': this.selected\n      }}>\n          <input 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 || this.innerValue}\n            onChange={(e) => this.onInputChange(e)}\n          />\n          <div id=\"field-info\" class={this.isEditing ? \"hidden-field\" : \"ls-editor-field-draggable\"}>\n            {this.innerValue || this.dataItem?.label || this.dataItem?.formElementType}\n          </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/ls-document-viewer/ls-editor-table.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-editor-table.entry.esm.js","sources":["src/components/ls-editor-table/ls-editor-table.css?tag=ls-editor-table&encapsulation=shadow","src/components/ls-editor-table/ls-editor-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  z-index: 100;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n\ntable {\n  background-color: azure;\n  border: 1px solid black\n}\n\ntd {\n  border: 1px solid black\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,mJAAmJ;;MCQ/J,aAAa,GAAA,MAAA;;;;;AAExB;;;AAGA;AACQ,IAAA,MAAM;IAEd,gBAAgB,GAAA;AACd,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAsB;QAChG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;YAE5F,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/C,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE;AACrC,YAAA,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC;YAE/B,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;YAElC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;AAElC,YAAA,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;AAChC,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EACnB,CAAA,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}

package/dist/ls-document-viewer/ls-editor-table.entry.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
-
-const lsEditorTableCss = ":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}";
-
-const LsEditorTable = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get component() { return getElement(this); }
-    /**
-  * 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: '48c8e33651b072080f374fc707bddcc806e1f647' }, h("table", { key: 'b481c2a66392b75de763097812d5d70aacfda033', id: "ls-editor-table" }), h("slot", { key: '8785e0821d7dc5bf173af56afed096b0d433c24b' })));
-    }
-};
-LsEditorTable.style = lsEditorTableCss;
-
-export { LsEditorTable as ls_editor_table };
-//# sourceMappingURL=ls-editor-table.entry.esm.js.map
-
-//# sourceMappingURL=ls-editor-table.entry.js.map

package/dist/ls-document-viewer/ls-editor-table.entry.js.map

@@ -1 +0,0 @@
-{"file":"ls-editor-table.entry.esm.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,mJAAmJ;;MCQ/J,aAAa,GAAA,MAAA;;;;;AAExB;;;AAGA;AACQ,IAAA,MAAM;IAEd,gBAAgB,GAAA;AACd,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAsB;QAChG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;YAE5F,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/C,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE;AACrC,YAAA,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC;YAE/B,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;YAElC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;YAClD,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;AAC3C,YAAA,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;AAElC,YAAA,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;AAChC,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EACnB,CAAA,EACR,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-editor-table/ls-editor-table.css?tag=ls-editor-table&encapsulation=shadow","src/components/ls-editor-table/ls-editor-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  z-index: 100;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n\ntable {\n  background-color: azure;\n  border: 1px solid black\n}\n\ntd {\n  border: 1px solid black\n}\n","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"],"version":3}

package/dist/ls-document-viewer/ls-feature-column.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-feature-column.entry.esm.js","sources":["src/components/ls-feature-column/ls-feature-column.css?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 4px\n}\n\n.activeIcon {\n  background-color: aliceblue;\n}","import { Component, Host, Prop, h, EventEmitter, Event } from '@stencil/core';\n\n@Component({\n  tag: 'ls-feature-column',\n  styleUrl: 'ls-feature-column.css',\n  shadow: true,\n})\nexport class LsFeatureColoumn {\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    // Send an manager change up the DOM\n    @Event() manage: EventEmitter<'document' | 'toolbox' | 'participant'>;\n  \n  \n  render() {\n    return (\n      <Host>\n        <ls-icon name='document' size=\"36\" class={this.manager === 'document' ? 'activeIcon' : ''} onClick={()=> { console.log('document');this.manage.emit('document'); this.manager = 'document'}}/>\n        <ls-icon name='typing-input' size=\"36\"  class={this.manager === 'toolbox' ? 'activeIcon' : ''}  onClick={()=> { this.manage.emit('toolbox'); this.manager = 'toolbox'}}/>\n        <ls-icon name='user-group' size=\"36\"  class={this.manager === 'participant' ? 'activeIcon' : ''}  onClick={()=> { this.manage.emit('participant'); this.manager = 'participant'}}/>        \n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,yEAAyE;;MCOvF,gBAAgB,GAAA,MAAA;;;;;AAEzB;;;AAGE;IACsB,OAAO,GAA2C,SAAS;;AAG1E,IAAA,MAAM;IAGjB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU,GAAG,YAAY,GAAG,EAAE,EAAE,OAAO,EAAE,MAAI,EAAG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,CAAA,EAAC,EAAG,CAAA,EAC9L,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,YAAY,GAAG,EAAE,EAAG,OAAO,EAAE,MAAO,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA,EAAC,EAAG,CAAA,EACzK,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,aAAa,GAAG,YAAY,GAAG,EAAE,EAAG,OAAO,EAAE,MAAO,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAA,EAAC,EAAG,CAAA,EAEnL,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}

package/dist/ls-document-viewer/ls-feature-column.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-Cjn1MNt-.js';
-
-const lsFeatureColumnCss = ":host{display:block;padding:4px}.activeIcon{background-color:aliceblue}";
-
-const LsFeatureColoumn = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.manage = createEvent(this, "manage", 7);
-    }
-    /**
-    * Determines / sets which of the far left 'managers' is active.
-    * {'document' | 'toolbox' | 'participant' }
-    */
-    manager = 'toolbox';
-    // Send an manager change up the DOM
-    manage;
-    render() {
-        return (h(Host, { key: '05825cfb85f3094e8947b46c523bcab9a6117141' }, h("ls-icon", { key: '471a4c44cd90f2458447f323afc0d63459758d58', name: 'document', size: "36", class: this.manager === 'document' ? 'activeIcon' : '', onClick: () => { console.log('document'); this.manage.emit('document'); this.manager = 'document'; } }), h("ls-icon", { key: '8f8feec94f1de5a359fc207ff94e58677555b589', name: 'typing-input', size: "36", class: this.manager === 'toolbox' ? 'activeIcon' : '', onClick: () => { this.manage.emit('toolbox'); this.manager = 'toolbox'; } }), h("ls-icon", { key: '327c15a1180f4525fb15a81f83c4dd56e3028fad', name: 'user-group', size: "36", class: this.manager === 'participant' ? 'activeIcon' : '', onClick: () => { this.manage.emit('participant'); this.manager = 'participant'; } }), h("slot", { key: '4cb33cf3b7be727f6d62e3f1abbde6249bb5065d' })));
-    }
-};
-LsFeatureColoumn.style = lsFeatureColumnCss;
-
-export { LsFeatureColoumn as ls_feature_column };
-//# sourceMappingURL=ls-feature-column.entry.esm.js.map
-
-//# sourceMappingURL=ls-feature-column.entry.js.map

package/dist/ls-document-viewer/ls-feature-column.entry.js.map

@@ -1 +0,0 @@
-{"file":"ls-feature-column.entry.esm.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,yEAAyE;;MCOvF,gBAAgB,GAAA,MAAA;;;;;AAEzB;;;AAGE;IACsB,OAAO,GAA2C,SAAS;;AAG1E,IAAA,MAAM;IAGjB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU,GAAG,YAAY,GAAG,EAAE,EAAE,OAAO,EAAE,MAAI,EAAG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,CAAA,EAAC,EAAG,CAAA,EAC9L,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,YAAY,GAAG,EAAE,EAAG,OAAO,EAAE,MAAO,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA,EAAC,EAAG,CAAA,EACzK,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,aAAa,GAAG,YAAY,GAAG,EAAE,EAAG,OAAO,EAAE,MAAO,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAA,EAAC,EAAG,CAAA,EAEnL,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-feature-column/ls-feature-column.css?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 4px\n}\n\n.activeIcon {\n  background-color: aliceblue;\n}","import { Component, Host, Prop, h, EventEmitter, Event } from '@stencil/core';\n\n@Component({\n  tag: 'ls-feature-column',\n  styleUrl: 'ls-feature-column.css',\n  shadow: true,\n})\nexport class LsFeatureColoumn {\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    // Send an manager change up the DOM\n    @Event() manage: EventEmitter<'document' | 'toolbox' | 'participant'>;\n  \n  \n  render() {\n    return (\n      <Host>\n        <ls-icon name='document' size=\"36\" class={this.manager === 'document' ? 'activeIcon' : ''} onClick={()=> { console.log('document');this.manage.emit('document'); this.manager = 'document'}}/>\n        <ls-icon name='typing-input' size=\"36\"  class={this.manager === 'toolbox' ? 'activeIcon' : ''}  onClick={()=> { this.manage.emit('toolbox'); this.manager = 'toolbox'}}/>\n        <ls-icon name='user-group' size=\"36\"  class={this.manager === 'participant' ? 'activeIcon' : ''}  onClick={()=> { this.manage.emit('participant'); this.manager = 'participant'}}/>        \n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/ls-document-viewer/ls-field-alignment.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-field-alignment.entry.esm.js","sources":["src/components/ls-field-alignment/ls-field-alignment.css?tag=ls-field-alignment&encapsulation=shadow","src/components/ls-field-alignment/ls-field-alignment.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  vertical-align: middle;\n}\nbutton {\n  display: inline-flex;\n  background-color: transparent;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 0.5rem;\n  margin: 0.25rem;\n  width: 27px;  \n  height: 27px;\n  justify-content: center;\n  vertical-align: middle;\n  border: 0;\n}\nbutton:hover {\n  background-color: rgb(219, 219, 219);\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n\n@Component({\n  tag: 'ls-field-alignment',\n  styleUrl: 'ls-field-alignment.css',\n  shadow: true,\n})\nexport class LsFieldAlignment {\n  @Prop({ mutable: true }) dataItem: LSApiElement[];\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n    })\n\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  right() {\n    const rightmost = this.dataItem.reduce((rightmost, current) => {\n\n      return (current.left + current.width) < rightmost ? rightmost : (current.left + current.width)\n    }, 0);\n\n    console.log(rightmost)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n      const newLeft = rightmost - c.width\n\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  center() {\n    const addcentres = this.dataItem.reduce((total, current) => {\n      console.log(total + (current.left + current.width / 2))\n      return total + (current.left + current.width / 2)\n    }, 0);\n    console.log(addcentres)\n\n    const cp = addcentres / this.dataItem.length\n    console.log('centerposition', cp)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newLeft = c.left + (cp - (c.left + c.width / 2))\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n    console.log(diffs)\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  top() {\n    const topmost = this.dataItem.reduce((most, current) => {\n      return current.top < most ? most : current.top\n    }, 0);\n\n    this.alter({ top: topmost })\n  }\n\n\n  left() {\n    const leftmost = this.dataItem.reduce((least, current) => {\n      return current.left < least ?  current.left : least\n    }, this.dataItem[0].left);\n\n    this.alter({ left: leftmost })\n  }\n\n\n  middle() {\n    const addmiddles = this.dataItem.reduce((total, current) => {\n      console.log(total + (current.top + current.height / 2))\n      return total + (current.top + current.height / 2)\n    }, 0);\n\n    const cp = addmiddles / this.dataItem.length\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newTop = c.top + (cp - (c.top + c.height / 2))\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  bottom() {\n    const lowest = this.dataItem.reduce((acc, current) => {\n      return acc > (current.top + current.height) ? acc : (current.top + current.height)\n    }, 0);\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newTop = lowest - c.height\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  render() {\n    return (\n      <Host>\n        \n          <div>\n            <button\n              onClick={() => this.left()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields vertically about their left edge.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-left\" /></button>\n            <button\n              onClick={() => this.center()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields vertically about their centre.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-centre\" /></button>\n            <button\n              onClick={() => { this.right() }}\n              aria-label=\"Align selected fields vertically about their right edge.\"\n              class='ls-round-button'\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n        <ls-icon name=\"field-alignment-right\" />\n            </button>\n\n            <button\n              onClick={() => this.top()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their top.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n         <ls-icon name=\"field-alignment-top\" />\n            </button>\n            <button\n              onClick={() => this.middle()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their middles.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n                <ls-icon name=\"field-alignment-middle\" /></button>\n            <button\n              onClick={() => this.bottom()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their bottoms.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-bottom\" />\n            </button>\n          </div>\n        \n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/ls-document-viewer/ls-field-alignment.entry.js.map

@@ -1 +0,0 @@
-{"file":"ls-field-alignment.entry.esm.js","mappings":"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","names":[],"sources":["src/components/ls-field-alignment/ls-field-alignment.css?tag=ls-field-alignment&encapsulation=shadow","src/components/ls-field-alignment/ls-field-alignment.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  vertical-align: middle;\n}\nbutton {\n  display: inline-flex;\n  background-color: transparent;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 0.5rem;\n  margin: 0.25rem;\n  width: 27px;  \n  height: 27px;\n  justify-content: center;\n  vertical-align: middle;\n  border: 0;\n}\nbutton:hover {\n  background-color: rgb(219, 219, 219);\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n\n@Component({\n  tag: 'ls-field-alignment',\n  styleUrl: 'ls-field-alignment.css',\n  shadow: true,\n})\nexport class LsFieldAlignment {\n  @Prop({ mutable: true }) dataItem: LSApiElement[];\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n    })\n\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  right() {\n    const rightmost = this.dataItem.reduce((rightmost, current) => {\n\n      return (current.left + current.width) < rightmost ? rightmost : (current.left + current.width)\n    }, 0);\n\n    console.log(rightmost)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n      const newLeft = rightmost - c.width\n\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  center() {\n    const addcentres = this.dataItem.reduce((total, current) => {\n      console.log(total + (current.left + current.width / 2))\n      return total + (current.left + current.width / 2)\n    }, 0);\n    console.log(addcentres)\n\n    const cp = addcentres / this.dataItem.length\n    console.log('centerposition', cp)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newLeft = c.left + (cp - (c.left + c.width / 2))\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n    console.log(diffs)\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  top() {\n    const topmost = this.dataItem.reduce((most, current) => {\n      return current.top < most ? most : current.top\n    }, 0);\n\n    this.alter({ top: topmost })\n  }\n\n\n  left() {\n    const leftmost = this.dataItem.reduce((least, current) => {\n      return current.left < least ?  current.left : least\n    }, this.dataItem[0].left);\n\n    this.alter({ left: leftmost })\n  }\n\n\n  middle() {\n    const addmiddles = this.dataItem.reduce((total, current) => {\n      console.log(total + (current.top + current.height / 2))\n      return total + (current.top + current.height / 2)\n    }, 0);\n\n    const cp = addmiddles / this.dataItem.length\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newTop = c.top + (cp - (c.top + c.height / 2))\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  bottom() {\n    const lowest = this.dataItem.reduce((acc, current) => {\n      return acc > (current.top + current.height) ? acc : (current.top + current.height)\n    }, 0);\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newTop = lowest - c.height\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  render() {\n    return (\n      <Host>\n        \n          <div>\n            <button\n              onClick={() => this.left()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields vertically about their left edge.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-left\" /></button>\n            <button\n              onClick={() => this.center()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields vertically about their centre.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-centre\" /></button>\n            <button\n              onClick={() => { this.right() }}\n              aria-label=\"Align selected fields vertically about their right edge.\"\n              class='ls-round-button'\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n        <ls-icon name=\"field-alignment-right\" />\n            </button>\n\n            <button\n              onClick={() => this.top()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their top.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n         <ls-icon name=\"field-alignment-top\" />\n            </button>\n            <button\n              onClick={() => this.middle()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their middles.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n                <ls-icon name=\"field-alignment-middle\" /></button>\n            <button\n              onClick={() => this.bottom()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their bottoms.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-bottom\" />\n            </button>\n          </div>\n        \n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/ls-document-viewer/ls-field-dimensions.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-field-dimensions.entry.esm.js","sources":["src/components/ls-field-dimensions/ls-field-dimensions.css?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.ls-field-properties-section {\n   display: flex;\n   flex-direction: column;\n  min-width: 110px;\n  background-color: white;\n  border-radius: 0.75rem;\n  border: 1px solid var(--gray-20, #EDEFF2);\n  background: var(--white, #FFF);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-field-dimensions',\n  styleUrl: 'ls-field-dimensions.css',\n  shadow: true,\n})\nexport class LsFieldDimensions {\n  @Prop() dataItem: LSApiElement | LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff)\n    if (this.isMultiple(this.dataItem)) {\n      const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n        return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n      })\n      \n      this.dataItem = diffs.map(d => d.data as LSApiElement)\n      this.mutate.emit(diffs)\n      this.update.emit(diffs)\n    } else {\n      const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent\n      this.dataItem = singleDiff.data as LSApiElement\n      this.mutate.emit([singleDiff])\n      this.update.emit([singleDiff])\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {(this.isMultiple(this.dataItem)) &&\n          <div class={\"ls-field-properties-section\"}>\n            <div>Height: <input value={\"\"} onChange={(e) => this.alter({ height: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Width:  <input value={\"\"} onChange={(e) => this.alter({ width: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Top:  <input value={\"\"} onChange={(e) => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Left:  <input value={\"\"} onChange={(e) => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n          </div>\n        }\n        {(this.isSingle(this.dataItem)) &&\n          <div class={\"ls-field-properties-section\"}>\n            <div>Height: <input value={this.dataItem?.height} onChange={(e) => this.alter({ height: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Width:  <input value={this.dataItem?.width} onChange={(e) => this.alter({ width: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Top:  <input value={this.dataItem?.top} onChange={(e) => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Left:  <input value={this.dataItem?.left} onChange={(e) => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n          </div>}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/ls-document-viewer/ls-field-dimensions.entry.js

@@ -1,50 +0,0 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-Cjn1MNt-.js';
-
-const lsFieldDimensionsCss = ":host{display:block}.ls-field-properties-section{display:flex;flex-direction:column;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}";
-
-const LsFieldDimensions = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
-    }
-    dataItem;
-    mutate;
-    update;
-    isSingle(dt) {
-        return dt.length === undefined;
-    }
-    isMultiple(dt) {
-        return typeof dt.length === 'number';
-    }
-    // Send one or more mutations up the chain
-    // The source of the chain fires the mutation
-    alter(diff) {
-        console.log(diff);
-        if (this.isMultiple(this.dataItem)) {
-            const diffs = this.dataItem.map(c => {
-                return { action: "update", data: { ...c, ...diff } };
-            });
-            this.dataItem = diffs.map(d => d.data);
-            this.mutate.emit(diffs);
-            this.update.emit(diffs);
-        }
-        else {
-            const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } };
-            this.dataItem = singleDiff.data;
-            this.mutate.emit([singleDiff]);
-            this.update.emit([singleDiff]);
-        }
-    }
-    render() {
-        return (h(Host, { key: '446bca5df78336c08067569263adf00643431653' }, (this.isMultiple(this.dataItem)) &&
-            h("div", { key: '8bb1010d881b7e69f71137309c062f3c3e2e2750', class: "ls-field-properties-section" }, h("div", { key: '161c997214b00f4940563043e30c2ae894b35931' }, "Height: ", h("input", { key: 'e52da2eba242d662c9e76e101e0e2864f9c11551', value: "", onChange: (e) => this.alter({ height: e.target.value }), width: "30" })), h("div", { key: '9cbdf7e7a1351321d0130168867ff450de574297' }, "Width:  ", h("input", { key: '31d9e71f4914239c13b04dfcf46f8ab115e7c5a9', value: "", onChange: (e) => this.alter({ width: e.target.value }), width: "30" })), h("div", { key: '83b5ba73a6a143655ddab84111f26627f536571e' }, "Top:  ", h("input", { key: 'd53c72581ad6133a4804b0c8f4e63e44901eac35', value: "", onChange: (e) => this.alter({ top: e.target.value }), width: "30" })), h("div", { key: '1e0d8c30997fd8305396976b5a181a63fe63d292' }, "Left:  ", h("input", { key: 'd8a5edf43e0e1d69adbfec86bdc6d1296467ca2e', value: "", onChange: (e) => this.alter({ left: e.target.value }), width: "30" }))), (this.isSingle(this.dataItem)) &&
-            h("div", { key: '8c18cc89b8b2806313245f268651be0df539129d', class: "ls-field-properties-section" }, h("div", { key: '61003edd6a4ff816a69caedc92d759073141fc4c' }, "Height: ", h("input", { key: '5508603f68a29bebefe60b936ab409c46dee48b8', value: this.dataItem?.height, onChange: (e) => this.alter({ height: e.target.value }), width: "30" })), h("div", { key: '77f8a93e53d8ec850951ec29d6a63ab27017ade7' }, "Width:  ", h("input", { key: '0c37a51fd37e6b71380bfa102b95a7f5c46a8b85', value: this.dataItem?.width, onChange: (e) => this.alter({ width: e.target.value }), width: "30" })), h("div", { key: 'e45073c76e2c538b68cd7b48d4c098ded7d3bcf2' }, "Top:  ", h("input", { key: '3c963dc89f97a287d2f1bb6ac7ae18dda827e608', value: this.dataItem?.top, onChange: (e) => this.alter({ top: e.target.value }), width: "30" })), h("div", { key: '9e430bb7a5ae2cddc416241a19b74d849a15ca25' }, "Left:  ", h("input", { key: 'b04c52703d7217f9a1602695114d6ff748a54ffe', value: this.dataItem?.left, onChange: (e) => this.alter({ left: e.target.value }), width: "30" })))));
-    }
-};
-LsFieldDimensions.style = lsFieldDimensionsCss;
-
-export { LsFieldDimensions as ls_field_dimensions };
-//# sourceMappingURL=ls-field-dimensions.entry.esm.js.map
-
-//# sourceMappingURL=ls-field-dimensions.entry.js.map

package/dist/ls-document-viewer/ls-field-dimensions.entry.js.map

@@ -1 +0,0 @@
-{"file":"ls-field-dimensions.entry.esm.js","mappings":"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","names":[],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.css?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.ls-field-properties-section {\n   display: flex;\n   flex-direction: column;\n  min-width: 110px;\n  background-color: white;\n  border-radius: 0.75rem;\n  border: 1px solid var(--gray-20, #EDEFF2);\n  background: var(--white, #FFF);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-field-dimensions',\n  styleUrl: 'ls-field-dimensions.css',\n  shadow: true,\n})\nexport class LsFieldDimensions {\n  @Prop() dataItem: LSApiElement | LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff)\n    if (this.isMultiple(this.dataItem)) {\n      const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n        return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n      })\n      \n      this.dataItem = diffs.map(d => d.data as LSApiElement)\n      this.mutate.emit(diffs)\n      this.update.emit(diffs)\n    } else {\n      const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent\n      this.dataItem = singleDiff.data as LSApiElement\n      this.mutate.emit([singleDiff])\n      this.update.emit([singleDiff])\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {(this.isMultiple(this.dataItem)) &&\n          <div class={\"ls-field-properties-section\"}>\n            <div>Height: <input value={\"\"} onChange={(e) => this.alter({ height: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Width:  <input value={\"\"} onChange={(e) => this.alter({ width: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Top:  <input value={\"\"} onChange={(e) => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Left:  <input value={\"\"} onChange={(e) => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n          </div>\n        }\n        {(this.isSingle(this.dataItem)) &&\n          <div class={\"ls-field-properties-section\"}>\n            <div>Height: <input value={this.dataItem?.height} onChange={(e) => this.alter({ height: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Width:  <input value={this.dataItem?.width} onChange={(e) => this.alter({ width: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Top:  <input value={this.dataItem?.top} onChange={(e) => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n            <div>Left:  <input value={this.dataItem?.left} onChange={(e) => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n          </div>}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/ls-document-viewer/ls-field-distribute.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-field-distribute.entry.esm.js","sources":["src/components/ls-field-distribute/ls-field-distribute.css?tag=ls-field-distribute&encapsulation=shadow","src/components/ls-field-distribute/ls-field-distribute.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  vertical-align: middle;\n}\n\nbutton {\n  display: inline-flex;\n  background-color: transparent;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 0.5rem;\n  margin: 0.25rem;\n  width: 27px;  \n  height: 27px;\n  justify-content: center;\n  vertical-align: middle;\n  border: 0;\n}\n\nbutton:hover {\n  background-color: gray;\n}\n\n.ls-toolbar-numeric {\n  width: 45px;\n    max-height: 18px;\n    margin: 0px;\n    padding: 0px;\n}","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-field-distribute',\n  styleUrl: 'ls-field-distribute.css',\n  shadow: true,\n})\nexport class LsFieldDistribute {\n  @Prop({\n    mutable: true\n  }) dataItem: LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n  @Element() component: HTMLElement;\n\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n    })\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n\n  distributeHorizontal() {\n    var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space') as HTMLInputElement;\n    var avgspace = 0;\n    const sorted = this.dataItem.sort((a, b) => (a.left - b.left))\n\n    if(spacing.value !== \"\") {\n      avgspace = parseInt(spacing.value)\n    } else {\n      var space = 0\n      for (var i = 1; i < sorted.length; i++) {\n        const c1 = sorted[i - 1]\n        const c2 = sorted[i]\n        space = space + (((c2.left - c1.left - c1.width)) <= 0 ? 0 : (c2.left - c1.left - c1.width))\n      }\n      avgspace = Math.floor(space / sorted.length)\n    }\n\n    var nextleft = sorted[0].left\n\n    const diffs: LSMutateEvent[] = sorted.map((c) => {\n      const newLeft = nextleft\n      nextleft = nextleft + c.width + avgspace\n\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n\n  distributeVertical() {\n    var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space') as HTMLInputElement;\n    var avgspace = 0;\n    const sorted = this.dataItem.sort((a, b) => (a.top - b.top))\n\n    if (spacing.value !== '') avgspace = parseInt(spacing.value)\n    else {\n      var space = 0\n      for (var i = 1; i < sorted.length; i++) {\n        const c1 = sorted[i - 1]\n        const c2 = sorted[i]\n        space = space + (((c2.top - c1.top - c1.height)) <= 0 ? 0 : (c2.top - c1.top - c1.height))\n      }\n      avgspace = Math.floor(space / sorted.length)\n\n    }\n\n    var buffer = sorted[0].top\n\n    const diffs: LSMutateEvent[] = sorted.map((c) => {\n      const newTop = buffer\n      buffer = buffer + c.height + avgspace\n\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30\">\n          <button\n            class='ls-round-button'\n            onClick={() => { this.distributeHorizontal() }}\n            aria-label=\"Distribute selected fields horizontally.\"\n            data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Distribute selected fields horizontally.\"\n            data-tooltip-place=\"top\">\n            <ls-icon name=\"field-distribute-horizontally\" /></button>\n\n          <input type=\"number\" class=\"ls-toolbar-numeric\" id=\"ls-fix-horizontal-space\" value={\"\"} size={4} min={0}  max={9999} />\n          <button\n            onClick={() => { this.distributeVertical() }}\n            class='ls-round-button'\n            aria-label=\"Distribute selected fields vertically.\"\n            data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Distribute selected fields vertically.\" data-tooltip-place=\"top\">\n            <ls-icon name=\"field-distribute-vertically\" />\n          </button>\n          <input type=\"number\" class=\"ls-toolbar-numeric\" id=\"ls-fix-vertical-space\" value={\"\"} size={4} min={0} max={9999}/>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}