legalesign-document-viewer 0.0.7 → 0.0.9

package/dist/{ls-document-viewer/ls-field-distribute.entry.js → components/p-DmiEmnW1.js}

@@ -1,17 +1,20 @@
-import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
 
 const lsFieldDistributeCss = ":host{display:inline-block;vertical-align:middle}button{display:inline-flex;background-color:transparent;min-width:24px;min-height:24px;border-radius:0.5rem;margin:0.25rem;width:27px;height:27px;justify-content:center;vertical-align:middle;border:0}button:hover{background-color:gray}.ls-toolbar-numeric{width:45px;max-height:18px;margin:0px;padding:0px}";
 
-const LsFieldDistribute = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
+const LsFieldDistribute = /*@__PURE__*/ proxyCustomElement(class LsFieldDistribute extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.mutate = createEvent(this, "mutate");
+        this.update = createEvent(this, "update");
     }
     dataItem;
     mutate;
     update;
-    get component() { return getElement(this); }
+    get component() { return this; }
     // Send one or more mutations up the chain
     // The source of the chain fires the mutation
     alter(diff) {
@@ -91,10 +94,31 @@ const LsFieldDistribute = class {
     render() {
         return (h(Host, { key: 'e34dae85e1ad46318881567b8295e4a5cecd8222' }, h("div", { key: '0174acf02458bb7edfbb5a273208bae26213413f', class: "flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30" }, h("button", { key: '46455263311fa1ceaa24d95159b50190ece6b4d9', class: 'ls-round-button', onClick: () => { this.distributeHorizontal(); }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Distribute selected fields horizontally.", "data-tooltip-place": "top" }, h("ls-icon", { key: 'fcba8edda613a4f49fd28f0fbdde8be16847a59d', name: "field-distribute-horizontally" })), h("input", { key: '7369af7c27647ce8dfffc12fcbb4f25ce85590a3', type: "number", class: "ls-toolbar-numeric", id: "ls-fix-horizontal-space", value: "", size: 4, min: 0, max: 9999 }), h("button", { key: '3a6885343f04b8e38ae016440355c09b715c6600', onClick: () => { this.distributeVertical(); }, class: 'ls-round-button', "aria-label": "Distribute selected fields vertically.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Distribute selected fields vertically.", "data-tooltip-place": "top" }, h("ls-icon", { key: '67cfe264bf0d8e03db9c47e999497708ec80e232', name: "field-distribute-vertically" })), h("input", { key: '7521df1e46b1c42ee0b67be3792e13a64ac33d67', type: "number", class: "ls-toolbar-numeric", id: "ls-fix-vertical-space", value: "", size: 4, min: 0, max: 9999 })), h("slot", { key: '3ed38b0cd5d436adf30e2eb1cd846d84986aade1' })));
     }
-};
-LsFieldDistribute.style = lsFieldDistributeCss;
+    static get style() { return lsFieldDistributeCss; }
+}, [257, "ls-field-distribute", {
+        "dataItem": [1040, "data-item"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-distribute", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-distribute":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsFieldDistribute);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsFieldDistribute as ls_field_distribute };
-//# sourceMappingURL=ls-field-distribute.entry.esm.js.map
+export { LsFieldDistribute as L, defineCustomElement as d };
+//# sourceMappingURL=p-DmiEmnW1.js.map
 
-//# sourceMappingURL=ls-field-distribute.entry.js.map
+//# sourceMappingURL=p-DmiEmnW1.js.map

package/dist/components/p-DmiEmnW1.js.map

@@ -0,0 +1 @@
+{"file":"p-DmiEmnW1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/p-Dn4SzBXT.js

@@ -0,0 +1,86 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$5 } from './p-DiIhIGnw.js';
+import { d as defineCustomElement$4 } from './p-DmiEmnW1.js';
+import { d as defineCustomElement$3 } from './p-C5RiQmy7.js';
+import { d as defineCustomElement$2 } from './p-D9AkP1pt.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
+
+const lsToolbarCss = ":host{display:flex;flex-direction:row;height:32px;width:100%;background-color:rgb(205, 205, 205)}.rowbox{display:flex;flex-direction:row;vertical-align:middle}";
+
+const LsToolbar = /*@__PURE__*/ proxyCustomElement(class LsToolbar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /**
+   * The selected items information (as JSON).
+   * {LSApiElement[]}
+   */
+    dataItem;
+    /**
+     * The base template information (as JSON).
+     * {LSApiTemplate}
+     */
+    template;
+    /**
+   * The base template information (as JSON).
+   * {LSDocumentViewer}
+   */
+    editor;
+    render() {
+        return (h(Host, { key: '760062b8fec68c747e9b914483e7a87e16613cbb' }, this.dataItem && this.dataItem.length > 1 ?
+            h("div", { class: "rowbox" }, h("select", { class: 'ls-participant-select' }, h("option", { value: "0" }, "Sender"), this.template.roles.map(r => h("option", { value: r.id }, r.name))), h("ls-field-format", { dataItem: this?.dataItem }), h("ls-field-alignment", { dataItem: this.dataItem }), h("ls-field-distribute", { dataItem: this.dataItem }), h("ls-field-size", { dataItem: this.dataItem }))
+            :
+                h("div", { class: "rowbox" }, h("select", { class: 'ls-participant-select' }, h("option", { value: "0" }, "Sender"), this.template.roles.map(r => h("option", { value: r.id }, r.name))), h("ls-field-format", { dataItem: this?.dataItem })), h("slot", { key: 'd8f47970928a50744475e4aa532fe596e3617cda' })));
+    }
+    static get style() { return lsToolbarCss; }
+}, [257, "ls-toolbar", {
+        "dataItem": [1040, "data-item"],
+        "template": [16],
+        "editor": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-toolbar", "ls-field-alignment", "ls-field-distribute", "ls-field-format", "ls-field-size", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-toolbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsToolbar);
+            }
+            break;
+        case "ls-field-alignment":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "ls-field-distribute":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "ls-field-format":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ls-field-size":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsToolbar as L, defineCustomElement as d };
+//# sourceMappingURL=p-Dn4SzBXT.js.map
+
+//# sourceMappingURL=p-Dn4SzBXT.js.map

package/dist/components/p-Dn4SzBXT.js.map

@@ -0,0 +1 @@
+{"file":"p-Dn4SzBXT.js","mappings":";;;;;;;AAAA,MAAM,YAAY,GAAG,iKAAiK;;MCQzK,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;AAGpB;;;AAGC;AAGE,IAAA,QAAQ;AAGX;;;AAGG;AACK,IAAA,QAAQ;AAEd;;;AAGC;AACK,IAAA,MAAM;IAEd,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAExC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EAClB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACnC,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,GAAG,EAAgB,EAAA,QAAA,CAAA,EAChC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,cAAQ,KAAK,EAAE,CAAC,CAAC,EAAE,EAAA,EAAG,CAAC,CAAC,IAAI,CAAU,CAAC,CAE9D,EACT,CAAA,CAAA,iBAAA,EAAA,EAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC/C,CAAA,CAAA,qBAAA,EAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAA,CAAA,eAAA,EAAA,EAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;;AAI5C,gBAAA,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EAClB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACnC,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,GAAG,EAAgB,EAAA,QAAA,CAAA,EAChC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,cAAQ,KAAK,EAAE,CAAC,CAAC,EAAE,EAAA,EAAG,CAAC,CAAC,IAAI,CAAU,CAAC,CAC9D,EACT,CAAA,CAAA,iBAAA,EAAA,EAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,EAER,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbar/ls-toolbar.css?tag=ls-toolbar&encapsulation=shadow","src/components/ls-toolbar/ls-toolbar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: row;\n  height: 32px;\n  width: 100%;\n  background-color: rgb(205, 205, 205);\n}\n\n.rowbox {\n  display: flex;\n  flex-direction: row;\n    vertical-align: middle;\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer } from '../../components';\n\n@Component({\n  tag: 'ls-toolbar',\n  styleUrl: 'ls-toolbar.css',\n  shadow: true,\n})\nexport class LsToolbar {\n\n\n  /**\n * The selected items information (as JSON).\n * {LSApiElement[]}\n */\n  @Prop({\n    mutable: true\n  }) dataItem: LSApiElement[];\n\n\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n    /**\n   * The base template information (as JSON).\n   * {LSDocumentViewer}\n   */\n  @Prop() editor: LsDocumentViewer;\n  \n  render() {\n    return (\n      <Host>\n        {this.dataItem && this.dataItem.length > 1 ?\n\n          <div class={\"rowbox\"}>\n            <select class='ls-participant-select'>\n              <option value=\"0\">Sender</option>\n              {this.template.roles.map(r => <option value={r.id}>{r.name}</option>)}\n\n            </select>\n            <ls-field-format dataItem={this?.dataItem} />\n            <ls-field-alignment dataItem={this.dataItem} />\n            <ls-field-distribute dataItem={this.dataItem} />\n            <ls-field-size dataItem={this.dataItem} />\n\n          </div>\n          :\n          <div class={\"rowbox\"}>\n            <select class='ls-participant-select'>\n              <option value=\"0\">Sender</option>\n              {this.template.roles.map(r => <option value={r.id}>{r.name}</option>)}\n            </select>\n            <ls-field-format dataItem={this?.dataItem} />\n          </div>\n        }\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-DuPQi9Ya.js

@@ -0,0 +1,91 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$7 } from './p-CTeiFZMc.js';
+import { d as defineCustomElement$6 } from './p-DmPOm3yt.js';
+import { d as defineCustomElement$5 } from './p-BZrMKSA6.js';
+import { d as defineCustomElement$4 } from './p-BfF7ZF-b.js';
+import { d as defineCustomElement$3 } from './p-BIcEQAWa.js';
+import { d as defineCustomElement$2 } from './p-CdKIqMdM.js';
+import { d as defineCustomElement$1 } from './p-BKije60j.js';
+
+const lsDocumentOptionsCss = ":host{display:block}h1{font-size:19px}";
+
+const LsDocumentOptions = /*@__PURE__*/ proxyCustomElement(class LsDocumentOptions extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /**
+     * The base template information (as JSON).
+     * {LSApiTemplate}
+     */
+    template;
+    selectedHandler(newSelected, _oldSelected) {
+        console.log(newSelected, 'document manager');
+    }
+    render() {
+        return (h(Host, { key: '6bc334c356f9855de1277c892b2766854e9cae1d' }, h("h1", { key: '9777be4abbe9977da6ff0acff64a7c4c396a1fa4' }, "Template Properties"), h("ls-formfield", { key: 'd5dbe3329bcea5af5a9314a1f65bf6112fa936c0', label: "Name", as: "text", value: this.template?.title }), h("ls-formfield", { key: 'f3d98e34ace5ff2e35ae412ff8baddf09572e33a', 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: 'bd31fadaefd62e992bfe8ad39b21aa81fb039a1e' })));
+    }
+    static get watchers() { return {
+        "template": ["selectedHandler"]
+    }; }
+    static get style() { return lsDocumentOptionsCss; }
+}, [257, "ls-document-options", {
+        "template": [16]
+    }, undefined, {
+        "template": ["selectedHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-document-options", "ls-formfield", "ls-icon", "ls-number-input", "ls-radio-input", "ls-select-input", "ls-text-input", "ls-textarea-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-document-options":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsDocumentOptions);
+            }
+            break;
+        case "ls-formfield":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "ls-number-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "ls-radio-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "ls-select-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ls-text-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-textarea-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsDocumentOptions as L, defineCustomElement as d };
+//# sourceMappingURL=p-DuPQi9Ya.js.map
+
+//# sourceMappingURL=p-DuPQi9Ya.js.map

package/dist/components/p-DuPQi9Ya.js.map

@@ -0,0 +1 @@
+{"file":"p-DuPQi9Ya.js","mappings":";;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,wCAAwC;;MCQxD,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;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":["__stencil_proxyCustomElement","HTMLElement"],"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-statusbar.entry.js → components/p-Gk0skWN1.js}

@@ -1,13 +1,16 @@
-import { r as registerInstance, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
-import { d as debounce } from './editorUtils-CFWWEWrJ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { d as debounce } from './p-CJEpfA7P.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
 
 const lsStatusbarCss = ":host{display:flex;flex-direction:row;bottom:0px;height:47px;min-height:47px;width:100%;background-color:rgb(205, 205, 205);border-top:2px outset rgb(208, 208, 208)}button{border:0}";
 
-const LsStatusbar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
     }
-    get component() { return getElement(this); }
+    get component() { return this; }
     /**
   * The zoom or scale level 100 === 100%.
   * {number}
@@ -41,10 +44,32 @@ const LsStatusbar = class {
     render() {
         return (h(Host, { key: 'b95446e09483c187ae18323659cb15fbaa556628' }, h("button", { key: '6619aae12a619b9839ca8d0869024bba1d30437a', onClick: () => this.editor.displayTable = true }, h("ls-icon", { key: '43d64cc63e88fac42eaf8a0a17ea4c15ca7e15cb', name: "table" })), h("button", { key: '76913cf3cab4a47c3e72df2bc927c9e2112247cd', onClick: () => this.editor.displayTable = false }, h("ls-icon", { key: '0ba35b608484dc842bbc76c83af8d1b017f61adc', name: "template" })), h("button", { key: '85cf6a4497bef5bc9757836788931e2c52da3462', onClick: () => this.fitWidth() }, h("ls-icon", { key: '410104a377ae387b5cd70a08b92073c2eb3cbe46', name: "fit-width" })), h("button", { key: '9095791508b75cd8604e2f2a154ac74d3a5fac63', onClick: () => this.fitHeight() }, h("ls-icon", { key: 'edae7ec77d581ed7c7091718aab021c81c826da5', name: "fit-height" })), h("button", { key: '9f61c8f22845ba438ca24e34c5750ad5911c9e6d', onClick: () => { this.editor.pagePrev(); } }, h("ls-icon", { key: '51742295b1b81900cad284e31a2cd7211da1cb48', name: "arrow-left" })), h("button", { key: '92b8b0f942b0922beb018f30b4591df96a0886ec', onClick: () => { this.editor.pageNext(); } }, h("ls-icon", { key: '19314267df935920db7f9281d3e5b9a36fd7f439', name: "arrow-right" })), h("button", { key: '3c375b0d1d1dcaed55ded87c606e6e3abfba8834', onClick: () => this.setZoom(this.editor.zoom * 0.8) }, h("ls-icon", { key: '88c4ee79ba4b8f082d273b72f7be14d0f3526845', name: "zoom-out" })), h("div", { key: '7e264fd6daa06f546c7bb19b3f34caa570705899' }, h("input", { key: '95392f84583a468376f28b80e39fabef7f527008', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: '791824a0052eb32f3152ba1202add301abbd1312', onClick: () => this.setZoom(this.editor.zoom / 0.8) }, h("ls-icon", { key: '889fb5b382d8c328ba9f583b913477df3d172104', name: "zoom-in" })), h("slot", { key: '3e45fac107893f17c0f3e6e18757173577c5afe5' })));
     }
-};
-LsStatusbar.style = lsStatusbarCss;
+    static get style() { return lsStatusbarCss; }
+}, [257, "ls-statusbar", {
+        "zoom": [1026],
+        "editor": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-statusbar", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-statusbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsStatusbar);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsStatusbar as ls_statusbar };
-//# sourceMappingURL=ls-statusbar.entry.esm.js.map
+export { LsStatusbar as L, defineCustomElement as d };
+//# sourceMappingURL=p-Gk0skWN1.js.map
 
-//# sourceMappingURL=ls-statusbar.entry.js.map
+//# sourceMappingURL=p-Gk0skWN1.js.map

package/dist/components/p-Gk0skWN1.js.map

@@ -0,0 +1 @@
+{"file":"p-Gk0skWN1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-statusbar/ls-statusbar.css?tag=ls-statusbar&encapsulation=shadow","src/components/ls-statusbar/ls-statusbar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: row;\n  bottom: 0px;\n  height: 47px;\n  min-height: 47px;\n  width: 100%;\n  background-color: rgb(205, 205, 205);\n  border-top: 2px outset rgb(208, 208, 208);\n}\n\nbutton {\n  border: 0;\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { debounce } from '../ls-document-viewer/editorUtils';\n\n@Component({\n  tag: 'ls-statusbar',\n  styleUrl: 'ls-statusbar.css',\n  shadow: true,\n})\nexport class LsStatusbar {\n  @Element() component: HTMLElement;\n  /**\n* The zoom or scale level 100 === 100%.\n* {number}\n*/\n  @Prop({ mutable: true }) zoom: number\n\n  /**\n* The parent editor control.\n* {LsDocumentViewer}\n*/\n  @Prop() editor: LsDocumentViewer;\n\n  setZoom(value: number) {\n    this.editor.setZoom(value)\n    this.zoom = value\n  }\n\n  handleZoomInput() {\n    const zoomInput = this.component.shadowRoot.getElementById(\"zoomRange\") as HTMLInputElement\n    console.log(Math.floor(parseInt(zoomInput.value) / 100))\n    debounce(this.setZoom(parseInt(zoomInput.value) / 100), 700)\n\n  }\n\n  fitWidth() {\n    const frame = this.editor.component.shadowRoot.getElementById('ls-document-frame')\n    this.setZoom(frame.clientWidth / this.editor.pageDimensions[0].width)\n  }\n\n\n  fitHeight() {\n    const frame = this.editor.component.shadowRoot.getElementById('ls-document-frame')\n    this.setZoom(frame.clientHeight / this.editor.pageDimensions[0].height)\n  }\n\n  componentDidLoad() {\n    this.zoom = this.editor.zoom\n  }\n\n  render() {\n    return (\n      <Host>\n\n        <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table\" /></button>\n        <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template\" /></button>\n\n\n        <button onClick={() => this.fitWidth()}><ls-icon name=\"fit-width\" /></button>\n        <button onClick={() => this.fitHeight()}><ls-icon name=\"fit-height\" /></button>\n        <button onClick={() => { this.editor.pagePrev() }}><ls-icon name=\"arrow-left\" /></button>\n        <button onClick={() => { this.editor.pageNext() }}><ls-icon name=\"arrow-right\" /></button>\n\n\n        <button onClick={() => this.setZoom(this.editor.zoom * 0.8)}><ls-icon name=\"zoom-out\" /></button>\n        <div><input type=\"range\" min=\"1\" max=\"300\" value={this.zoom * 100} class=\"slider\" id=\"zoomRange\" onInput={() => this.handleZoomInput()} /></div>\n        <button onClick={() => this.setZoom(this.editor.zoom / 0.8)}><ls-icon name=\"zoom-in\" /></button>\n\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-OVI9RIs8.js

@@ -0,0 +1,50 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
+
+const lsFeatureColumnCss = ":host{display:block;padding:4px}.activeIcon{background-color:aliceblue}";
+
+const LsFeatureColoumn = /*@__PURE__*/ proxyCustomElement(class LsFeatureColoumn extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.manage = createEvent(this, "manage");
+    }
+    /**
+    * 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: '14030230876b89f69c4f404d3a9bb2d0df08231a' }, h("ls-icon", { key: 'da8716822dfecf75167ad79f27eec08d4aca4b78', name: 'document', size: "36", class: this.manager === 'document' ? 'activeIcon' : '', onClick: () => { console.log('document'); this.manage.emit('document'); this.manager = 'document'; } }), h("ls-icon", { key: '9f191cb42e9c7e28a3988299dcb2817d6c33160d', name: 'typing-input', size: "36", class: this.manager === 'toolbox' ? 'activeIcon' : '', onClick: () => { this.manage.emit('toolbox'); this.manager = 'toolbox'; } }), h("ls-icon", { key: 'fa0d54ab0996a3816eb0bfcc7c363f08735ebdb2', name: 'user-group', size: "36", class: this.manager === 'participant' ? 'activeIcon' : '', onClick: () => { this.manage.emit('participant'); this.manager = 'participant'; } }), h("slot", { key: 'd8be0feee6199125d8755b66a41415a281e59811' })));
+    }
+    static get style() { return lsFeatureColumnCss; }
+}, [257, "ls-feature-column", {
+        "manager": [1025]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-feature-column", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-feature-column":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsFeatureColoumn);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsFeatureColoumn as L, defineCustomElement as d };
+//# sourceMappingURL=p-OVI9RIs8.js.map
+
+//# sourceMappingURL=p-OVI9RIs8.js.map

package/dist/components/p-OVI9RIs8.js.map

@@ -0,0 +1 @@
+{"file":"p-OVI9RIs8.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,yEAAyE;;MCOvF,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;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":["__stencil_proxyCustomElement","HTMLElement"],"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/components/p-TeCFUgn3.js

@@ -0,0 +1,43 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$1 } from './p-BDLp4DXn.js';
+
+const lsFieldPropertiesGeneralCss = ":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 LsFieldPropertiesGeneral = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesGeneral extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: 'e61fdbc0affab9b05cbda36bfced55fd62ed2f16' }, h("div", { key: 'ea65b3f69735e2a93882d8584f698ab066b3cd8b', class: "ls-field-properties-section" }, "General Field"), h("div", { key: 'e5df820b75aeb0a9d61c618ee040b6156382092c' }, "Label: ", h("input", { key: 'f4a1dbff82a379ba5eb78827b828ddc1a9612a54', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '24cf3a00d6128dd1e0810aa723f3c4d9afd3b6da', dataItem: this.dataItem }), h("slot", { key: '3ab91ac8574a5f93b33ab07b80ff9e13ba01aceb' })));
+    }
+    static get style() { return lsFieldPropertiesGeneralCss; }
+}, [257, "ls-field-properties-general", {
+        "dataItem": [16, "data-item"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-properties-general", "ls-field-dimensions"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-properties-general":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsFieldPropertiesGeneral);
+            }
+            break;
+        case "ls-field-dimensions":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
+//# sourceMappingURL=p-TeCFUgn3.js.map
+
+//# sourceMappingURL=p-TeCFUgn3.js.map

package/dist/components/p-TeCFUgn3.js.map

@@ -0,0 +1 @@
+{"file":"p-TeCFUgn3.js","mappings":";;;AAAA,MAAM,2BAA2B,GAAG,kTAAkT;;MCQzU,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;AAC3B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAqB,EAAA,eAAA,CAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-general/ls-field-properties-general.css?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.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 } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-general',\n  styleUrl: 'ls-field-properties-general.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n  @Prop() dataItem: LSApiElement;\n\n  render() {\n    return (\n      <Host>\n        <div class={\"ls-field-properties-section\"}>General Field</div>\n        <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n        <ls-field-dimensions dataItem={this.dataItem} />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/{ls-document-viewer/ls-editor-table.entry.js → components/p-YNFsm7tC.js}

@@ -1,12 +1,14 @@
-import { r as registerInstance, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.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);
+const LsEditorTable = /*@__PURE__*/ proxyCustomElement(class LsEditorTable extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
     }
-    get component() { return getElement(this); }
+    get component() { return this; }
     /**
   * The parent editor control.
   * {LsDocumentViewer}
@@ -31,10 +33,26 @@ const LsEditorTable = class {
     render() {
         return (h(Host, { key: '271021e59ed37d9847e1cdfa84ad1de54381f08b' }, h("table", { key: '7649085181f45356f016dcf8318a51c72cd2563e', id: "ls-editor-table" }), h("slot", { key: 'cb439f2cc88560c780390a970e641f4243fcf736' })));
     }
-};
-LsEditorTable.style = lsEditorTableCss;
+    static get style() { return lsEditorTableCss; }
+}, [257, "ls-editor-table", {
+        "editor": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-editor-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-editor-table":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsEditorTable);
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsEditorTable as ls_editor_table };
-//# sourceMappingURL=ls-editor-table.entry.esm.js.map
+export { LsEditorTable as L, defineCustomElement as d };
+//# sourceMappingURL=p-YNFsm7tC.js.map
 
-//# sourceMappingURL=ls-editor-table.entry.js.map
+//# sourceMappingURL=p-YNFsm7tC.js.map

package/dist/components/p-YNFsm7tC.js.map

@@ -0,0 +1 @@
+{"file":"p-YNFsm7tC.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,mJAAmJ;;MCQ/J,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;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":["__stencil_proxyCustomElement","HTMLElement"],"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/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,6 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map
+
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map

package/dist/esm/app-globals-DQuL1Twl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-DQuL1Twl.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\nexport const globalStyles = \"\";\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}