legalesign-document-viewer 0.7.1 → 0.7.2

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

@@ -0,0 +1,33 @@
+.controls-bar {
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+  border: 1px solid var(--gray-30, #e0e2e5);
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
+  border-radius: 1rem;
+  gap: 0.75rem;
+  padding: 0.5rem;
+}
+
+button {
+  all: unset;
+  border: 0;
+  color: var(--gray-80, #6c6e73);
+}
+
+button:hover {
+  color: var(--gray-100, #45484d);
+  border-radius: 0.5rem;
+}
+
+button:disabled {
+  color: var(--gray-40, #c1c4c8);
+  cursor: not-allowed;
+}
+
+.divider {
+  height: 1px;
+  background-color: var(--gray-30, #e0e2e5);
+  width: 100%;
+  margin: -0.25rem 0;
+}

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

@@ -0,0 +1,71 @@
+import { Host, h } from "@stencil/core";
+import { attachAllTooltips } from "../../utils/tooltip";
+export class LsHelperBar {
+    component;
+    expanded = false;
+    showShortcuts = false;
+    componentDidLoad() {
+        attachAllTooltips(this.component.shadowRoot);
+    }
+    render() {
+        return (h(Host, { key: '80424695aca9605bd33babee48b04cddcaefa9d9' }, h("div", { key: '979fba7eec4fd2bf68c1ed007c9cc3e4b74d0c02', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '2b10c0bef11fd14a63c7628f99ae8de2513adb28', 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: '05b53b94530483978525287ff10dccc30ca76d0c', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: '864e327f400448697409a8642f811b54a61bd4b0', name: "keyboard" })), h("button", { key: 'ff49004d9d542840ad6e9ba5773b5ef4800464e0', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: '1fbff5315dbfc77f58614407c01cf49d73abcfae', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("button", { key: 'e143f7a303bec97b1e3b4908fba164c3254debac', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, h("ls-icon", { key: '7bec6819f47d101a99e52c9caeec453cb5c6375f', name: "support", "data-tooltip": "Contact Support", "data-tooltip-placement": "left" })), h("div", { key: 'ef1aebc179e96aa84fe9ca9a4317fdb6fcaff2f3', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: 'ac03a8fd323b0017bb5eb6b0aedb3ca2fed0978e' }, h("ls-icon", { key: '9c3a5b22caf69a0399ecae747e2bb41026ac455b', name: "question-mark-circle" }))), h("slot", { key: '3e618338807c195c821e0d08a04703d40fd6273f' }), h("ls-tooltip", { key: '30412afc90ae2ed34f669732d233457517727bbf', id: "ls-tooltip-master" })));
+    }
+    static get is() { return "ls-helper-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ls-helper-bar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ls-helper-bar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "expanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            },
+            "showShortcuts": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-shortcuts",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "component"; }
+}
+//# sourceMappingURL=ls-helper-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ls-helper-bar.js","sourceRoot":"","sources":["../../../src/components/ls-helper-bar/ls-helper-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,OAAO,WAAW;IACX,SAAS,CAAc;IACT,QAAQ,GAAY,KAAK,CAAC;IAC1B,aAAa,GAAY,KAAK,CAAC;IAExD,gBAAgB;QACd,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACjH,+DACE,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxF,EAAE,EAAC,cAAc,EACjB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,EAC/C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;oBAEhD,8EAAuB,KAAK,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI;oBAClG,gEAAS,IAAI,EAAC,UAAU,GAAG,CACpB;gBAIT,+DAAQ,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,kCAAkC,EAAE,QAAQ,CAAC;oBAClJ,gEAAS,IAAI,EAAC,WAAW,kBAAc,2BAAsB,4BAAwB,MAAM,GAAG,CACvF;gBACT,+DAAQ,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,uCAAuC,EAAE,QAAQ,CAAC;oBACvJ,gEAAS,IAAI,EAAC,SAAS,kBAAc,iBAAiB,4BAAwB,MAAM,GAAG,CAChF;gBACT,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI;gBAC3F;oBACE,gEAAS,IAAI,EAAC,sBAAsB,GAAG,CAChC,CACL;YACN,8DAAa;YACb,mEAAY,EAAE,EAAC,mBAAmB,GAAG,CAChC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Prop, h } from '@stencil/core';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n  tag: 'ls-helper-bar',\n  styleUrl: 'ls-helper-bar.css',\n  shadow: true,\n})\nexport class LsHelperBar {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) expanded: boolean = false;\n  @Prop({ mutable: true }) showShortcuts: boolean = false;\n\n  componentDidLoad() {\n    attachAllTooltips(this.component.shadowRoot);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'controls-bar'} onMouseEnter={() => (this.expanded = true)} onMouseLeave={() => (this.expanded = false)}>\n          <button\n            style={!this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }}\n            id=\"keyboard-btn\"\n            onMouseEnter={() => (this.showShortcuts = true)}\n            onMouseLeave={() => (this.showShortcuts = false)}\n          >\n            <ls-keyboard-shortcuts style={!this.showShortcuts ? { display: 'none' } : { display: 'block' }} />\n            <ls-icon name=\"keyboard\" />\n          </button>\n          {/* <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} data-pendo=\"launch-new-edit-tour\">\n            <ls-icon name=\"map\" data-tooltip=\"Take a Guided Tour\" data-tooltip-placement=\"left\" />\n          </button> */}\n          <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://legalesign.com/articles/', '_blank')}>\n            <ls-icon name=\"book-open\" data-tooltip=\"View Documentation ↗\" data-tooltip-placement=\"left\" />\n          </button>\n          <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://support.legalesign.io/tickets', '_blank')}>\n            <ls-icon name=\"support\" data-tooltip=\"Contact Support\" data-tooltip-placement=\"left\" />\n          </button>\n          <div class=\"divider\" style={!this.expanded ? { display: 'none' } : { display: 'block' }} />\n          <button>\n            <ls-icon name=\"question-mark-circle\" />\n          </button>\n        </div>\n        <slot></slot>\n        <ls-tooltip id=\"ls-tooltip-master\" />\n      </Host>\n    );\n  }\n}\n"]}