legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/{components/p-pumCOAgo.js → ls-document-viewer/ls-toolbar.entry.js}

@@ -1,22 +1,14 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$4 } from './p-Ch9RTQWk.js';
-import { d as defineCustomElement$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-DK4_6BnD.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, d as createEvent, e as getElement, h } from './index-DANCsk1i.js';
 
 const lsToolbarCss = () => `.ls-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.invisible{display:none}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{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;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
-const LsToolbar = /*@__PURE__*/ proxyCustomElement(class LsToolbar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsToolbar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     /**
      * The selected items information (as JSON).
      * {LSApiElement[]}
@@ -58,52 +50,10 @@ const LsToolbar = /*@__PURE__*/ proxyCustomElement(class LsToolbar extends H {
         });
     }
     render() {
-        return (h("div", { key: '9241015256606515c1bafe6de514f51d3dcae839', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), h("ls-tooltip", { key: '1a7a857a5c8398e5400ec55657186fbe92be75eb', id: "ls-tooltip-master" }), h("slot", { key: 'd05c68ac93f23e145105d39ffe4de5336011b831' })));
+        return (h("div", { key: 'bcc91f30f015366c87e6f1fc4911ccab933a0111', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), h("ls-tooltip", { key: '2f6d3d9d449e24939562964b912e46232691fce0', id: "ls-tooltip-master" }), h("slot", { key: '3580ead2469cb4a37ab004d86246d5f72ed4de8d' })));
     }
-    static get style() { return lsToolbarCss(); }
-}, [769, "ls-toolbar", {
-        "dataItem": [1040],
-        "groupInfo": [16],
-        "template": [16],
-        "editor": [1040],
-        "mode": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-toolbar", "ls-field-format", "ls-icon", "ls-participant-select", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-toolbar":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsToolbar);
-            }
-            break;
-        case "ls-field-format":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-participant-select":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsToolbar as L, defineCustomElement as d };
-//# sourceMappingURL=p-pumCOAgo.js.map
+};
+LsToolbar.style = lsToolbarCss();
 
-//# sourceMappingURL=p-pumCOAgo.js.map
+export { LsToolbar as ls_toolbar };
+//# sourceMappingURL=ls-toolbar.entry.esm.js.map

package/dist/{components/p-CI3IFKqK.js → ls-document-viewer/ls-toolbox-field.entry.js}

@@ -1,21 +1,15 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
 
 const lsToolboxFieldCss = () => `.ls-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{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;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
-const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsToolboxField = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.fieldTypeSelected = createEvent(this, "fieldTypeSelected", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     /**
      * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.
      */
@@ -82,7 +76,7 @@ const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField ext
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '56a23ad17846f199f7fcaf850fc2152685b0095b', draggable: "true" }, h("div", { key: '5b003deaf994d5182aa2a219d5eb4249601d556f', class: 'ls-toolbox-field', style: this.isSelected && {
+        return (h(Host, { key: 'b21dee01df8125d6989cf0e4fbbf769a143b7a69', draggable: "true" }, h("div", { key: 'f38a94b95d19ead3b8713e1f3178fbcc2c5f1979', class: 'ls-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
@@ -97,51 +91,12 @@ const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField ext
                     defaultWidth: this.defaultWidth,
                     fixedAspect: this.fixedAspect,
                 });
-            } }, h("div", { key: 'aaf113fbda8b557b7db5ee6b962bf0257a454adb', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: '3534a75ac1a2ee26035a8349baf25a7d506ce344', name: this.icon, size: "1.25rem" })), h("p", { key: '860aad974239cd7bfeecb6f3f1883a5881be326f', class: "toolbox-field-label", style: this.isSelected && {
+            } }, h("div", { key: 'f69d0635cd948971fa193697f685187ab4d884ca', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: 'a09b50f353fd4a58fe2710677647dab2d7025a19', name: this.icon, size: "1.25rem" })), h("p", { key: '48220b6ef2c99342194ad21d95a499dcba6cf529', class: "toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (h("div", { key: 'b82b69424a07a70d553c6d6d0d4fef55751f40e7', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: 'a5e92570e44b0bc50ab1c6067a050b61b4ad09e6', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: '4d805b60a614d57e007a4897c13afa793c7181cf', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '5a36f55422ee30658361ad41387c06d38754adb7', id: "ls-tooltip-master", tooltipText: "Something" })));
-    }
-    static get style() { return lsToolboxFieldCss(); }
-}, [769, "ls-toolbox-field", {
-        "formElementType": [1, "form-element-type"],
-        "elementType": [1, "element-type"],
-        "validation": [2],
-        "fixedAspect": [2, "fixed-aspect"],
-        "redDot": [4, "red-dot"],
-        "label": [1],
-        "icon": [1],
-        "tooltip": [1],
-        "defaultHeight": [2, "default-height"],
-        "defaultWidth": [2, "default-width"],
-        "signer": [2],
-        "isSelected": [1028, "is-selected"]
-    }, [[1, "dragstart", "handleDragStart"], [0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
+            } }, this.label), this.redDot && (h("div", { key: 'f40e4ed98e0dd537724325ae781b3eda85262d02', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: 'ce1a6da60b5d4727f26979021fe9819c10c50386', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: '4131d5649555a0c120d6f50cdae30c3e21ff680a', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '980d6848ede0cc6e326ba90508313d5e6e2d5cac', id: "ls-tooltip-master", tooltipText: "Something" })));
     }
-    const components = ["ls-toolbox-field", "ls-icon", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-toolbox-field":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsToolboxField);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsToolboxField as L, defineCustomElement as d };
-//# sourceMappingURL=p-CI3IFKqK.js.map
+};
+LsToolboxField.style = lsToolboxFieldCss();
 
-//# sourceMappingURL=p-CI3IFKqK.js.map
+export { LsToolboxField as ls_toolbox_field };
+//# sourceMappingURL=ls-toolbox-field.entry.esm.js.map