legalesign-document-viewer 0.0.7 → 0.0.8

package/dist/collection/components/ls-toolbar/ls-toolbar.js

@@ -0,0 +1,113 @@
+import { Host, h } from "@stencil/core";
+export class LsToolbar {
+    /**
+   * 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 is() { return "ls-toolbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-toolbar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-toolbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dataItem": {
+                "type": "unknown",
+                "attribute": "data-item",
+                "mutable": true,
+                "complexType": {
+                    "original": "LSApiElement[]",
+                    "resolved": "LSApiElement[]",
+                    "references": {
+                        "LSApiElement": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LSApiElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The selected items information (as JSON).\n{LSApiElement[]}"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "template": {
+                "type": "unknown",
+                "attribute": "template",
+                "mutable": false,
+                "complexType": {
+                    "original": "LSApiTemplate",
+                    "resolved": "{ id: string; title: string; pageCount: number; fileName: string; link: string; autoArchive: boolean; valid: boolean; locked: boolean; tags: string[]; groupId: string; roles: LSApiRole[]; canOpenSign: boolean; directLinks: []; elementConnection: { templateElements: LSApiElement[]; totalCount: number; }; elements: LSApiElement[]; createdBy: string; created: Date; modified: Date; lastSent: Date; pageDimensionArray: [number, number][]; pageDimensions: string; fixSignatureScale?: boolean; }",
+                    "references": {
+                        "LSApiTemplate": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LSApiTemplate"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The base template information (as JSON).\n{LSApiTemplate}"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "editor": {
+                "type": "unknown",
+                "attribute": "editor",
+                "mutable": false,
+                "complexType": {
+                    "original": "LsDocumentViewer",
+                    "resolved": "LsDocumentViewer",
+                    "references": {
+                        "LsDocumentViewer": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LsDocumentViewer"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The base template information (as JSON).\n{LSDocumentViewer}"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=ls-toolbar.js.map

package/dist/collection/components/ls-toolbar/ls-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ls-toolbar.js","sourceRoot":"","sources":["../../../src/components/ls-toolbar/ls-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,SAAS;IAGpB;;;KAGC;IAGE,QAAQ,CAAiB;IAG5B;;;OAGG;IACK,QAAQ,CAAgB;IAE9B;;;KAGC;IACK,MAAM,CAAmB;IAEjC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAE1C,WAAK,KAAK,EAAE,QAAQ;oBAClB,cAAQ,KAAK,EAAC,uBAAuB;wBACnC,cAAQ,KAAK,EAAC,GAAG,aAAgB;wBAChC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAQ,KAAK,EAAE,CAAC,CAAC,EAAE,IAAG,CAAC,CAAC,IAAI,CAAU,CAAC,CAE9D;oBACT,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI;oBAC7C,0BAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC/C,2BAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAChD,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAEtC;gBACN,CAAC;oBACD,WAAK,KAAK,EAAE,QAAQ;wBAClB,cAAQ,KAAK,EAAC,uBAAuB;4BACnC,cAAQ,KAAK,EAAC,GAAG,aAAgB;4BAChC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAQ,KAAK,EAAE,CAAC,CAAC,EAAE,IAAG,CAAC,CAAC,IAAI,CAAU,CAAC,CAC9D;wBACT,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC;YAER,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -0,0 +1,19 @@
+:host {
+  display: block;
+  border: 1px green solid;
+  position: relative;
+  min-width: 110px;
+  padding: 8px;
+  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);
+  color: rgb(76, 75, 75);
+}
+
+.ls-sixdots {
+  position:absolute;
+  right: 0px;
+  color: inherit;
+}

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

@@ -0,0 +1,187 @@
+import { Host, h } from "@stencil/core";
+export class LsToolboxField {
+    /**
+     * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.
+     */
+    formElementType;
+    elementType;
+    validation = 0;
+    /**
+    * The text to display for this field type.
+     */
+    label;
+    /**
+     * The starting height of this control type in pixels.
+     */
+    defaultHeight;
+    /**
+     * The starting width of this control type in pixels.
+     */
+    defaultWidth;
+    handleDragStart(event) {
+        // Add the target element's id to the data transfer object
+        event.dataTransfer.setData("application/json", JSON.stringify({
+            formElementType: this.formElementType,
+            elementType: this.elementType,
+            validation: this.validation,
+            defaultHeight: this.defaultHeight,
+            defaultWidth: this.defaultWidth,
+        }));
+        event.dataTransfer.dropEffect = "copy";
+    }
+    handleKeyDown(event) {
+        if (event.key === 'ArrowDown') {
+            console.log('down arrow pressed');
+        }
+    }
+    render() {
+        return (h(Host, { key: '7462f248062a6b96803cdd53cc0f9a24974af630', draggable: "true" }, this.label, h("span", { key: '0c1e419aa5296831ee256b4a278cfee563890299', class: "ls-sixdots" }, h("svg", { key: 'fc8fe0921f2384672cd256f8762621311465a5f6', width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7b51e08c9df2ae5aa281572abaab17e8664754e0', d: "M9 5V5.01M9 12V12.01M9 19V19.01M15 5V5.01M15 12V12.01M15 19V19.01M9 6C8.44772 6 8 5.55228 8 5C8 4.44772 8.44772 4 9 4C9.55229 4 10 4.44772 10 5C10 5.55228 9.55229 6 9 6ZM9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55229 11 10 11.4477 10 12C10 12.5523 9.55229 13 9 13ZM9 20C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18C9.55228 18 10 18.4477 10 19C10 19.5523 9.55228 20 9 20ZM15 6C14.4477 6 14 5.55228 14 5C14 4.44772 14.4477 4 15 4C15.5523 4 16 4.44772 16 5C16 5.55228 15.5523 6 15 6ZM15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12C16 12.5523 15.5523 13 15 13ZM15 20C14.4477 20 14 19.5523 14 19C14 18.4477 14.4477 18 15 18C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    }
+    static get is() { return "ls-toolbox-field"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-toolbox-field.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-toolbox-field.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "formElementType": {
+                "type": "string",
+                "attribute": "form-element-type",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "elementType": {
+                "type": "string",
+                "attribute": "element-type",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "validation": {
+                "type": "number",
+                "attribute": "validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The text to display for this field type."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "defaultHeight": {
+                "type": "number",
+                "attribute": "default-height",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The starting height of this control type in pixels."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "defaultWidth": {
+                "type": "number",
+                "attribute": "default-width",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The starting width of this control type in pixels."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get listeners() {
+        return [{
+                "name": "dragstart",
+                "method": "handleDragStart",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=ls-toolbox-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ls-toolbox-field.js","sourceRoot":"","sources":["../../../src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,OAAO,cAAc;IAEzB;;OAEG;IACK,eAAe,CAAS;IACxB,WAAW,CAAS;IACpB,UAAU,GAAW,CAAC,CAAC;IAG/B;;OAEG;IACK,KAAK,CAAS;IAEtB;;OAEG;IACK,aAAa,CAAS;IAC9B;;OAEG;IACK,YAAY,CAAS;IAI7B,eAAe,CAAC,KAAK;QACnB,0DAA0D;QAC1D,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC;YAC5D,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;SAEhC,CAAC,CAAC,CAAC;QACJ,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;IAEzC,CAAC;IAGD,aAAa,CAAC,KAAoB;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;QACnC,CAAC;IACH,CAAC;IAID,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,SAAS,EAAC,MAAM;YACnB,IAAI,CAAC,KAAK;YACX,6DAAM,KAAK,EAAC,YAAY;gBAAC,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAAC,6DAAM,CAAC,EAAC,yuBAAyuB,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAQ,CAAM,CAAO,CAE/8B,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-toolbox-field',\n  styleUrl: 'ls-toolbox-field.css',\n  shadow: true,\n})\nexport class LsToolboxField {\n\n  /**\n   * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n   */\n  @Prop() formElementType: string;\n  @Prop() elementType: string;\n  @Prop() validation: number = 0;\n  \n\n  /**\n  * The text to display for this field type.\n   */\n  @Prop() label: string;\n\n  /**\n   * The starting height of this control type in pixels.\n   */\n  @Prop() defaultHeight: number;\n  /**\n   * The starting width of this control type in pixels.\n   */\n  @Prop() defaultWidth: number;\n  \n\n  @Listen('dragstart')\n  handleDragStart(event) {\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\"application/json\", JSON.stringify({\n      formElementType: this.formElementType,\n      elementType: this.elementType,\n      validation: this.validation,\n      defaultHeight: this.defaultHeight,\n      defaultWidth: this.defaultWidth,\n\n    }));\n    event.dataTransfer.dropEffect = \"copy\";\n\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowDown') {\n      console.log('down arrow pressed')\n    }\n  }\n\n\n\n  render() {\n    return (\n      <Host draggable=\"true\">\n        {this.label}\n        <span class=\"ls-sixdots\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 5V5.01M9 12V12.01M9 19V19.01M15 5V5.01M15 12V12.01M15 19V19.01M9 6C8.44772 6 8 5.55228 8 5C8 4.44772 8.44772 4 9 4C9.55229 4 10 4.44772 10 5C10 5.55228 9.55229 6 9 6ZM9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55229 11 10 11.4477 10 12C10 12.5523 9.55229 13 9 13ZM9 20C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18C9.55228 18 10 18.4477 10 19C10 19.5523 9.55228 20 9 20ZM15 6C14.4477 6 14 5.55228 14 5C14 4.44772 14.4477 4 15 4C15.5523 4 16 4.44772 16 5C16 5.55228 15.5523 6 15 6ZM15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12C16 12.5523 15.5523 13 15 13ZM15 20C14.4477 20 14 19.5523 14 19C14 18.4477 14.4477 18 15 18C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg></span>\n        \n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { format } from './utils/utils';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"]}