legalesign-document-viewer 0.1.0 → 0.1.2

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

@@ -1,52 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
-
-const lsToolboxFieldCss = ":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}";
-
-const LsToolboxField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * 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: '11aceb0de5eeb85111e66a44f6e5acbf7d975e3e', draggable: "true" }, this.label, h("span", { key: 'debe68418326dd1e2dbf246ff0cc9da71fc67f3c', class: "ls-sixdots" }, h("svg", { key: '52b2e05373273891cf367eb09a70cdc27b318955', width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a3a438914ffa5b16bdf0da63e16bf70d558bf27f', 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" })))));
-    }
-};
-LsToolboxField.style = lsToolboxFieldCss;
-
-export { LsToolboxField as ls_toolbox_field };
-//# sourceMappingURL=ls-toolbox-field.entry.esm.js.map
-
-//# sourceMappingURL=ls-toolbox-field.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"ls-toolbox-field.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,mXAAmX;;MCOhY,cAAc,GAAA,MAAA;;;;AAEzB;;AAEG;AACK,IAAA,eAAe;AACf,IAAA,WAAW;IACX,UAAU,GAAW,CAAC;AAG9B;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,aAAa;AACrB;;AAEG;AACK,IAAA,YAAY;AAIpB,IAAA,eAAe,CAAC,KAAK,EAAA;;QAEnB,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;AAEhC,SAAA,CAAC,CAAC;AACH,QAAA,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM;;AAKxC,IAAA,aAAa,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAC7B,YAAA,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC;;;IAMrC,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAC,MAAM,EAAA,EACnB,IAAI,CAAC,KAAK,EACX,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAAC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,yuBAAyuB,EAAC,MAAM,EAAC,cAAc,EAAc,cAAA,EAAA,GAAG,EAAgB,gBAAA,EAAA,OAAO,qBAAiB,OAAO,EAAA,CAAQ,CAAM,CAAO,CAE/8B;;;;;;;","names":[],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.css?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  border: 1px green solid;\n  position: relative;\n  min-width: 110px;\n  padding: 8px;\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  color: rgb(76, 75, 75);\n}\n\n.ls-sixdots {\n  position:absolute;\n  right: 0px;\n  color: inherit;\n}","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"],"version":3}