legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/{components/p-B4_-Y3Tc.js → ls-document-viewer/ls-participant-card.entry.js}

@@ -1,24 +1,17 @@
-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$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-B5cnJ7Uh.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 lsParticipantCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}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;width:100%}.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:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){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.tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary: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 LsParticipantCard = /*@__PURE__*/ proxyCustomElement(class LsParticipantCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsParticipantCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.opened = createEvent(this, "opened", 7);
         this.addParticipant = createEvent(this, "addParticipant", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     signer;
     index;
     editable = false;
@@ -64,36 +57,36 @@ const LsParticipantCard = /*@__PURE__*/ proxyCustomElement(class LsParticipantCa
     render() {
         const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) || [];
         const child = this.template.roles.find(r => r.signerParent === this.signer.id);
-        return (h(Host, { key: '9d48f5d6e876763d44a1060b4b7deb030d2cb0d0' }, h("div", { key: '242c6e0ec2cf73697ee901e876b01c57288a2033', class: 'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card'), style: {
+        return (h(Host, { key: '3c93d3a0a31c10a8d6644df1713f47686e1e23fa' }, h("div", { key: 'e6839ea42e94f9eae01e07b083d33c4828b392e6', class: 'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card'), style: {
                 background: defaultRolePalette[this.signer?.signerIndex % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,
                 marginTop: this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',
             }, onMouseEnter: e => e.currentTarget.querySelector('.button-set')?.classList.remove('hidden'), onMouseLeave: e => e.currentTarget.querySelector('.button-set')?.classList.add('hidden'), onDblClick: () => {
                 this.editable = true;
-            } }, h("div", { key: 'e49df59d5e1559ff0a3c1bc4227ac8206e93fac6', class: 'participant-card-inner' }, h("div", { key: 'fc5d6c6a6b58961754646113db252a9579f6f68d', class: 'participant-card-top-items' }, h("div", { key: '32d2ee83811ad45a0889aa9e2654ef4864984914', class: 'role-label', style: {
+            } }, h("div", { key: '55824ec38213d39ff64d2b711143b3d4bf97f70c', class: 'participant-card-inner' }, h("div", { key: '2ae410473666ccb7e654816904e92e0b02a13ac9', class: 'participant-card-top-items' }, h("div", { key: '1451e560a0fae8c1c1ad9abc403947f1dd21917b', class: 'role-label', style: {
                 background: defaultRolePalette[this.signer?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: '9da03ec33873f41ef2fdd2c5017e6c36f1cfb9f9', name: this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye' }), (this.signer?.ordinal || '')), h("div", { key: 'ab6e10b3f034c01e0da69105907a9bf94ee33922', class: 'button-set hidden' }, this.index > 0 && this.signer.roleType !== 'WITNESS' && (h("div", { key: '2ba28e84d3b691bc9ca8f1deaa54172e252706c5', class: "innerButton", onClick: () => {
+            } }, h("ls-icon", { key: '427d882c2598bf893edcfbd279ea1f7880740cff', name: this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye' }), (this.signer?.ordinal || '')), h("div", { key: '38e81d63eb198f524d9ce18e918d595f93d4b87e', class: 'button-set hidden' }, this.index > 0 && this.signer.roleType !== 'WITNESS' && (h("div", { key: '0e17cd9ff0e6e3b39888ea01e8a7a02cb06f3315', class: "innerButton", onClick: () => {
                 this.swapHandler(this.signer, this.template.roles[this.index - 1]);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Move Up" }, h("ls-icon", { key: '404626a717e5450ed90c5df5ad38b4787c86037d', name: "arrow-up", size: "1.125rem" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (h("div", { key: '8a8a7f8070a05049fd8be9ca96d55365f5ad7abe', class: "innerButton", onClick: () => {
+            }, "data-tooltip": "Move Up" }, h("ls-icon", { key: 'ce50867eb4861cd9f436dafbc78dfaf76540c4db', name: "arrow-up", size: "1.125rem" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (h("div", { key: '5630c8d30df2eecf8a46af04b23cbf8a7d7d753c', class: "innerButton", onClick: () => {
                 this.swapHandler(this.signer, this.template.roles[this.index + 1]);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Move Down" }, h("ls-icon", { key: 'b8a7f4e42c279441e8be78e238b2eeeee89af027', name: "arrow-down", size: "1.125rem" }))), h("div", { key: '866aae80b6af89443a4fe0d2aee89997d804a376', class: "innerButton", onClick: () => {
+            }, "data-tooltip": "Move Down" }, h("ls-icon", { key: '71e7f34883f20aedc8e72df9bfd46a2b636b0123', name: "arrow-down", size: "1.125rem" }))), h("div", { key: '1c82080b449840af6459d2313bedaf9432e165ad', class: "innerButton", onClick: () => {
                 this.editable = !this.editable;
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            } }, h("ls-icon", { key: 'dba326b0b34dda645fe39e585ced7b369462d67d', name: this.editable ? 'check' : 'pencil-alt', size: "1.125rem", "data-tooltip": this.editable ? "Save Changes" : "Edit Participant" })), h("div", { key: 'e1a38ef1c84552bfae53710ee761ce933bc7c40d', class: "innerButton", onClick: () => {
+            } }, h("ls-icon", { key: 'b300cb4a222136aa9a0c201a06731020d77ca936', name: this.editable ? 'check' : 'pencil-alt', size: "1.125rem", "data-tooltip": this.editable ? "Save Changes" : "Edit Participant" })), h("div", { key: '9d106d730b0fc8ba8fe2e34ed6a8aa04fb2911d7', class: "innerButton", onClick: () => {
                 this.deleteHandler(this.signer);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, h("ls-icon", { key: 'f90668743b6c75c1fa5d29b82dd86a3d98e2bb4c', name: "trash", size: "1.125rem" })))), this.editable ? (h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (h("ls-input-wrapper", { leadingIcon: "eye" }, h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
+            }, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, h("ls-icon", { key: 'd765f2d6426a6355db067f27a6051f6e2159605f', name: "trash", size: "1.125rem" })))), this.editable ? (h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (h("ls-input-wrapper", { leadingIcon: "eye" }, h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editable = false;
             } }), this.signer?.roleType === 'SIGNER' && !child ? (h("button", { class: 'tertiary', onClick: () => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id }) }, h("ls-icon", { name: "plus", style: { marginRight: '0.25rem' } }), "Add Witness")) : this.signer?.roleType === 'SIGNER' && child ? (h("button", { class: 'destructive', onClick: () => {
@@ -108,55 +101,13 @@ const LsParticipantCard = /*@__PURE__*/ proxyCustomElement(class LsParticipantCa
             } }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (h("div", { class: 'role-label fields', style: {
                 background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,
                 color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,
-            } }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "1rem", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: '25f3c1023656574ba8cc950271c2b6041a0a2d3d' }), h("ls-tooltip", { key: '4fe5eea94bb3ad86087b66ac452613b7bc4aa13d', id: "ls-tooltip-master" })));
+            } }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "1rem", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: '4fe2e2a23129664d395b1376fa3a85c7292cbfbd' }), h("ls-tooltip", { key: '2f5c58c9f8806b0cd77867e92c61aa4186c00ff0', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "editable": ["modeHandler"]
     }; }
-    static get style() { return lsParticipantCardCss(); }
-}, [769, "ls-participant-card", {
-        "signer": [16],
-        "index": [2],
-        "editable": [1028],
-        "template": [16],
-        "swapUpBtn": [32],
-        "swapDownBtn": [32],
-        "editBtn": [32],
-        "deleteParticipantBtn": [32]
-    }, undefined, {
-        "editable": ["modeHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-participant-card", "ls-icon", "ls-input-wrapper", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-participant-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsParticipantCard);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-input-wrapper":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsParticipantCard as L, defineCustomElement as d };
-//# sourceMappingURL=p-B4_-Y3Tc.js.map
+};
+LsParticipantCard.style = lsParticipantCardCss();
 
-//# sourceMappingURL=p-B4_-Y3Tc.js.map
+export { LsParticipantCard as ls_participant_card };
+//# sourceMappingURL=ls-participant-card.entry.esm.js.map

package/dist/{components/p-enO8g-4z.js → ls-document-viewer/ls-participant-manager.entry.js}

@@ -1,23 +1,15 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$4 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$3 } from './p-B5cnJ7Uh.js';
-import { d as defineCustomElement$2 } from './p-B4_-Y3Tc.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';
 
 const lsParticipantManagerCss = () => `.label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}*{box-sizing:border-box;margin:0}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.add-participant-button{position:sticky;display:flex;padding:0.75rem 0;margin-bottom:-0.75rem;margin-top:-0.75rem;bottom:-0.75rem;background-image:linear-gradient(to top, var(--gray-10, #f7f8fa) 0%, var(--gray-10, #f7f8fa) 80%, transparent 100%)}.add-participant-button button{display:flex;gap:0.75rem;justify-content:center;align-items:center;width:100%;border:2px dashed var(--gray-20, #edeff2);background:var(--white, #fff);color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}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 LsParticipantManager = /*@__PURE__*/ proxyCustomElement(class LsParticipantManager extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsParticipantManager = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
         this.addParticipant = createEvent(this, "addParticipant", 7);
     }
-    get element() { return this; }
+    get element() { return getElement(this); }
     /**
      * The base editor.
      * {LSDocumentViewer}
@@ -67,54 +59,15 @@ const LsParticipantManager = /*@__PURE__*/ proxyCustomElement(class LsParticipan
         observer.observe(this.element.shadowRoot, { childList: true, subtree: true });
     }
     render() {
-        return (h(Host, { key: 'b432bfa837219b1bf941691f5396fab3a31c5c41' }, h("div", { key: 'f7479949b11200e0e62494a7b48c8430c8272724', class: "ls-editor-infobox" }, h("h2", { key: 'f9c80d6ada12a534a67d69b5cf2074f5131d1ffa', class: "toolbox-section-title" }, "Participants"), h("p", { key: '0edfa48751d0106be270d41e78707e86b51b2503', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { key: '205bcd1da03d487ab7ebc4ef41dd6f6b2babdd7b', class: "participant-list" }, this.template &&
+        return (h(Host, { key: '41a1d03229633fdeda44eeb49d3715720660bff6' }, h("div", { key: '1f2b5fb93d7bf72d4ebb49d6f3da0bf30cedd69d', class: "ls-editor-infobox" }, h("h2", { key: '89c9914f7e315b73c8cc6ac4b0120a490732c7e9', class: "toolbox-section-title" }, "Participants"), h("p", { key: 'fe4a6aab2c1ca368c385c4aee82546aebb9dffd9', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { key: '184edd0ad9d7f226cda724bb7b1faed43fca1ce9', class: "participant-list" }, this.template &&
             this.template?.roles.map((r, index) => {
                 return (h("ls-participant-card", { signer: r, index: index, template: this.template, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), h("div", { key: 'f4d05934683c00849950292e10038ad10f998913', class: 'add-participant-button' }, h("button", { key: 'bad170dc190ca65497233d4da6b5ff249740bae5', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, h("ls-icon", { key: 'd030d8ef5ffb5ee5a4e2dc95d3cb87caf6d36fb6', name: "user-add", size: "1.25rem", color: "var(--gray-100, #45484D);" }), h("p", { key: '3ad89f11b2f72f8f69ef593fa464b506910ee893' }, "Add Participant"))), h("slot", { key: '7d2f911962968e51dd0f87f2434f1cef8a62df02' })));
+            })), h("div", { key: '77a0a1188160e2ca210e72fbdd95526963048fb6', class: 'add-participant-button' }, h("button", { key: '7eef266624ce996b710e09d7b0a1747a546e5b53', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, h("ls-icon", { key: '4d3c04576adfadcff30a215a7c6362a6dc2011fd', name: "user-add", size: "1.25rem", color: "var(--gray-100, #45484D);" }), h("p", { key: 'c8d689f1c8b36a0074b09a46a54b3f8036bc4202' }, "Add Participant"))), h("slot", { key: 'd5a603cb42cbaa11c36f78b934a9c61cbf8e44a2' })));
     }
-    static get style() { return lsParticipantManagerCss(); }
-}, [769, "ls-participant-manager", {
-        "editor": [16],
-        "template": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-participant-manager", "ls-icon", "ls-input-wrapper", "ls-participant-card", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-participant-manager":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsParticipantManager);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-input-wrapper":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-participant-card":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsParticipantManager as L, defineCustomElement as d };
-//# sourceMappingURL=p-enO8g-4z.js.map
+};
+LsParticipantManager.style = lsParticipantManagerCss();
 
-//# sourceMappingURL=p-enO8g-4z.js.map
+export { LsParticipantManager as ls_participant_manager };
+//# sourceMappingURL=ls-participant-manager.entry.esm.js.map

package/dist/{components/p-DK4_6BnD.js → ls-document-viewer/ls-participant-select.entry.js}

@@ -1,16 +1,11 @@
-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 { d as defineCustomElement$1 } from './p-DnyBXRV4.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-DANCsk1i.js';
+import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
 
 const lsParticipantSelectCss = () => `:host{display:inline-block}*{margin:0}.dropdown{display:flex;align-items:center;position:relative}.dropdown-header{border-radius:0.625rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.selected-role-label{display:flex;padding:0.125rem 0.375rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:0.75rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh;overflow-y:auto}.dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.5rem}.dropdown-item.selected,.dropdown-item.selected:hover{background:var(--background-selected, #e0e2e5)}.dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.add-participant-row{all:unset;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.5rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.plus-icon{color:var(--gray-40, #d8d9dc)}.role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.role-text{display:flex;flex-direction:column;width:100%}.dropdown-item .check-icon{color:var(--gray-40, #d8d9dc)}.dropdown-item.selected .check-icon{color:var(--check-icon-selected)}.role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.role-type{color:var(--gray-80, #787a80);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.dropdown-item.selected .role-name{color:var(--role-name-selected)}.dropdown-item.selected .role-type{color:var(--role-type-selected)}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)}.expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.5rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}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 LsParticipantSelect = /*@__PURE__*/ proxyCustomElement(class LsParticipantSelect extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsParticipantSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.roleChange = createEvent(this, "roleChange", 7);
         this.addParticipant = createEvent(this, "addParticipant", 7);
     }
@@ -60,27 +55,27 @@ const LsParticipantSelect = /*@__PURE__*/ proxyCustomElement(class LsParticipant
         this.addParticipant.emit({ type: 'SIGNER' });
     }
     render() {
-        return (h(Host, { key: '0cd926fb4e9509c347b467e0fff5ae2f777de3b9' }, h("div", { key: '7a667d2b2d22467c78415c3f8ed496f000dbd925', class: "dropdown" }, h("div", { key: '789bebb7cacdc63bfd5fccfacb3f7b48550a84bf', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'dbc696773772fe801bf5927c4f92921b78678e44', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bb731bd31e93074368e4a8d4e49653cc770367f6', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: 'a1f6f765d57f294eb51153938cafed6e4a06b35f', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: 'd7c14450a16a959e4ff353855bd9e4a8aa3999d6', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: 'ef6d771faa37ddf064cadca727ddae432e070839', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: 'fdf214173415c7b787203cacff11d1abeaa4b323', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: '1f3fb61d9c8aecd28f8d1d8207cc549972c81eab', class: 'selected-role-label', style: {
+        return (h(Host, { key: 'dc6cc8e82697266b652600db2429cc447c370742' }, h("div", { key: 'cf2950e4d17d6379387be0275fc58724960d33e1', class: "dropdown" }, h("div", { key: 'c8314608ceaa7e095d7a7d2a2c755886cad70aea', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '153b7d52cd7cc5017613abba52a9feebdb2bdb13', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a83ed3c9b1d5966d5938759d8cf6ebcc6f91e97b', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: '3179e16330042677592e69dbe8d5d727b7c9d58a', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: 'aaaec7b2d4e796f4563163e867bb8b6ecbd41e18', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: 'f800dcd2649f26f06070106bd36b0decbbac160d', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: 'ec085b7b9d37ffb3c937ea09948b6a8f0d0b99a5', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: 'd539f60a80f742659eb5e2bc75d4b283b23aa285', class: 'selected-role-label', style: {
                 background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
-            } }, h("ls-icon", { key: '8a620751c7d232b71fcb22764fc674fe2da672ea', size: "1.125rem", name: this.selectedRole?.roleType === 'SENDER'
+            } }, h("ls-icon", { key: '1534a7b4da5826dd62757aa8616a051f5972f28a', size: "1.125rem", name: this.selectedRole?.roleType === 'SENDER'
                 ? 'user'
                 : this.selectedRole?.roleType === 'APPROVER'
                     ? 'check-circle'
                     : this.selectedRole?.roleType === 'WITNESS'
                         ? 'eye'
                         : 'signature' }), this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '6bfdea258faa9f8ad6298ac91b6d798ce89d77d7', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '1739b3ce78792312466403769d56f835e4bc3711', name: "chevron-down" }))), this.isOpen && (h("div", { key: '2e6fa1b50c016aa1dd3d104a2deda9925e9dd3aa', class: "dropdown-list" }, h("div", { key: '02681555d1a19d748d4523a65c256fbd0f347d52', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
+            (this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: 'da0e0f3c53eadcfc44c173feaabbdb71b2d3465e', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '8ab4de751dde49b5178a0f33ddfcd1a4dc3ade62', name: "chevron-down" }))), this.isOpen && (h("div", { key: 'b4f3dab9b36c8c304cb7d5113b7171953e8db669', class: "dropdown-list" }, h("div", { key: '4c65cd21d0affdd75294aa00a70f6ce10118a81a', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
                 '--background-selected': defaultRolePalette[0].s10,
                 '--check-icon-selected': defaultRolePalette[0].s50,
-            }, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '151b5a0015c541ab5bf602f52371c1191997b938', class: 'role-icon', style: {
+            }, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '51bfa06b5052c23b6e191eeef1a83668d7b584ab', class: 'role-icon', style: {
                 background: defaultRolePalette[0].s50,
                 color: defaultRolePalette[0].s80,
-            } }, h("ls-icon", { key: '022b7bc7c304ed3c1d25daed2cd16ef0d7e7ae04', name: "user" })), h("div", { key: '442fdffd6e92f169c3fcdeb63c7a9e15442cad14', class: 'role-text' }, h("p", { key: '4870c25c222e42d6caa23eccb6fd75f89a6072d5', class: 'role-name', style: {
+            } }, h("ls-icon", { key: '452e8ec096272ee97287304fc8a89bc0a4840419', name: "user" })), h("div", { key: 'd9fbe81b3581aa526b660fb584e186fbfd919ca8', class: 'role-text' }, h("p", { key: '41ba6df0a5570648401e4094ac858c7139efb3c2', class: 'role-name', style: {
                 '--role-name-selected': defaultRolePalette[0].s80,
-            } }, 'Sender'), h("p", { key: '09712e0b9e81a4e79bd9186a654411a3061d1db7', class: 'role-type', style: {
+            } }, 'Sender'), h("p", { key: '6ae2f6eb216ebbc8c2f0898cf944c39d318f72e9', class: 'role-type', style: {
                 '--role-type-selected': defaultRolePalette[0].s80,
-            } }, "You")), h("ls-icon", { key: 'e6799e3e836ddfb740a3ff34711937dc2ae3a696', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
+            } }, "You")), h("ls-icon", { key: '56bdbc0d3b6a8d077b75e222d13b7c3e859af7ef', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
                 '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
                 '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
             }, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
@@ -92,44 +87,16 @@ const LsParticipantSelect = /*@__PURE__*/ proxyCustomElement(class LsParticipant
                 '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
             } }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), h("p", { class: 'role-type', style: {
                 '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
-            } }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '340d09adb4c134cde38d8be786220a3b391141d5', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
+            } }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '7ff5aaf5c2d44fea8b9daa6e4f4f27533dbb7561', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
                 '--background-selected': defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultRolePalette[1].s50,
-            } }, h("div", { key: 'e4ef14dd5572442f3aeeb49a00bfc330d03a3f9c', class: 'add-participant-icon' }, h("ls-icon", { key: 'a54bac0491fb2ce3eba35fb6c8d05d4875703533', name: "user-add" })), h("div", { key: '3d037f76c0ca29de2ff46a41cda9d4d0291aa3a6', class: 'role-text' }, h("p", { key: '5693e97fdbd99e1c747fd39b0610b6714429f4b6', class: 'role-name' }, "Add Participant"), h("p", { key: '7393518de5c0fc6b3fb4315ede70a3f2b22afe05', class: 'role-type' }, "Add a new Signer")), h("ls-icon", { key: 'a411f8b872fd3adef397099c0d8647e8f6ecd52f', class: 'plus-icon', name: "plus" }))))), h("slot", { key: 'ec4373b381f85c82698cdf724ef7764856b87fc9' })));
+            } }, h("div", { key: 'c244e5ba521c913519726b42adfdca146ec3fa74', class: 'add-participant-icon' }, h("ls-icon", { key: '261f06e214efe452130338827cb4517cb44284e2', name: "user-add" })), h("div", { key: '066e17a8c3169a58744adaf5f9a174426eb7d9f3', class: 'role-text' }, h("p", { key: '641f6f1595a0db4834fdb663257f61aa028310e3', class: 'role-name' }, "Add Participant"), h("p", { key: '8f7ac8652c79603aec07c66df5eefd0330ac6ab4', class: 'role-type' }, "Add a new Signer")), h("ls-icon", { key: '53384507f3a63bfe5b3edc36fa5699c41beac3b4', class: 'plus-icon', name: "plus" }))))), h("slot", { key: 'c0832bd9a5a757015a45b6e476f199b87cf944bc' })));
     }
     static get watchers() { return {
         "roles": ["handleRoleLoad"]
     }; }
-    static get style() { return lsParticipantSelectCss(); }
-}, [769, "ls-participant-select", {
-        "selected": [1025],
-        "roles": [16],
-        "selectedRole": [32],
-        "isOpen": [32]
-    }, undefined, {
-        "roles": ["handleRoleLoad"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-participant-select", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-participant-select":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsParticipantSelect);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsParticipantSelect as L, defineCustomElement as d };
-//# sourceMappingURL=p-DK4_6BnD.js.map
+};
+LsParticipantSelect.style = lsParticipantSelectCss();
 
-//# sourceMappingURL=p-DK4_6BnD.js.map
+export { LsParticipantSelect as ls_participant_select };
+//# sourceMappingURL=ls-participant-select.entry.esm.js.map

package/dist/ls-document-viewer/ls-props-section.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsPropsSectionCss = () => `*{margin:0;box-sizing:border-box}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}`;
+
+const LsPropsSection = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    sectionTitle;
+    sectionDescription;
+    row = false;
+    render() {
+        return (h(Host, { key: 'e16f6e7fb7a275c48eca87f48d2637f4a47290ae' }, h("div", { key: '69e78450e96b3dba497832535961a1f5fff708a6', class: this.row ? 'ls-field-properties-section row' : 'ls-field-properties-section' }, h("div", { key: 'd351b527530a129cf47513f641c83a937c8e2fa0', class: 'ls-field-properties-section-text' }, h("p", { key: '19a39c4acc3a68f0730a4c28b613f3d5c25ec758', class: 'ls-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: '4d811a04ec3184917c2ae4ba9bbf2b589380068b', class: 'ls-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '26a4378a5eac6bd479c09f5efa228019000c31ca' }))));
+    }
+};
+LsPropsSection.style = lsPropsSectionCss();
+
+export { LsPropsSection as ls_props_section };
+//# sourceMappingURL=ls-props-section.entry.esm.js.map

package/dist/ls-document-viewer/ls-radio-input.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-DANCsk1i.js';
+import { c as clsx } from './clsx-ChV9xqsO.js';
+
+const lsRadioInputCss = () => `.radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}`;
+
+const LsRadioInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    radioId;
+    label;
+    icon;
+    name = 'name';
+    checked = false;
+    disabled = false;
+    customStyle;
+    render() {
+        const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
+        const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
+        return (h("label", { key: '05903b62fe36504928ad6ccb7a7dbff05258d724', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '5221a4674485ed175bb71d259164dcb683b9c282', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'a6c881923140b636970bce9acded90ab9dac34c5', class: 'spanContainer' }, h("span", { key: '655b81a8616db2fb1b4e6707307c22752cc8d6de' }, icon && h("ls-icon", { key: '1bb80d0ca83cdd38c83d36f13fee135bd8c0519b', name: icon, size: "16" })), h("span", { key: 'a35c31e99074bd2e51e7688ccbde42c776edad66' }, label))));
+    }
+};
+LsRadioInput.style = lsRadioInputCss();
+
+export { LsRadioInput as ls_radio_input };
+//# sourceMappingURL=ls-radio-input.entry.esm.js.map