legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/{components/p-CbSH7gJL.js → ls-document-viewer/ls-recipient-card.entry.js}

@@ -1,22 +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 { d as defineCustomElement$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-CI3IFKqK.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';
 
 const lsRecipientCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.75rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;max-height:6.25rem;transition:max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;transform-origin:top}.participant-card.expand-up{transform-origin:bottom}.participant-card.expand-down{transform-origin:top}.participant-card.expanded{max-height:125rem;}.dot{width:0.5rem;height:0.5rem;background:var(--red-50, #ff706b);border-radius:50%;margin-right:0.25rem}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1.5rem}.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;}.fields-box{display:flex;flex-direction:column;gap:0.5rem;width:100%}.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%}.participant-card-text{padding:0 0.125rem 0.125rem 0.125rem}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 LsRecipientCard = /*@__PURE__*/ proxyCustomElement(class LsRecipientCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsRecipientCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.changeSigner = createEvent(this, "changeSigner", 7);
         this.fieldSelected = createEvent(this, "fieldSelected", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     /**
      * The initial template data, including the link for background PDF. See README and
      * example for correct GraphQL query and data structure.
@@ -80,7 +73,7 @@ const LsRecipientCard = /*@__PURE__*/ proxyCustomElement(class LsRecipientCard e
     render() {
         const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
         const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
-        return (h(Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, h("div", { key: '9297686e83f551a7b853fb4ac042d91353121bb9', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
+        return (h(Host, { key: '4f0ffd4cedbee9f079069dfc28945766f864e9a2' }, h("div", { key: 'c02e91868e70c0a83c6430ba3bcdf1020de348be', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
                 border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
                 outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -92,61 +85,20 @@ const LsRecipientCard = /*@__PURE__*/ proxyCustomElement(class LsRecipientCard e
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, h("div", { key: '4e11349918699d1c1a028ea57ad143ee11798acc', class: 'participant-card-inner' }, h("div", { key: '25d5256f08b22e56b63c4dfd2a5614f5fb385669', class: 'participant-card-top-items' }, h("div", { key: 'e1fe583fb47163e13c04f35d19322e52a5eb66b2', class: 'role-label', style: {
+            } }, h("div", { key: '768b576401ed27d87f7067a0ff1c5fdc27d7a0fb', class: 'participant-card-inner' }, h("div", { key: '14fbad0682a4799430aa6eb369c7dd32ed12dd78', class: 'participant-card-top-items' }, h("div", { key: '04841e205bdc53f733300e6b7b9fdc706d68c857', class: 'role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: '4d0aca298ea272e3efc7fd0cf4a43472e3549d3d', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'SIGNER'), h("ls-icon", { key: 'd0a84cacf3fb75a8a3d339bfbe549f9e5be23876', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '789121bc1d7d75fe452c2c67082816a10c27d570', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: 'fabf3a9a36b49213ebdee5cd409aa6bbcbc26ff6', class: 'participant-card-text' }, h("p", { key: 'ee1ff4dbb6c32a3a1ac1800e1b0354649dd47c77', class: "participant-text-description", style: {
+            } }, h("ls-icon", { key: '73249ace57457ac71a50b8cd5f3161d0a441c724', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'SIGNER'), h("ls-icon", { key: 'f68553c6e2485c27a44886b9ee19dfece373abcf', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '739724d1ed26787f9bf25d64cb6326cb8e28b36b', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: '7deae587f224917951e336ab0a494285093d2709', class: 'participant-card-text' }, h("p", { key: '9537b421acd4e9852478d0ba891b5766165bdc52', class: "participant-text-description", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '63a110705d9ffdbc747c3d3d89f83e8a0ab3fa7f', class: "participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '101ace3dcae79162e2a1f6414b2ab19c4c6be08b', class: "participant-text-type", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
-            } }, this.recipient?.previousRecipientDecides ? 'Details will be decided by previous recipient' : this.recipient.email)), h("div", { key: '364d0be6555c821ec7fc141991debe06808b0af2', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: '2ce8cc8bb0dcc4fd61d69c8d46b7afeb9e97be40', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 && this.recipient.roleType !== 'APPROVER' })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'b8a5595c5cc8243c8c2ceff8ca58561212cb3cdf', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'ba7f1f4e8a5fcb6ce9602347d2a83a7c9505d9fa', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: 'b500358ec8491731768aa20fc7e43899f221fb7e', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: '324a603ab9c3d5fb4d2376510f41f713cbaccf3b', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '742435eb1731203eda073ff2729bb2f4058fb623', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '138724929cfa7885b7fa0940e3158d773f201ff2', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '1710f3788c60fb66084726e40abec786200189dd', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '842aa2b0dd9054311d3fd78ca9ee8037353db1c5', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '0db32dd79537c11214972b4c33d7ab42ea339daa', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '0582074206874367e60fb53b295165d0c938b3ac', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: '2120a10a1d49be6f2d20080544323a4d6a3758f3', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'd3f882ef0c1b587037b98eb0455e077d37fec16b', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '4625f03e884c54d0a9041a75d37c63013c8f9d9a', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '560a0d9cab342fe4e8dae4c7b4df19db491560aa' }), h("ls-tooltip", { key: '07c8b7d76388746cf267cf19f25204f2a6f6eb74', id: "ls-tooltip-master" })));
+            } }, this.recipient?.previousRecipientDecides ? 'Details will be decided by previous recipient' : this.recipient.email)), h("div", { key: '33c7572b83812e914bd8c1778e923ee49cc6ac9b', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: '0d4c08a81e2f2b99207fec14b0eec63b22bd7e84', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 && this.recipient.roleType !== 'APPROVER' })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: '86898fe668dfb5cbe4ead450151088819d435eaf', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'f294a3f5556a833e706cfb0e4255faa111098519', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '397ab0e26e924b883e01974f7be3278cf9ca27a0', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'bda58f26072705726ae1300293ee057146b721b9', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '2816632add67f3f2a755ee69c46cb3d0d02a6fa1', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '541fb8482975d3a82695ae921d2266f5236bc250', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: 'ccd640de95e65a50ebdde4ae1cb3b0003384dafa', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '7e6ad9d5f35b1d203d787fdda8b63a2265dd0b74', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: 'd1a95de75e3a47417ea1016f70fcc1224bb6eb4a', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '5063af2337294dcf58a07b6ab39cf68e5e05096c', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: '50663441c16838de2cd2bad74674587cdb25d33e', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'de4ebbcf298fb769e5184d7f988223ce64ba1f67', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '173d9a25c4c0157dc99f95216f2c0ca8a805a3b4', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '93efef8d20b0d8ff8c0304ed962ababe9dcac06e' }), h("ls-tooltip", { key: 'c7754b850350ddaa14fbc0ddfeb1f5f22a303042', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "activeRecipient": ["handleExpandCollapse"]
     }; }
-    static get style() { return lsRecipientCardCss(); }
-}, [769, "ls-recipient-card", {
-        "recipient": [16],
-        "activeRecipient": [2, "active-recipient"],
-        "fieldTypeSelected": [16],
-        "template": [16],
-        "validationErrors": [16],
-        "filtertoolbox": [1],
-        "isHovered": [32]
-    }, [[0, "fieldTypeSelected", "handleFieldTypeSelected"]], {
-        "activeRecipient": ["handleExpandCollapse"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-recipient-card", "ls-icon", "ls-toolbox-field", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-recipient-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsRecipientCard);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-toolbox-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsRecipientCard as L, defineCustomElement as d };
-//# sourceMappingURL=p-CbSH7gJL.js.map
+};
+LsRecipientCard.style = lsRecipientCardCss();
 
-//# sourceMappingURL=p-CbSH7gJL.js.map
+export { LsRecipientCard as ls_recipient_card };
+//# sourceMappingURL=ls-recipient-card.entry.esm.js.map

package/dist/ls-document-viewer/ls-recipient-manager.entry.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsRecipientManagerCss = () => `:host{display:block}*{margin:0}.ls-editor-infobox{padding:0.25rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;margin-bottom:0.375rem}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;margin-bottom:0.375rem}`;
+
+const LsRecipientManager = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '79f969da58c7edd2058abb683644d8ec7b65938b' }, h("div", { key: 'ca6cb4e9b12a35a80c98ce0493b4d8817734fddc', class: 'ls-editor-infobox' }, h("h2", { key: '45932477e1e9005b1c06bb90a278179345967d01', class: "toolbox-section-title" }, "Recipients & Fields"), h("p", { key: '5d7ccb65281ccb913b56d607b9a2c2f7833c8572', class: "toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), h("slot", { key: '39b82768c335fc5130a04c826aae8bee585722d3' })));
+    }
+};
+LsRecipientManager.style = lsRecipientManagerCss();
+
+export { LsRecipientManager as ls_recipient_manager };
+//# sourceMappingURL=ls-recipient-manager.entry.esm.js.map

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

@@ -1,6 +1,5 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BhZ5Udbm.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$1 } from './p-DnyBXRV4.js';
+import { r as registerInstance, h } from './index-DANCsk1i.js';
+import { c as clsx } from './clsx-ChV9xqsO.js';
 
 const lsSelectInputCss = () => `* {
   box-sizing: border-box;
@@ -232,12 +231,9 @@ select {
 
 `;
 
-const LsSelectInput = /*@__PURE__*/ proxyCustomElement(class LsSelectInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+const LsSelectInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
     }
     name;
     value;
@@ -265,44 +261,10 @@ const LsSelectInput = /*@__PURE__*/ proxyCustomElement(class LsSelectInput exten
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h("host", { key: 'eb7e4a36fee35582c74440cec4097f59ec4ad625', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c8a8d1c1755cb5cb3bccc1c2a41e04762d1a2bb7', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: 'a75719b9aaf600d2dc3ce0bf2e14bece1a0fc804', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '623e514b4fef20cc8b7f137e55fbc2b796bb992e' })), h("div", { key: '24ca82a5e1a29f199103f34eab545fbf64c3aac0', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'bdf61ed3d35b0389e78f568ba1c8fa15e0ca7703', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
+        return (h("host", { key: 'b57ae8c192e264f9cbbaf501142c2263a2e356da', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'd457b98585dae1189e4c3a98e9c09194a5565e9a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '76045a799bc19e89e25af7f136e476bcb5ee9f47', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: 'b5418ae5fd016b85e6d23f8b6b22a4f9bde1c970' })), h("div", { key: '38d56e6225b58973cd168db3058133d0e6b1c9e1', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '0f3a95574c77f72ffd121f06707a07a99185deff', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
     }
-    static get style() { return lsSelectInputCss(); }
-}, [772, "ls-select-input", {
-        "name": [1],
-        "value": [1],
-        "aria": [1],
-        "inputRef": [1, "input-ref"],
-        "disabled": [4],
-        "displayOnly": [4, "display-only"],
-        "required": [4],
-        "valid": [4],
-        "dirty": [4],
-        "buttonClick": [8, "button-click"],
-        "buttonIcon": [1, "button-icon"],
-        "fieldIcon": [1, "field-icon"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-select-input", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-select-input":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsSelectInput);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsSelectInput as L, defineCustomElement as d };
-//# sourceMappingURL=p-B6kmJVw0.js.map
+};
+LsSelectInput.style = lsSelectInputCss();
 
-//# sourceMappingURL=p-B6kmJVw0.js.map
+export { LsSelectInput as ls_select_input };
+//# sourceMappingURL=ls-select-input.entry.esm.js.map

package/dist/{components/p-Bw19bxna.js → ls-document-viewer/ls-statusbar.entry.js}

@@ -1,21 +1,13 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$4 } from './p-CN4S8Tr6.js';
-import { d as defineCustomElement$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-DfkXv1vI.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
 
 const lsStatusbarCss = () => `:host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1rem}*{margin:0;padding:0;box-sizing:border-box}.status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}input[type="range"]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #EDEFF2);border-radius:0.25rem;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border:none;border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}input[type="range"]::-webkit-slider-runnable-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.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}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6c6e73);text-transform:capitalize}button.tertiaryGrey:hover{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 LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsStatusbar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     /**
      * The zoom or scale level 100 === 100%.
      * {number}
@@ -50,55 +42,14 @@ const LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H
         this.zoom = this.editor.zoom;
     }
     render() {
-        return (h(Host, { key: '69daa9251f31cf28501fd47c5536a3a0e76d48cf' }, h("div", { key: 'f1204ff3c369c48389df4ed8c5cb45457bb087a4', class: 'controls-bar' }, h("div", { key: '268b93d93af4689dbd477e292db3dbb45c88e40c', class: 'status-bar-section' }, h("button", { key: '50ed0b096d871252132eb8315d7b667ff2c1dbed', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '278a53a799c94c202b1167ea4ee4ac2d93f69907', name: "zoom-out" })), h("button", { key: '5e54b379f8b62bcec29ae9b2a93a3f2c18e4d2cf', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: 'e1442756c0f2a116ef5c73bfdc8c1a6d4175f2f7', name: "zoom-in" }))), h("div", { key: '2b8f781d778751430c6c0a092480951da8e19bb6', class: 'status-bar-section' }, h("button", { key: 'a4c2ecf2fe768c08da4b62a79650c68497cb1284', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '1aabfc52e2ee40e1987013df6c289b1e061c44fc', name: "fit-width" })), h("button", { key: 'd0c118e1bccd4ecf46ee1d69443e88f8f28aa840', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: '64c11d4a5ec0baa1d00b37ce0fef036b0be4135d', name: "fit-height" }))), h("div", { key: '88aacd1a5d7f93cc32ffdf06ffc80466dedf81f7', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'b50e21a2c4e81bfd74c8e28e0434e9e87efd5ecf', onClick: () => {
+        return (h(Host, { key: 'bff0f0711d2a75e40ed66559ad71f0892005af84' }, h("div", { key: '4b7cec2d6af0e310de62b1be797dd22d6a8add9d', class: 'controls-bar' }, h("div", { key: '2be8e1c4272b564d55164daff6a71f4751cd4e5f', class: 'status-bar-section' }, h("button", { key: '487cbf5f0f110641f58619c13ed255bbe6e0b6f0', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '154a2c4d1d8a3a1cb5e8e4cd5b1a4a5cd453fdcf', name: "zoom-out" })), h("button", { key: '6342521b579c9b804a903dd09a3c9b3900483c7d', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: 'e37186e7226438d46469755629ec371d7f3b69e3', name: "zoom-in" }))), h("div", { key: '7c6d42ca87219a50d7989577ffbb1559aa405945', class: 'status-bar-section' }, h("button", { key: '864d2fc682c070ead48a65b6c3c79267d75149ee', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '276fbb76e8d5f04022cd9c8d4a59ab12576ca0dc', name: "fit-width" })), h("button", { key: 'a3dda200b6222df53975d20d364c37dac6130536', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: '380834a465667a3bab44f7322cb4e456bee5ba10', name: "fit-height" }))), h("div", { key: '60b461c66514f060c10fef58b44d74f48066403a', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '5e8a99f151929aed29da987b646644a32ca2b5d4', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: '186439c2ec1aaf4c28115b127aefa5fba822e0bc', name: "chevron-left" })), h("p", { key: '6fd3361abd38ee35deb8a17c79c760a2ffa756c4' }, this.page, " / ", this.pageCount), h("button", { key: 'f2b8a8b7f01d054f8c8134f1dadfb14d1f7c3029', onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: 'f61e6f9451743a7f89835354cf39cd651d388073', name: "chevron-left" })), h("p", { key: '1aed55707b9abc5f30e47cb7c6471c0116aee676' }, this.page, " / ", this.pageCount), h("button", { key: '96cf4c10c2dd7ecf70824031768af645807e8b46', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: 'fb8afc77276ed238b9e1eb54b89c9b34ee488371', name: "chevron-right" })))), h("ls-helper-bar", { key: '91f843e993768fcccdfad5a7dfc0ea3657a11bb5' }), h("ls-tooltip", { key: '1234000b8e14762eee8ec59474c700b454f8794d', id: "ls-tooltip-master" }), h("slot", { key: '81c53b7c086941ca205bb8991e275a7e270c09d9' })));
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: '2a65e375122b89450e792d511bc6545dd5ec39ec', name: "chevron-right" })))), h("ls-helper-bar", { key: 'aaa36b6e54ddddef3e0e209eab9dafddb5452ccd' }), h("ls-tooltip", { key: '696f9d92a5ed1e8897f469c5d42d7d4be05628e0', id: "ls-tooltip-master" }), h("slot", { key: '06bba8df918ba24b95465ea4abce74ef682fd841' })));
     }
-    static get style() { return lsStatusbarCss(); }
-}, [769, "ls-statusbar", {
-        "zoom": [1026],
-        "page": [1026],
-        "pageCount": [1026, "page-count"],
-        "editor": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-statusbar", "ls-helper-bar", "ls-icon", "ls-keyboard-shortcuts", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-statusbar":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsStatusbar);
-            }
-            break;
-        case "ls-helper-bar":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-keyboard-shortcuts":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsStatusbar as L, defineCustomElement as d };
-//# sourceMappingURL=p-Bw19bxna.js.map
+};
+LsStatusbar.style = lsStatusbarCss();
 
-//# sourceMappingURL=p-Bw19bxna.js.map
+export { LsStatusbar as ls_statusbar };
+//# sourceMappingURL=ls-statusbar.entry.esm.js.map

package/dist/{components/p-tbdpKil5.js → ls-document-viewer/ls-text-input.entry.js}

@@ -1,6 +1,5 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { c as clsx } from './p-ChV9xqsO.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 { c as clsx } from './clsx-ChV9xqsO.js';
 
 const lsTextInputCss = () => `* {
   box-sizing: border-box;
@@ -222,13 +221,9 @@ const lsTextInputCss = () => `* {
 
 `;
 
-const LsTextInput = /*@__PURE__*/ proxyCustomElement(class LsTextInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsTextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.valueChange = createEvent(this, "valueChange", 7);
     }
     type = 'default';
@@ -265,53 +260,16 @@ const LsTextInput = /*@__PURE__*/ proxyCustomElement(class LsTextInput extends H
                     : dirty && !valid
                         ? 'invalid'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h(Host, { key: '73aeceeb5ad23dbde6fc235dd1a7d01ca6104365', class: 'host' }, fieldIcon && (h("ls-icon", { key: '4ebdfae891e04adcb0fc60bb2a9061eb067d1824', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
+        return (h(Host, { key: 'c6505521ae64ea1b8df167d0bc44f0e87954d640', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'e74b92b787a7a02e624a5bfe8499ad13d30f8741', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
             } })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true, onChange: (e) => {
                 this.changeHandler(e);
             } })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
-            } })), h("div", { key: '54b6c799db1d92dd4167eca819f777587b964b58', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'cd07e6e62e09d1b236154ccda999223027dd25ed', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'bf3ad9022b470678279bb17658d643f83fa41182', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '4ca8ff613fd4068b3b12b50d1348d46683e7b101', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '213c952e9ad92aec814a28d16ef15cc348171a37', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
+            } })), h("div", { key: '48eab8bf4753f0872a190c537e0f91cd78e9666a', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'de98e340a3a6d2706a342566c20e840e9cb9a9c6', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '04a703f1671de1d0eccb7f410f3a9c69a82edae5', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '7849ca5d5f2615ea9111fe8841627592a675fcd2', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '07fa8395b94fc0c043e7fc51d93b00c1ff5dd36f', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
     }
-    static get style() { return lsTextInputCss(); }
-}, [769, "ls-text-input", {
-        "type": [1],
-        "name": [1],
-        "value": [1025],
-        "placeholder": [1],
-        "aria": [1],
-        "inputRef": [1, "input-ref"],
-        "disabled": [4],
-        "required": [4],
-        "valid": [4],
-        "dirty": [4],
-        "countMax": [2, "count-max"],
-        "buttonClick": [8, "button-click"],
-        "buttonIcon": [1, "button-icon"],
-        "fieldIcon": [1, "field-icon"],
-        "showPassword": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-text-input", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-text-input":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsTextInput);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsTextInput as L, defineCustomElement as d };
-//# sourceMappingURL=p-tbdpKil5.js.map
+};
+LsTextInput.style = lsTextInputCss();
 
-//# sourceMappingURL=p-tbdpKil5.js.map
+export { LsTextInput as ls_text_input };
+//# sourceMappingURL=ls-text-input.entry.esm.js.map

package/dist/{components/p-CntMVGQM.js → ls-document-viewer/ls-textarea-input.entry.js}

@@ -1,6 +1,5 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BhZ5Udbm.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$1 } from './p-DnyBXRV4.js';
+import { r as registerInstance, h } from './index-DANCsk1i.js';
+import { c as clsx } from './clsx-ChV9xqsO.js';
 
 const lsTextareaInputCss = () => `* {
   box-sizing: border-box;
@@ -212,13 +211,9 @@ const lsTextareaInputCss = () => `* {
 }
 `;
 
-const LsTextareaInput = /*@__PURE__*/ proxyCustomElement(class LsTextareaInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsTextareaInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
     }
     name;
     value;
@@ -245,46 +240,10 @@ const LsTextareaInput = /*@__PURE__*/ proxyCustomElement(class LsTextareaInput e
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h("host", { key: 'eaaa6168607629b07b75063035d67c7cd2c58402', class: 'host' }, fieldIcon && (h("ls-icon", { key: '80b6aadb69eed18136649722ac4d39c30ea5dca0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '7fa3acb5519dfd7f070e409a5eeb619c475c7c19', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: '955bde0dbe46c4f9c713622e9dd9d3f64d4b8347', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'f944e321b4318a1123e3f0b5ecb09c0fae5d9a46', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '90124248ce441075d6c8b417631ad9797fad2973', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '4904a282de55a2ec3a8bf3ea25891a2d9e7dedf3', id: 'buttonIcon', name: buttonIcon }))))));
+        return (h("host", { key: '43c229e9cefb96b2e72ea1de17dcfe7d02693679', class: 'host' }, fieldIcon && (h("ls-icon", { key: '591a502e6fdd514e8721027c1bdf5b33ac8f2360', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: 'd9b12b2ec02a5b9aa203c0fc42a22e90e1bea5b0', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'c629d65b40e9605aae98455206701207fd4eba99', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '0d7e84f093ec000ccce5412499fcf17f5437cf48', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'bd96acad0fc739ae1aee93caf0c8b26a4bf5d921', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '402818affeb8eaba9cce04c1b42bf2d2863eb2f9', id: 'buttonIcon', name: buttonIcon }))))));
     }
-    static get style() { return lsTextareaInputCss(); }
-}, [769, "ls-textarea-input", {
-        "name": [1],
-        "value": [1],
-        "placeholder": [1],
-        "aria": [1],
-        "inputRef": [1, "input-ref"],
-        "disabled": [4],
-        "displayOnly": [4, "display-only"],
-        "required": [4],
-        "valid": [4],
-        "dirty": [4],
-        "countMax": [2, "count-max"],
-        "buttonClick": [8, "button-click"],
-        "buttonIcon": [1, "button-icon"],
-        "fieldIcon": [1, "field-icon"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-textarea-input", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-textarea-input":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsTextareaInput);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsTextareaInput as L, defineCustomElement as d };
-//# sourceMappingURL=p-CntMVGQM.js.map
+};
+LsTextareaInput.style = lsTextareaInputCss();
 
-//# sourceMappingURL=p-CntMVGQM.js.map
+export { LsTextareaInput as ls_textarea_input };
+//# sourceMappingURL=ls-textarea-input.entry.esm.js.map

package/dist/{esm → ls-document-viewer}/ls-title-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BwdJ-HOC.js';
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
 
 const lsTitleInputCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.template-title{border-radius:0.5rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.template-title:hover{background:var(--gray-10, #f7f8fa)}.editButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70)}.editButton:hover{color:var(--gray-80)}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)}`;
 
@@ -28,7 +28,7 @@ const LsTitleInput = class {
         }, delay);
     }
     render() {
-        return (h(Host, { key: '954a32dad8c48be15367eff9fa0adbb55234655b' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (h(Host, { key: '12e7976ad149fd04b4be716b18233eb2e63ec55f' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {
@@ -44,4 +44,4 @@ const LsTitleInput = class {
 LsTitleInput.style = lsTitleInputCss();
 
 export { LsTitleInput as ls_title_input };
-//# sourceMappingURL=ls-title-input.entry.js.map
+//# sourceMappingURL=ls-title-input.entry.esm.js.map

package/dist/{components/p-mm_laW9q.js → ls-document-viewer/ls-toggle.entry.js}

@@ -1,13 +1,10 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-DANCsk1i.js';
 
 const lsToggleCss = () => `:host{display:block}.switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-20, #edeff2);-webkit-transition:0.4s;transition:0.4s}.indeterminate{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-60, #4456f6);-webkit-transition:0.4s;transition:0.4s}.slider:before{position:absolute;content:'';height:1.25rem;width:1.25rem;left:0.125rem;bottom:0.125rem;background-color:white;-webkit-transition:0.4s;transition:0.4s}.indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.75rem;height:0.125rem;background-color:white}input:checked+.slider{background-color:var(--primary-60, #4456f6)}input:focus+.slider{box-shadow:0 0 1px var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-20, #e3e6ff)}input:checked+.slider:before{-webkit-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);transform:translateX(1.25rem)}.slider.round,.indeterminate.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}`;
 
-const LsToggle = /*@__PURE__*/ proxyCustomElement(class LsToggle extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+const LsToggle = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.valueChange = createEvent(this, "valueChange", 7);
     }
     checked;
@@ -17,31 +14,12 @@ const LsToggle = /*@__PURE__*/ proxyCustomElement(class LsToggle extends H {
         this.valueChange.emit(value);
     }
     render() {
-        return (h(Host, { key: '5957a9ed29969b58d963574ba999b2b180a1d7ff' }, h("label", { key: '7e143845da6d747f0cf98436e67717439a139ede', class: "switch" }, h("input", { key: 'e1702d38aa544b818289eb9f800915c45fdff9d2', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (h(Host, { key: '3528092a519becf05fc98c50b9e834a0325235b1' }, h("label", { key: 'a1d24710d0414873aebbe0467cde1e98386626ce', class: "switch" }, h("input", { key: 'ecf4a8ebc5794e3484278a7262b8a0353bb69f93', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
-            } }), h("span", { key: '0844f70abf4c3b6e4c7f882bd0198ccf336cece8', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: 'f35aefebfabfbc4abf066093fb7372093fb170e5' })));
+            } }), h("span", { key: '3114493b9a205e4edb33ff91bfcc258ecebfcd3f', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: '90af01234d9215a5823ec53f646cda652d2cc1ce' })));
     }
-    static get style() { return lsToggleCss(); }
-}, [772, "ls-toggle", {
-        "checked": [1028],
-        "indeterminate": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-toggle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsToggle);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsToggle as L, defineCustomElement as d };
-//# sourceMappingURL=p-mm_laW9q.js.map
+};
+LsToggle.style = lsToggleCss();
 
-//# sourceMappingURL=p-mm_laW9q.js.map
+export { LsToggle as ls_toggle };
+//# sourceMappingURL=ls-toggle.entry.esm.js.map