legalesign-document-viewer 1.0.13 → 1.0.15

package/dist/collection/components/ls-field-properties-regex/ls-field-properties-regex.css

@@ -0,0 +1,301 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+* {
+  margin: 0;
+}
+
+.ls-dv-field-set {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  width: 100%;
+}
+
+/* Global Styles */
+p {
+  color: var(--gray-80, #6f7176);
+  font-family: var(--font-family);
+  font-size: var(--text-sm);
+  font-style: normal;
+  font-weight: 400;
+  line-height: var(--text-sm-line-height);
+}
+
+a {
+  color: var(--primary-60, #4456f6);
+  font-size: var(--text-sm);
+  font-style: normal;
+  font-weight: 400;
+  line-height: var(--text-sm-line-height);
+  cursor: pointer;
+}
+
+a:hover {
+  text-decoration: underline;
+  color: var(--primary-70, #2134dc);
+}
+
+.ls-dv-button-link,
+.ls-dv-button-link:hover {
+  all: unset;
+}
+
+select {
+  appearance: none;
+  height: 2.25rem;
+  width: 100%;
+}
+
+.ls-dv-has-leading-icon {
+  padding-left: 2.5rem;
+}
+
+input,
+select,
+textarea {
+  border: 1px solid var(--gray-40, #d8d9dc);
+  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);
+  padding: 0.5rem 0.75rem;
+  font-family: var(--font-family);
+  font-size: var(--text-sm);
+  border-radius: 0.625rem;
+  color: var(--gray-100, #45484d);
+  font-weight: 400;
+}
+
+input::placeholder,
+select::placeholder,
+textarea::placeholder {
+  color: var(--gray-60, #afb0b2);
+}
+
+input:hover,
+select:hover,
+textarea:hover {
+  border-color: var(--gray-50, #c8c9cc);
+  background-color: var(--white, #ffffff);
+}
+
+input:focus,
+select:focus,
+textarea:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);
+  border-color: var(--primary-60, #4456f6);
+  background-color: var(--white, #ffffff);
+}
+
+input:active,
+select:active,
+textarea:active {
+  border-color: var(--primary-50, #5185ff);
+}
+
+input:disabled,
+select:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  background-color: var(--gray-10, #f7f8fa);
+}
+
+input[type=checkbox] {
+  appearance: none;
+  position: relative;
+  height: 1rem;
+  width: 1rem;
+  padding: 0.25rem;
+  border-radius: var(--radius-sm);
+  border: 1px solid #d1d5db;
+  background-color: #ffffff;
+  cursor: pointer;
+}
+
+input[type=checkbox]:checked,
+input[type=checkbox].ls-dv-indeterminate {
+  background-color: var(--primary-60, #4456f6);
+  border: none;
+}
+
+input[type=checkbox]:checked::after {
+  content: "";
+  position: absolute;
+  top: 45%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);
+  width: 0.5rem;
+  height: 0.25rem;
+  border-bottom: 0.125rem solid white;
+  border-right: 0.125rem solid white;
+}
+
+input[type=checkbox].ls-dv-indeterminate::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 0.5rem;
+  height: 0.125rem;
+  background-color: white;
+}
+
+input[type=checkbox]:checked:hover,
+input[type=checkbox].ls-dv-indeterminate:hover {
+  background-color: var(--primary-70, #2134dc);
+  border: none;
+}
+
+input[type=checkbox]:hover {
+  border: 1px solid #9ca3af;
+}
+
+input[type=checkbox]:focus,
+input[type=checkbox]:active {
+  outline: none;
+  box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);
+  background-color: #f0f4f8;
+}
+
+input[type=checkbox]:disabled {
+  background-color: #f3f4f6;
+  outline: none;
+  cursor: not-allowed;
+}
+
+input[type=checkbox]:disabled:checked {
+  background-color: #e5e7eb;
+  border: none;
+  outline: none;
+  cursor: not-allowed;
+}
+
+.ls-dv-checkbox-container {
+  display: flex;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+.ls-dv-checkbox-label {
+  color: var(--gray-100, #45484d);
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1rem;
+}
+
+.ls-dv-form-label {
+  color: var(--gray-100, #45484d);
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.5rem;
+}
+
+.ls-dv-form-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  width: 100%;
+}
+
+.ls-dv-loading-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  color: var(--primary-60, #4456f6);
+}
+
+button {
+  display: flex;
+  gap: 0.5rem;
+  border: 0;
+  appearance: button;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  background-color: var(--primary-60, #4456f6);
+  color: white;
+  font-weight: 500;
+  text-transform: capitalize;
+  min-height: 2.25rem;
+  min-width: 2.25rem;
+}
+
+button.ls-dv-tertiary-grey {
+  border: 1px solid var(--gray-40, #d8d9dc);
+  background-color: white;
+  color: var(--gray-80, #6f7176);
+}
+
+button.ls-dv-tertiary-grey:hover {
+  border: 1px solid var(--gray-50, #c8c9cc);
+  background: var(--gray-10, #f7f8fa);
+}
+
+button.ls-dv-secondary {
+  border: 1px solid var(--gray-50, #c8c9cc);
+  background: var(--white, #ffffff);
+  color: var(--gray-90, #5e6066);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+
+button.ls-dv-secondary:hover {
+  border: 1px solid var(--gray-50, #c8c9cc);
+  background: var(--gray-10, #f7f8fa);
+}
+
+button.ls-dv-destructive {
+  border: 1px solid var(--red-60, #f64a44);
+  background-color: white;
+  color: var(--red-60, #f64a44);
+}
+
+button.ls-dv-destructive:hover {
+  border: 1px solid var(--red-70, #dc2721);
+  background: var(--red-10, #fff0f0);
+}
+
+.ls-dv-button-group {
+  display: flex;
+  border-radius: 0.625rem;
+  border: 1px solid var(--gray-30, #e0e2e5);
+  background: var(--white, #ffffff);
+  overflow: clip;
+}
+
+.ls-dv-button-group button {
+  display: flex;
+  background: transparent;
+  border-radius: unset;
+  padding: 0.25rem 0.75rem;
+  min-width: 2.156rem;
+  min-height: unset;
+  color: var(--gray-80, #6f7176);
+}
+
+.ls-dv-button-group button:hover {
+  background: var(--gray-10, #f7f8fa);
+}
+
+.ls-dv-button-group > :first-child {
+  border-radius: 0.625rem 0 0 0.625rem;
+}
+
+.ls-dv-button-group > :last-child {
+  border-radius: 0 0.5rem 0.5rem 0;
+}
+
+.ls-dv-button-group > :not(:first-child) {
+  border-left: 1px solid var(--gray-30, #e0e2e5);
+}

package/dist/collection/components/ls-field-properties-regex/ls-field-properties-regex.js

@@ -0,0 +1,180 @@
+import { Host, h } from "@stencil/core";
+import { dvI18n } from "../../i18n/i18n";
+import { getFieldPlaceholder } from "../ls-document-viewer/defaultFieldLabels";
+export class LsFieldPropertiesNumber {
+    dataItem;
+    roles = [];
+    readonly = false;
+    filtertoolbox = null;
+    mutate;
+    update;
+    labeltimer;
+    debounce(data, delay) {
+        if (this.labeltimer)
+            clearTimeout(this.labeltimer);
+        this.labeltimer = setTimeout(() => {
+            const diffs = [{ action: 'update', data }];
+            this.mutate.emit(diffs);
+        }, delay);
+    }
+    // Send one or more mutations up the chain
+    // The source of the chain fires the mutation
+    // Debounced alter for text inputs (value, label, options)
+    alter(diff) {
+        this.dataItem = { ...this.dataItem, ...diff };
+        this.update.emit([{ action: 'update', data: this.dataItem }]);
+        this.debounce(this.dataItem, 1500);
+    }
+    render() {
+        return (h(Host, { key: '5047284757c3fdfb04f3cf2ab784e0fa0132542a' }, h("ls-field-properties-container", { key: '2b0f0f651b8525a7c3de8961d406341f8abd9fd6', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3a05302b715ea861635a6c88c57b2cd585341d60', class: 'ls-dv-field-set', slot: "content" }, h("ls-props-section", { key: '023aa4cc62288e4348f994b26f8024314f9cb7c6', sectionTitle: dvI18n.t('fieldproperties.expression'), sectionDescription: dvI18n.t('fieldproperties.expressiondescription') }, h("ls-formfield", { key: 'f37bd1d5754e130973eb87c37871244c03a51fb2', as: "text", name: "field-value", value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), disabled: this.readonly, onTextChange: e => this.alter({ options: e.detail.value }) })), h("ls-field-content", { key: '9af95cefbc77fc4cf7c771b7735d0f6af9deed97', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '3345dfd82bd3675d17ede7b1ef2ed8f286eed788', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'd313b0cc046a1a50e6734cf039753ebff0ab10ac', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a04dea07e52f103b62bfb846fd5541598572dbfa', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '074bffca6ca8c41457cb84dbcc9c241f2cb2dadc', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '4ebba801e48b484756f6dd968f098b5fd010be18', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '9a3383d47f354fe157c62d1b8d279ca793f8bfba', dataItem: this.dataItem, readonly: this.readonly })));
+    }
+    static get is() { return "ls-field-properties-regex"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-field-properties-regex.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-field-properties-regex.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dataItem": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LSApiElement",
+                    "resolved": "{ id: string; align: string; ax?: number; ay?: number; bx?: number; by?: number; left?: number; top?: number; height?: number; width?: number; elementType: string; fieldOrder?: number; fontName: string; fontSize: number; hideBorder?: boolean; label?: string; labelExtra?: string; helpText?: string; optional?: boolean; options?: string; page?: number; role?: LSApiRole; excludeFromPdf?: boolean; validation?: number; value?: string; logicGroup?: string; logicAction?: number; mapTo?: string; signer: number; link?: string; formElementType?: \"number\" | \"text\" | \"signature\" | \"date\" | \"regular expression\" | \"file\" | \"signing date\" | \"autosign\" | \"initials\" | \"email\" | \"checkbox\" | \"dropdown\" | \"drawn field\"; roleObject?: LSApiRole; cstyle?: any; divStyle?: any; objectHeight?: string; pageDimensions?: { height: number; width: number; }; templateId?: string; }",
+                    "references": {
+                        "LSApiElement": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LSApiElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "roles": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LSApiRole[]",
+                    "resolved": "LSApiRole[]",
+                    "references": {
+                        "LSApiRole": {
+                            "location": "import",
+                            "path": "../../types/LSApiRole",
+                            "id": "src/types/LSApiRole.ts::LSApiRole"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "readonly",
+                "defaultValue": "false"
+            },
+            "filtertoolbox": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filtertoolbox",
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "mutate",
+                "name": "mutate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "LSMutateEvent[]",
+                    "resolved": "LSMutateEvent[]",
+                    "references": {
+                        "LSMutateEvent": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LSMutateEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "update",
+                "name": "update",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "LSMutateEvent[]",
+                    "resolved": "LSMutateEvent[]",
+                    "references": {
+                        "LSMutateEvent": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::LSMutateEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=ls-field-properties-regex.js.map

package/dist/collection/components/ls-field-properties-regex/ls-field-properties-regex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ls-field-properties-regex.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-regex/ls-field-properties-regex.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { dvI18n } from '../../i18n/i18n';\nimport { getFieldPlaceholder } from '../ls-document-viewer/defaultFieldLabels';\n@Component({\n  tag: 'ls-field-properties-regex',\n  styleUrl: 'ls-field-properties-regex.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesNumber {\n  @Prop() dataItem: LSApiElement;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  private labeltimer;\n\n  debounce(data, delay) {\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n\n    this.labeltimer = setTimeout(() => {\n      const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // Debounced alter for text inputs (value, label, options)\n  alter(diff: object) {\n    this.dataItem = { ...this.dataItem, ...diff };\n    this.update.emit([{ action: 'update', data: this.dataItem }]);\n    this.debounce(this.dataItem, 1500);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.expression')} sectionDescription={dvI18n.t('fieldproperties.expressiondescription')}>\n              <ls-formfield\n                as=\"text\"\n                name=\"field-value\"\n                value={this.dataItem?.value}\n                placeholder={getFieldPlaceholder(this.dataItem?.formElementType)}\n                disabled={this.readonly}\n                onTextChange={e => this.alter({ options: e.detail.value })}\n              />\n\n            </ls-props-section>\n            <ls-field-content dataItem={this.dataItem} readonly={this.readonly} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js

@@ -6,7 +6,7 @@ export class LsFieldPropertiesSignature {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (h(Host, { key: 'e44da042717a111c73d6872906390e87590be322' }, h("ls-field-properties-container", { key: 'e25285496c0ba63147d51633e1623cc601b82813', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '303158c57175e71cd36f3bb3502422eb2237d037', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'a22ef4a3e4fa5d1dde1773fb2373d8cf16679da2', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: 'aed918533e7ce47c6a07590b4873a74a341f127f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'f93302d215418d1b186e8670d73d3f8265077459', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '2f0218594350042f332a3a7615a8fa20cc073687', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: '45e4332cae258a6cb6e06cb8427c28f0981e8f27', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'fd4ff28e428a95e3846af6dea8b9900ddda9e966', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b24c894c45e786087fb542fd67b1e4aa97c9aa29', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '290ad98e0c71001e9d7f27ef646440e2ce350d6b' }, h("ls-field-properties-container", { key: 'b7e5bc1bc32caba17df1ace36347138017abadaa', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '9beb54bbf302f9e852be71e35dc0d604e6f7dd1d', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '3952256e61ca9350633b0181810c9173001c89ee', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly, filtertoolbox: this.filtertoolbox })), h("div", { key: '5741a00003cbe967635cfc63de94473157a5bd52', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '8bda846606e16b323abe7345289e2c21c9cf8036', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: '576a64d1dc12cb24862964095ead11e6831bc49b', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'fbbfd48b9fca0b8b9c68a2745580a7d72407d66f', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'd651128cfdd7ec2453858bd2f4350d768bdd088d', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get is() { return "ls-field-properties-signature"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-field-properties-signature.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,0BAA0B;IAC7B,QAAQ,CAAe;IACvB,QAAQ,CAAM,CAAC,gBAAgB;IAC/B,KAAK,GAAgB,EAAE,CAAC;IACxB,QAAQ,GAAY,KAAK,CAAC;IAC1B,aAAa,GAAW,IAAI,CAAC;IAErC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI;oBACxJ,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9E;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpE,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n  tag: 'ls-field-properties-signature',\n  styleUrl: 'ls-field-properties-signature.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n  @Prop() dataItem: LSApiElement;\n  @Prop() template: any; // LSApiTemplate\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-field-properties-signature.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,0BAA0B;IAC7B,QAAQ,CAAe;IACvB,QAAQ,CAAM,CAAC,gBAAgB;IAC/B,KAAK,GAAgB,EAAE,CAAC;IACxB,QAAQ,GAAY,KAAK,CAAC;IAC1B,aAAa,GAAW,IAAI,CAAC;IAErC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI,CACpJ;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpE,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n  tag: 'ls-field-properties-signature',\n  styleUrl: 'ls-field-properties-signature.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n  @Prop() dataItem: LSApiElement;\n  @Prop() template: any; // LSApiTemplate\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js

@@ -5,7 +5,7 @@ export class LsFieldPropertiesText {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (h(Host, { key: '5bda7658614182057497ffc2cf7d1962da731beb' }, h("ls-field-properties-container", { key: '869197a172511f7ac9c0428f0dbb7015fac3dea5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cd01a71ea68811c0a4d417c90cc75c65fad42dc4', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '28f844388197c3f1272b99c10a6e4b660cf9574d', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: 'f9d635f7245a290b5b9151eecd31a87d40e6ad19', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '69508e486eb1e739f52a2f5aa264d1427bef2341', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '808b6746eaf0b89c7e1622a61096fc1fe025d116', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '49d5dfc846abb23fc62ace72606ce88d4280c88e', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '352d46ba6a5e1da2f99c4e92f1526adcf1f44232', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '079e4525894628556f6ecd9234e5aa236bce0147', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: 'b03f646a876d4f104ae59afade45f09419d376d1' }, h("ls-field-properties-container", { key: '513e4a28fe888b32277647030f04b660cde9333f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '002b82bb6c957a8ccb5413911e3322a803a6ea57', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '3a4209461e8698749ce42424f0403de9bbb7ab32', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: 'eedd11712f9a49e1570a02c2e4254a95c8bc76dd', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'ef1c0f6099f61eaf911f2466cccdb3f024f1b722', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '5884b6abcea5f8430b80b37bbef5122aa94225af', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'f208669f1e7815554ea7393652fa756302a49cb0', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '4932b1ef1f5b6f6139cc464fb8804805210312ec', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'ccee8152b96db46cfbf9ad1fd7fb67ce74bf6b1a', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get is() { return "ls-field-properties-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class LsFieldSize {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'e80d40a3d263c6f6425909c345a65ad3c037232d' }, h("div", { key: '51f70dab5d785c99954eaba393ea45b0ea321a82', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ca0ab4e166f13861c19d0dd9be0b35578272473f', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '2f7a990dade6fb211745847141eff6ce3324a7de', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '9f0c820a6750671c4a74a281e47a62e64cc4863f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: 'eff3bb32e48b11da0c1d3898eabd3687d90ad5a1', class: 'ls-dv-button-group' }, h("button", { key: '9cc0ae2486c1150c48b9313a3f702c4af1d987df', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchsize'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchsize'), disabled: this.readonly }, h("ls-icon", { key: '2d8e86553207bc0c0ef1a14c11c59550ea2d2894', name: "field-scale-icon" })), h("button", { key: '4b7a457fcf94b9cfb66ab2debdff53f480df4971', "aria-label": dvI18n.t('alignment.matchwidth'), onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchwidth'), disabled: this.readonly }, h("ls-icon", { key: 'eee7886f12edf037b529af26b64004978395ae08', name: "field-match-width-icon" })), h("button", { key: 'b7ba3f71c71fb248dd1447f028ce645214936df0', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchheight'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchheight'), disabled: this.readonly }, h("ls-icon", { key: 'cdb9edc6e09e56175108248bd20bdc9675401de5', name: "field-match-height-icon" })))), h("slot", { key: '151a7af2767a740ab11d3448d120f8ba810d34ca' }), h("ls-tooltip", { key: '8926fd0afcfdfd1e93829c751b177f3e880db102', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: '5ee10529b4194139ebef5084c96de73bdbda9751' }, h("div", { key: '56c523061678efd6c49894452c54df19c185bea2', class: 'ls-dv-field-properties-section' }, h("div", { key: '77eb3c1ab8f2af2ff5c918b06d80761f856776cd', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0c600d766274afb25fdf4a3c05ec2ae7183e3464', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '6e2a248ee1d3e58ec78f1b1905470297df518cfa', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: 'e47b47992142aa332a4e30ebc01e3f857ee41096', class: 'ls-dv-button-group' }, h("button", { key: '68c8cf45ec855aa2f87b86b9bfd423d8abd53e98', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchsize'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchsize'), disabled: this.readonly }, h("ls-icon", { key: '147af06cefbdbdf691b476cdb370e39543ab1fd5', name: "field-scale-icon" })), h("button", { key: 'f712c8afc24bd890539e2ec4f873d161e2a64eb2', "aria-label": dvI18n.t('alignment.matchwidth'), onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchwidth'), disabled: this.readonly }, h("ls-icon", { key: 'e6e5b4179663c63417ea40ffcfb7ed06c5324851', name: "field-match-width-icon" })), h("button", { key: '215785bb197bbca05b945559743b1e81a442d8b9', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchheight'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchheight'), disabled: this.readonly }, h("ls-icon", { key: '2c27304fc60a348b52dc644059cdb8209b1a7543', name: "field-match-height-icon" })))), h("slot", { key: '4b8523a9d7713703eb961de75057187ad903f17f' }), h("ls-tooltip", { key: '0b9365ebff9aa4359e2d27e91a757b2e089c782a', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-field-size"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-type-display/ls-field-type-display.js

@@ -23,14 +23,14 @@ export class LsFieldTypeDisplay {
     fieldType = 'signature';
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        return (h(Host, { key: 'f530e50ecd19fc303f5680ec74fbf6d7ebc8215b', class: 'ls-dv-field-type-wrapper', style: {
+        return (h(Host, { key: '82301bb7c97714cc02e69868a4ca0ec54a8aa6ba', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'bfd175b6c2216e9eb832dd0f0afd4073eff3bbb4', class: 'ls-dv-field-type-inner' }, h("div", { key: 'fc9301ca2a35a471da53e1fd375399b0bf32b1f3', class: 'ls-dv-field-type-icon', style: {
+            } }, h("div", { key: '4001a2860a85147739c23303fd83ee5409ac58ed', class: 'ls-dv-field-type-inner' }, h("div", { key: '06bac95bafc02a9595879a0647a2ea19597d822a', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '21acf5d1646344aacb06b2e9ae5ea7f1f92f9d3d', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: 'a20b73de88c4904d0e618228b20b9043c0bce912', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
+            } }, h("ls-icon", { key: '0360494978edf9ca699ddd93ed9c927ee61a2a84', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: 'afd036c471e031e52d17e0b2d08b91aca672c14f', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
     }
     static get is() { return "ls-field-type-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-type-select/ls-field-type-select.js

@@ -97,17 +97,17 @@ export class LsFieldTypeSelect {
         const displayLabel = this.mixed
             ? dvI18n.t('fieldproperties.mixed')
             : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
-        return (h(Host, { key: '66ad02b2693e699f42ba5b4bbdd74a4e72b5272d' }, h("div", { key: '3cf2bf169679e0433bce59d5147436a5fb41c02f', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: 'de373f0cd0d12757cb6bc2cbb3aa55195497e918', class: "ls-dv-fieldtype-header", style: {
+        return (h(Host, { key: '3b559c6e431d9844e9b9aebff001c4154fd4fc69' }, h("div", { key: 'a8930bd3e364387a3556131e88fa83331081f588', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '497566912b2568cf25aeec1e0c05ebc20d592aed', class: "ls-dv-fieldtype-header", style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'a37a40c0f27de521d7a9c30f471810c2f30b08a1', class: "ls-dv-fieldtype-inner" }, h("div", { key: 'a8a643a8d53a7789993160da6fd4e9e5e91677bf', class: "ls-dv-fieldtype-icon", style: {
+            } }, h("div", { key: '4cacd24f601036cedce5bd97c1e0a7533c40eec8', class: "ls-dv-fieldtype-inner" }, h("div", { key: '5217bc17eebfc1a83178290ac60ea8e79bbb863b', class: "ls-dv-fieldtype-icon", style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '832a14679c7c30bf65a5bbd81d1ad35fec39f0b9', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: '25aa5b984b956cb8536d7d637c6b4c1e657df88f', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: 'ff497f5e7f1f54ae0f48429de3b97eb4b827b2e4', class: "ls-dv-fieldtype-btn", onClick: e => {
+            } }, h("ls-icon", { key: 'fc8575bf0d5d150e3278d0be912283de99c65379', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'aaf39219f7523ec7270ac1171e609fb201746930', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '3afa4fb6aabbca9876ad70cbb7fbb4a49d77d7d6', class: "ls-dv-fieldtype-btn", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '96ff6e46a8d44b0d7b027b7390c10897f6b0ece5', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: '2a00ba791cb7e55aac8578fa46594e8a426599cc', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '0033dd20bf4a9f95541751bd27f6ce40f5721126', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'c9e5fa19ae83a573e807841a8754f59a841de62e', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
                 '--background-selected': color.s10,
                 '--check-icon-selected': color.s50,
             }, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {

package/dist/collection/components/ls-helper-bar/ls-helper-bar.js

@@ -8,7 +8,7 @@ export class LsHelperBar {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '64217d6d821bd50de67e0a40106e5c9e2224cd0d' }, h("div", { key: 'd775827895edfa072bc77966cf99a2bda0c79ae5', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '10d458b846203ea54409f132be7656ff063b8251', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: 'ab3374448a0ac9d6d30d9f3ab1fafbfc45a7b087', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: '2f07663618838c831c2b16c7860ac86b1105d634', name: "keyboard-icon" })), h("button", { key: 'ce5ee367fc502880657d2fdd6f15a0d3121d306a', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: '7918093e745d1239969e34a75b42949e48191b3e', name: "book-open-icon" })), h("button", { key: 'e8de2ad302b12bf7c46c304d5f64e2a38fb17b19', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: '2af72724ada4007550d68f72e46f62fe38e54d48', name: "support-icon" })), h("div", { key: '0c7e11e5f68f4ab3aa58558797baa05c4cbe3d6a', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '975805f3fa50a38013a893a004647c7833dc2c0d' }, h("ls-icon", { key: '4216d7323158064159fd7e6749501d8d8c31abec', name: "question-mark-circle-icon" }))), h("slot", { key: 'f5e4de203885a60f561b3114461ae0b707869f16' }), h("ls-tooltip", { key: '223a4b705ed09309e169499e910a5f421a42fdea', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: 'd5e1243216fa194ac7c97b62db936e22698fe169' }, h("div", { key: 'e78e3daf51bfac8af93f2c08658067162b6a4998', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: 'd2198e6894c5e0fa5f151064b1a0b3554ceff854', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: '34a955a2beee583c0b4aa3704623672005e8d3c2', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: 'ac263769b9d6fcae145ba9b63282e0d6f858bb6d', name: "keyboard-icon" })), h("button", { key: '90cc038c4d034740ca2fb84b08b5cc42d862bbe0', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: 'cfa12c39dff0ba244bf472fb01cc1530aaa250c2', name: "book-open-icon" })), h("button", { key: 'e94ab87db268479dda3e2390a8947333e1340053', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: 'f5f890a3ac7bfa086115ab4b2f34de2428816302', name: "support-icon" })), h("div", { key: '2c724587391030ae69a5305685ee528e75322677', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '0134860acb82f218c0ede9e7406e4b1afb63ede3' }, h("ls-icon", { key: '01fe6aff9c191152310170a4544c04bba0961de3', name: "question-mark-circle-icon" }))), h("slot", { key: 'b4e1197d97abcdc8545769bbe97bb0f6e81d2b38' }), h("ls-tooltip", { key: '3c73a484c2e7ef8ad6434efb6c43ced8a794f788', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-helper-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js

@@ -3,7 +3,7 @@ export class LsInputWrapper {
     leadingIcon;
     select = false;
     render() {
-        return (h(Host, { key: '617bc7d6b1b7181b0194f55280fbe10e9f36e768' }, h("ls-icon", { key: '6d2bc09ed02dec5aec3aa91379a4c42ba69d378a', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '8a95b0d811c9f0bdad0bcf908cf84b90da48826a', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: '5e7835c2dcdfedd3a9e4cbb0cc24b2e95e25f9f4' })));
+        return (h(Host, { key: '9ffcd109b72b9af453ef7c4cadfc03465a3f1347' }, h("ls-icon", { key: '4708244d8715f15b3390a8543c969c10cbe00be7', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: 'aa42416d093177d90a2efcce2471e0a5a501e9f3', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: 'b64c8dd39ad1b50bd372cbc7e3c87066c840b450' })));
     }
     static get is() { return "ls-input-wrapper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js

@@ -19,7 +19,7 @@ export class LsKeyboardShortcuts {
             { keys: `${this.mod} + Scroll`, label: dvI18n.t('shortcuts.zoom') },
             { keys: 'Esc', label: dvI18n.t('shortcuts.deselect') },
         ];
-        return (h("div", { key: '4f2744bf23ec5cd3084dda92bbf767ddcc3a3d73', class: 'ls-dv-keyboard-shortcuts-tooltip' }, h("div", { key: 'c3b8d7c7ef629e9301f97a371cff7397e58c9a7d', id: "arrow" }), h("p", { key: '8475858e58dd53239b2e010d6d334c1e19ed497b', class: "ls-dv-tooltip-title" }, dvI18n.t('shortcuts.title')), h("table", { key: 'b23daa7c1dc8539dd5ba3709808271b3ddbeb9b5', class: "ls-dv-shortcuts-table" }, shortcuts.map(s => (h("tr", null, h("td", { class: "ls-dv-shortcut-keys" }, s.keys), h("td", { class: "ls-dv-shortcut-label" }, s.label)))))));
+        return (h("div", { key: 'cfd5c35179ad3805f8d4f8ad3039f72ee5db7bed', class: 'ls-dv-keyboard-shortcuts-tooltip' }, h("div", { key: '7a2be545bfc57f758535baadb84597d25894d57a', id: "arrow" }), h("p", { key: '6911a6bff38890af98ee2fbfec169974ece36a20', class: "ls-dv-tooltip-title" }, dvI18n.t('shortcuts.title')), h("table", { key: 'edf567dc2c35abaa0fd25ccb98eee49ff91682e8', class: "ls-dv-shortcuts-table" }, shortcuts.map(s => (h("tr", null, h("td", { class: "ls-dv-shortcut-keys" }, s.keys), h("td", { class: "ls-dv-shortcut-label" }, s.label)))))));
     }
     static get is() { return "ls-keyboard-shortcuts"; }
     static get encapsulation() { return "shadow"; }