legalesign-document-viewer 0.3.5 → 0.3.6

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/{ls-document-viewer/ls-helper-bar.entry.js → collection/components/ls-helper-bar/ls-helper-bar.js}

@@ -1,13 +1,7 @@
-import { r as registerInstance, d as getElement, h, e as Host } from './index-Dlkip55O.js';
-import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
-
-const lsHelperBarCss = ".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}";
-
-const LsHelperBar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get component() { return getElement(this); }
+import { Host, h } from "@stencil/core";
+import { attachAllTooltips } from "../../utils/tooltip";
+export class LsHelperBar {
+    component;
     expanded = false;
     shortcutsBtn;
     componentDidLoad() {
@@ -20,10 +14,47 @@ const LsHelperBar = class {
                 }
             } }, h("ls-keyboard-shortcuts", { key: '3050511bf12b4d89955b321613cf666992995e27', referenceElement: this.shortcutsBtn }), h("ls-icon", { key: '0951576249e2e4a38911099a38088953f4c4b2bb', name: "keyboard" })), h("button", { key: '6cbf0dcbdf15e843e402efb56e1b57eb4dbb316f', style: !this.expanded ? { display: 'none' } : { display: 'block' }, "data-pendo": "launch-new-edit-tour" }, h("ls-icon", { key: '7d5ef9cf4f09238540aef701996a33284a43eb7b', name: "map", "data-tooltip": "Take a Guided Tour", "data-tooltip-placement": "left" })), h("button", { key: 'c5424ae83905bcdab2840af81436e8c2eb4170e5', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: '56be01c50ff5155ca6cc461d5256db99da1f86e0', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("div", { key: '8ed306e8bd4f2060b1d49f22e86bc837c5b5aa50', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: 'f4631ad3eef1ac65424f3221602a1c838a98200d' }, h("ls-icon", { key: '593c2288a668a72644704f96f62788873857a213', name: "question-mark-circle" }))), h("slot", { key: '8eb51d3cbda8b945f6d67e2d0e5cda3bd9a3695e' }), h("ls-tooltip", { key: 'e722858d119b11fb043ce1fac7e509522a32ab08', id: "ls-tooltip-master" })));
     }
-};
-LsHelperBar.style = lsHelperBarCss;
-
-export { LsHelperBar as ls_helper_bar };
-//# sourceMappingURL=ls-helper-bar.entry.esm.js.map
-
-//# sourceMappingURL=ls-helper-bar.entry.js.map
+    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",
+                "attribute": "expanded",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "shortcutsBtn": {}
+        };
+    }
+    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,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,OAAO,WAAW;IACX,SAAS,CAAc;IACX,QAAQ,GAAY,KAAK,CAAC;IACxC,YAAY,CAAc;IAEnC,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,EAClE,EAAE,EAAC,cAAc,EACjB,GAAG,EAAE,EAAE,CAAC,EAAE;wBACR,IAAI,EAAE,EAAE,CAAC;4BACP,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;wBACzB,CAAC;oBACH,CAAC;oBAED,8EAAuB,gBAAgB,EAAE,IAAI,CAAC,YAAY,GAAI;oBAC9D,gEAAS,IAAI,EAAC,UAAU,GAAG,CACpB;gBACT,+DAAQ,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAa,sBAAsB;oBAC3G,gEAAS,IAAI,EAAC,KAAK,kBAAc,oBAAoB,4BAAwB,MAAM,GAAG,CAC/E;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,kCAAkC,EAAE,QAAQ,CAAC;oBAClJ,gEAAS,IAAI,EAAC,WAAW,kBAAc,2BAAsB,4BAAwB,MAAM,GAAG,CACvF;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, State, 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  @State() shortcutsBtn: HTMLElement;\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' }}\n            id=\"keyboard-btn\"\n            ref={el => {\n              if (el) {\n                this.shortcutsBtn = el;\n              }\n            }}\n          >\n            <ls-keyboard-shortcuts referenceElement={this.shortcutsBtn} />\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          <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"]}