legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/{components/p-CMsyvCsL.js → ls-document-viewer/ls-field-properties-multiple.entry.js}

@@ -1,27 +1,12 @@
-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 { g as getFieldIcon } from './p-Cp3IxvzK.js';
-import { d as defineCustomElement$b } from './p-CKnixZlS.js';
-import { d as defineCustomElement$a } from './p-UffBQXtF.js';
-import { d as defineCustomElement$9 } from './p-DBZFz4Ni.js';
-import { d as defineCustomElement$8 } from './p-Bxq4Jou6.js';
-import { d as defineCustomElement$7 } from './p-BDTgDxaX.js';
-import { d as defineCustomElement$6 } from './p-CYMm2d62.js';
-import { d as defineCustomElement$5 } from './p-BFUdzGLI.js';
-import { d as defineCustomElement$4 } from './p-DirhmWEt.js';
-import { d as defineCustomElement$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-mm_laW9q.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-DANCsk1i.js';
+import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
+import { g as getFieldIcon } from './defaultFieldIcons-Cp3IxvzK.js';
 
 const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.properties-container{display:flex;flex-direction:column;height:100%}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.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;}.ls-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;text-transform:capitalize}.tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73)}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}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}.full-width{width:100%}#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{display:flex;gap:0.5rem;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;font-weight:500;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.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.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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 LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesMultiple extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldPropertiesMultiple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
     }
@@ -74,90 +59,17 @@ const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsField
         return { isSame: allSame, optional: allSame ? firstElementOptional : false };
     };
     render() {
-        return (h(Host, { key: '4c933e525573ac75516a6267699cf2439993a81a' }, h("ls-field-properties-container", { key: 'f36241842194992c468d3fd4550b8bb267547ba7', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '694f49d6e7390209635ef829c949c713e46d25a2', class: 'field-set', slot: "content" }, h("div", { key: '1cda11076eeac73dcf769c7fb75e6b112c31944b', class: 'ls-field-properties-section' }, h("div", { key: '6c50b81a9abf5238b5f0292d7761bed770094325', class: 'ls-field-properties-section-text' }, h("p", { key: '06529fce334986e650d7e143203681568e7b6667', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: '33e5853fd58be591bc7b4a94f29b763cf45060af', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '2c5789e7fc1e897a8eff069358ea1f300a3e410d', class: 'ls-field-type-wrapper', style: {
+        return (h(Host, { key: 'f8bc793aec05fccd5446982393bb10fbf706e886' }, h("ls-field-properties-container", { key: '378f71748e9644b42349897fa867f8319a9654d2', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd179dafee44c8266b8b9a0fe7350c43c00e24ceb', class: 'field-set', slot: "content" }, h("div", { key: 'c0f059b413c55dbc8595fa2cac62011d6a96c8b6', class: 'ls-field-properties-section' }, h("div", { key: 'cee61c691c479d115ae304026010ef6dc18ac9ad', class: 'ls-field-properties-section-text' }, h("p", { key: '6e3bfcd69ba3c09d211bddb0285a6b508fa39cd3', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: 'dddec3d8c84b3dbcd6d7d2b240ab1df0850507a8', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: 'd5962867c05b04ea097197280673147c5d09839e', class: 'ls-field-type-wrapper', style: {
                 border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("div", { key: 'ae673892c6763901f61e32bcca01a272fa7912ec', class: 'ls-field-type-inner' }, h("div", { key: 'd627efdf5b3012d5fdd9c06972dcc91e5ee047de', class: 'ls-field-type-icon', style: {
+            } }, h("div", { key: '09154bc68b5af8f5ce35ce2a070ca50cac3c3dc8', class: 'ls-field-type-inner' }, h("div", { key: '3d612256f0250ab1b8be03e8e0e7d49c1d8203ff', class: 'ls-field-type-icon', style: {
                 border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
                 color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("ls-icon", { key: '4529db689b799afaa858c632247acb2f113dbfd2', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), h("p", { key: '1b1c13b07140baaab4228d8841cf44bdf96de05f', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: '22a7cc983467e83811dacd5a576602482e4a17bd', class: 'ls-field-properties-section row' }, h("div", { key: '579656ab2fcdf8606ba1bec64a22659b0ff9bdb7', class: 'ls-field-properties-section-text' }, h("p", { key: '6be5bb839073a4cf93ddabd17436c30ad7af9655', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: 'e373cb19aff6d0c7ab590b6fdd23e6543fadd3b6', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'e8286446d100ad167fa34e36f7e3dfbef9e0a81f', class: 'ls-field-properties-section' }, h("div", { key: 'b88a455310a8d54cec597131a930462e6bec2f76', class: 'ls-field-properties-section-text' }, h("p", { key: '5f13462dbd3e76d77a2d124c95e12badf31350d7', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '0326610a1e07cfdbb4f5c24a3a42b7fd1f610b7f', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '0ba3cb9760e5cc6cd36a4b23b2bc58496ef111de', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '8ed67e2339ad7c8a90befb4a988566de62691ed5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4dd7a56c1b9686a7ad7d971c99cd3469e6338a6a', dataItem: this.dataItem }), h("ls-field-size", { key: '919cda6e69cec2016c69240bf1520e75ee4da500', dataItem: this.dataItem })), h("div", { key: 'd8091c90a9c1defe36a93def542e7f2136a78de1', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'adc7d420039b1e03b35b1e833d5fd3c666b89afb', dataItem: this.dataItem }), h("ls-field-placement", { key: '4f373978bafaabcd22fa4131d2486db0703f3e4d', dataItem: this.dataItem }), h("ls-field-distribute", { key: '53f064af738a789c84e0ec294ade212be725568a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '343dbbf59c706bf321ca1fe5291af9f00e4e4acb', dataItem: this.dataItem }), h("slot", { key: '70468bdc38a4ea5371c7d49de8559fffa72b5b09' })));
+            } }, h("ls-icon", { key: '5fbbbe8c580bd02fee835862fb13ddbabbd5bba2', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), h("p", { key: '888b3a004a0432eba08c14cb11dc282445b99b89', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: 'de59f0e6cbf1ad856798e998e93db5455dbd772b', class: 'ls-field-properties-section row' }, h("div", { key: '266109b852587a481437177fc8a1b4c1c48fb78d', class: 'ls-field-properties-section-text' }, h("p", { key: 'a4e5eb0b6519e944c5a89fb6ecdc9c9e2d1bb1e3', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: '7d8a6b53acbe641085e23de48c58f556e1444472', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '833ab1baba46d0c91d0a65d07f636f939b45cb5d', class: 'ls-field-properties-section' }, h("div", { key: '0d46b4004c3c2ae9742c65814d0acb127790d502', class: 'ls-field-properties-section-text' }, h("p", { key: '79f163cd6ddfc2d160339ccbae853b7b229479db', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '888c192c2a1450743ca655c0929e918662de0ffb', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '42a04bffd98e53bc45f571597a2e6566c6cf959b', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '49837e406c0f18fab5b0ca197bd0facbf7b37954', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7362732ab9a20b581dce6445cb74be3028a4a455', dataItem: this.dataItem }), h("ls-field-size", { key: '89b0bda0f8896d3f8ac7b6f2a807e6ed21ec9830', dataItem: this.dataItem })), h("div", { key: '54fb3612a3fe38f5230ece94885d869c2ce7e3aa', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'cf518c452b99a636b4e2c7b14597944e3b8b8b08', dataItem: this.dataItem }), h("ls-field-placement", { key: '5c20c424fed188db77d13c35f1c5f2b42399a63c', dataItem: this.dataItem }), h("ls-field-distribute", { key: 'd8fc32dc171d92e79ce1ff3b036bc61ccaad5d2a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '413b38d24b5ad46a8ef475a0c844768137b8ba45', dataItem: this.dataItem }), h("slot", { key: 'e0f1b44991c7a925b0b7f92aa7804b0d5c4bb4fa' })));
     }
-    static get style() { return lsFieldPropertiesMultipleCss(); }
-}, [769, "ls-field-properties-multiple", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-properties-multiple", "ls-editor-field", "ls-field-alignment", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-placement", "ls-field-properties-container", "ls-field-size", "ls-icon", "ls-toggle", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-properties-multiple":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldPropertiesMultiple);
-            }
-            break;
-        case "ls-editor-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$b();
-            }
-            break;
-        case "ls-field-alignment":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$a();
-            }
-            break;
-        case "ls-field-dimensions":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ls-field-distribute":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ls-field-footer":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ls-field-placement":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-field-properties-container":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-field-size":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldPropertiesMultiple as L, defineCustomElement as d };
-//# sourceMappingURL=p-CMsyvCsL.js.map
+};
+LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss();
 
-//# sourceMappingURL=p-CMsyvCsL.js.map
+export { LsFieldPropertiesMultiple as ls_field_properties_multiple };
+//# sourceMappingURL=ls-field-properties-multiple.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-number.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsFieldPropertiesNumberCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;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%}.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{display:flex;gap:0.5rem;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;font-weight:500;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.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.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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 LsFieldPropertiesNumber = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: '6f1cb4be997bfb4e51a2d48bf3a5d6a466f655de' }, h("ls-field-properties-container", { key: '55e96f6faede34cadde7fab6b90bb24cd2cec993', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'c744c8e96f0af371e919b8c7cd4bb9c1ec07c07e', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '3e5cd95014042d327dd300c6ef07ee40132f19ad', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '6d8050c285f574ae18794a4605b75dda2f9f0285', dataItem: this.dataItem })), h("div", { key: 'd07aa3483f2a25013342f278e119e0837f8819e5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'cfef5de47f8be67a1482a9576aa01174febc6b52', dataItem: this.dataItem })), h("div", { key: 'c9ca7dcb56de329bf917623c72d4fb68522f17cf', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'befeb78682ac792dc886d58d8bc13af854a61b0a', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e9800bb68a013e3d32ab7897e594cd751ba4e81f', dataItem: this.dataItem })));
+    }
+};
+LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss();
+
+export { LsFieldPropertiesNumber as ls_field_properties_number };
+//# sourceMappingURL=ls-field-properties-number.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-signature.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsFieldPropertiesSignatureCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;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%}.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{display:flex;gap:0.5rem;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;font-weight:500;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.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.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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 LsFieldPropertiesSignature = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: '128dd477c81a96fb0cf3cb8931835c1489cca97d' }, h("ls-field-properties-container", { key: 'bd0312076383ddcea6578985a255b366aa54db8b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '332763740f6b02331c127e290d837a8da70fb6c0', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '072470addf113a4b41b353873bf6c5c84a8c560c', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: 'bfdc5154428156c35e3d8acd49eb6ae23b970ccc', dataItem: this.dataItem })), h("div", { key: '55201beca9a73c34dcf9c1b5e14019869344523a', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7c110fb2c51fec46e8a40e2a76d2edcb165216cb', dataItem: this.dataItem })), h("div", { key: 'ef0d4736bb5daf504a6c14d4705d3342552ee9b2', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '85f065bfb69619afd862bf1d680ff4952109bc70', dataItem: this.dataItem }))), h("ls-field-footer", { key: '55f7113b67f645a8523cad72645a4beac3294560', dataItem: this.dataItem })));
+    }
+};
+LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss();
+
+export { LsFieldPropertiesSignature as ls_field_properties_signature };
+//# sourceMappingURL=ls-field-properties-signature.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-text.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsFieldPropertiesTextCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;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%}.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{display:flex;gap:0.5rem;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;font-weight:500;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.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.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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 LsFieldPropertiesText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: 'fa3ba7b7cf4c54a91c722eac9a3bd524af029859' }, h("ls-field-properties-container", { key: 'f214a26ee8f5e7b9b811b603fea7afe789e27ea8', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '211b0c4e4841a2c97cb61f7687c166a45cdc52df', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '3a2097dedea4aeb3705bb5b03d57380cec21dbfe', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '90670991988a2b314d8a48886f81c2e35f0ce18c', dataItem: this.dataItem })), h("div", { key: '528455b38a68a2ede1cba11a6060cc6040fa9b5e', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'ca5483e6a5913cdedd370655e3ed6dbad4dbc5ea', dataItem: this.dataItem })), h("div", { key: 'c48cfae30d36476a5e07ad4b11b323f84f1e6ca1', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '69aed74a6155994061d6f9e4b0c3d569cbc8677e', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'f65e6d6468e5910e0665928c984c99e3510e4db8', dataItem: this.dataItem })));
+    }
+};
+LsFieldPropertiesText.style = lsFieldPropertiesTextCss();
+
+export { LsFieldPropertiesText as ls_field_properties_text };
+//# sourceMappingURL=ls-field-properties-text.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties.entry.js

@@ -0,0 +1,53 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsFieldPropertiesCss = () => `:host{display:block;width:100%;padding:1rem}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 LsFieldProperties = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dataItem;
+    renderFields() {
+        if (this.dataItem && this.dataItem?.length === 1) {
+            switch (this.dataItem[0].formElementType) {
+                case 'signature':
+                    return h("ls-field-properties-signature", { dataItem: this.dataItem[0] });
+                case 'date':
+                    return h("ls-field-properties-date", { dataItem: this.dataItem[0] });
+                case 'autodate':
+                    return h("ls-field-properties-date", { dataItem: this.dataItem[0] });
+                case 'text':
+                    return h("ls-field-properties-text", { dataItem: this.dataItem[0] });
+                case 'number':
+                    return h("ls-field-properties-number", { dataItem: this.dataItem[0] });
+                case 'autosign':
+                    return h("ls-field-properties-autosign", { dataItem: this.dataItem[0] });
+                case 'email':
+                    return h("ls-field-properties-email", { dataItem: this.dataItem[0] });
+                case 'image':
+                    return h("ls-field-properties-image", { dataItem: this.dataItem[0] });
+                case 'file':
+                    return h("ls-field-properties-file", { dataItem: this.dataItem[0] });
+                case 'dropdown':
+                    return h("ls-field-properties-file", { dataItem: this.dataItem[0] });
+                default:
+                    return h("ls-field-properties-general", { dataItem: this.dataItem[0] });
+            }
+        }
+        else if (this.dataItem && this.dataItem?.length > 1)
+            return h("ls-field-properties-multiple", { dataItem: this.dataItem });
+    }
+    handleKeyDown = (event) => {
+        event.stopPropagation();
+    };
+    handleKeyUp = (event) => {
+        event.stopPropagation();
+    };
+    render() {
+        return (h(Host, { key: '24f7f33336b6544a7494463f0880cd65b82d8dca', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '8dfface09fb1df1649d1924453d7abb2cbc8a1f2' })));
+    }
+};
+LsFieldProperties.style = lsFieldPropertiesCss();
+
+export { LsFieldProperties as ls_field_properties };
+//# sourceMappingURL=ls-field-properties.entry.esm.js.map

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

@@ -1,20 +1,14 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
 
 const lsFieldSizeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.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}.multi-button-group-row{display:flex;gap:0.5rem}.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;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}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:36px}.input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldSize = /*@__PURE__*/ proxyCustomElement(class LsFieldSize extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldSize = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     dataItem;
     mutate;
     // Send one or more mutations up the chain
@@ -30,38 +24,10 @@ const LsFieldSize = /*@__PURE__*/ proxyCustomElement(class LsFieldSize extends H
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: 'c64b1112e2549d2dc89f41b34d950817df6d182a' }, h("div", { key: '15a9ce2865a2490b02a2fdfcccd6e2a3d2f20811', class: 'ls-field-properties-section' }, h("div", { key: 'c89d71391e4591fcebed9e9e8a73db018893fd1d', class: 'ls-field-properties-section-text' }, h("p", { key: 'e68285c80aa1dd10719fe57476ec6e5bec647723', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '37548247f6afa990a5674a94c9e867f7474f8bf7', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'a4d8ab5f836596f233b7675fb45baf082e62b80c', class: 'button-group' }, h("button", { key: 'f9511e04d4972a6e853bf054cd8c36a29d917488', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: 'b3fcb08b7a9da2c12ba4a9789e65d1a977b7baa6', name: "field-scale" })), h("button", { key: 'c1a278fd2478160d534793a55de977ba76d0b394', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: '73157241ffe55cbfc3b9cd8801c5dbd543998946', name: "field-match-width" })), h("button", { key: '796d1ebe732b4b0537161549b7f8b0f38afab823', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: 'd1df875b9623562891ef01f5b53b343be85b51bc', name: "field-match-height" })))), h("slot", { key: '51d72c8def0e4eac4527ffadedb6496d078337a7' }), h("ls-tooltip", { key: 'aa62235c7cd42b985fd24d15aa5036334e87bcad', id: "ls-tooltip-master" })));
+        return (h(Host, { key: 'b47b56f2e6a9e9af789b259fcda1229de1149fd5' }, h("div", { key: '19ef8168ac43559221afd58410d213894905851d', class: 'ls-field-properties-section' }, h("div", { key: 'a44359d98737f993b4cca31d4ccf85fea27419b1', class: 'ls-field-properties-section-text' }, h("p", { key: '2b9bb393723620fe248be76fa1ab98b43fd94e5c', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '7e00e6a31cccaad9735a6366b423baf8c8baa911', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '65e850ac52e5f385204c19de74c8f0998b52892c', class: 'button-group' }, h("button", { key: '9f401d9c077c90decbf2546d18548c081b5bad69', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: '97b1329d7f6b4daf71e52d79bc76863cdb338950', name: "field-scale" })), h("button", { key: '1135a154a12f95072872360979ef68fcc99379ef', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: '6efbddb00f59b6fc2c402f53adc82c5d204fd993', name: "field-match-width" })), h("button", { key: '4b5d75f806948ca59aa0ae57fae008ec510cc512', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: '8211ac3abfb375b73171ae255034ec6612f44c74', name: "field-match-height" })))), h("slot", { key: '36e3215732a92bc508f9d9ec64a35731da942d7f' }), h("ls-tooltip", { key: '1fb9caec3d3c02561c7acb6b37804a40c1cff9a6', id: "ls-tooltip-master" })));
     }
-    static get style() { return lsFieldSizeCss(); }
-}, [769, "ls-field-size", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-size", "ls-icon", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-size":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldSize);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldSize as L, defineCustomElement as d };
-//# sourceMappingURL=p-DirhmWEt.js.map
+};
+LsFieldSize.style = lsFieldSizeCss();
 
-//# sourceMappingURL=p-DirhmWEt.js.map
+export { LsFieldSize as ls_field_size };
+//# sourceMappingURL=ls-field-size.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-type-display.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
+import { b as getFieldLabel } from './defaultFieldLabels-CUaKk41L.js';
+import { g as getFieldIcon } from './defaultFieldIcons-Cp3IxvzK.js';
+
+const lsFieldTypeDisplayCss = () => `:host{position:relative;border-radius:0.875rem;padding:0.25rem}*{margin:0}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;}`;
+
+const LsFieldTypeDisplay = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    assignee;
+    fieldType = 'signature';
+    render() {
+        const color = defaultRolePalette[this.assignee % 100];
+        return (h(Host, { key: 'afc6cdcac3c81fdd40156cb0e238f8ddd67f8695', class: 'ls-field-type-wrapper', style: {
+                border: `1px dashed ${color.s30}`,
+                background: color.s10,
+            } }, h("div", { key: '0fdfaf9a6c81411651fa58afaf5db446742e8240', class: 'ls-field-type-inner' }, h("div", { key: '81f9c44a1c318c68a4b76065084342d3de5f85b2', class: 'ls-field-type-icon', style: {
+                border: `1px solid ${color.s60}`,
+                color: color.s60,
+                background: color.s10,
+            } }, h("ls-icon", { key: '85a0ff4febcd804fdc9fd0eb1e407f989a02f727', name: getFieldIcon(this.fieldType), size: "1.25rem" })), h("p", { key: 'b7825f23d510f89fd8570eb0b6e31666259534e8', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
+    }
+};
+LsFieldTypeDisplay.style = lsFieldTypeDisplayCss();
+
+export { LsFieldTypeDisplay as ls_field_type_display };
+//# sourceMappingURL=ls-field-type-display.entry.esm.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BwdJ-HOC.js';
+import { r as registerInstance, d as createEvent, h } from './index-DANCsk1i.js';
 
 const lsFormfieldCss = () => `* {
   box-sizing: border-box;
@@ -143,10 +143,10 @@ const LsFormfield = class {
     render() {
         const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
         const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
-        return (h("host", { key: '287883cc6c4e64c69978b4cddb7dd128a8752e39', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'c55d579264fe88a6f2981230deba9299b3e6a840', class: "formfield-top-elements" }, h("div", { key: '9421f23783396994fa8179ee9e48eaebd9088576', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '9d4ae64ee8a468fa6284bfada671508afedfe3d6', name: labelIcon }), h("label", { key: '146f1845abd5037da007b60d1c6938c3d779fda7', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '1571c4bdf442295ad101262c4b31fae7c78c2fad', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
+        return (h("host", { key: 'cb742c8cbd5789cf2f55e99716d53c8ee796c3a5', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '2ce2688a7154e9dd21344c4454fb022847fda0e8', class: "formfield-top-elements" }, h("div", { key: '80ebfc18ad5e1e9789803eb807b265aaab20ab41', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '80235064ecbb7919d82703838760cb26da282037', name: labelIcon }), h("label", { key: 'e3d5198636532bf45601c47d5e760deed9a3fc45', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '619884b4e01b625489bc8dcb64657b39c2afb8d0', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
             count ||
             countMax ||
-            (descriptionText && (h("div", { key: '4beee1b3de46e93e6f2140c843ea76f6fd83f1e1', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'afdead328fac758d58f6680d1f4abe9fe640d0b4', class: "formfield-count-container" }, h("p", { key: '874e22cdbf52ff5ee5b04a6a353cc8fdf88f789d', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'cc53500d95ed74d959f62d4a0093a90bd5bac9cc', class: countClass }, h("p", { key: 'd3db9761a6c627f2e75d36973c9f897c20cafff8' }, "/"), h("p", { key: 'b4098fc9c862d2b4923dc778e8db2d709f50e37c' }, countMax))))))))));
+            (descriptionText && (h("div", { key: 'cd941aec83a59961db04cb66a22bdb09dc2a74e8', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'd4b63aac6205d6eba450ef42621bdee7f03d9c28', class: "formfield-count-container" }, h("p", { key: '5adfea3b76d9694721759a3f27623bd3871663e4', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'c08a80a3e84d96acbd84a764250bb2637313e00c', class: countClass }, h("p", { key: 'c7d8e638cb378cde921ac80aeeb866f9d300b40f' }, "/"), h("p", { key: '7798afbea009a9138c25acf1f6e98017c288a152' }, countMax))))))))));
     }
     static get watchers() { return {
         "value": ["valueWatcher"]
@@ -155,4 +155,4 @@ const LsFormfield = class {
 LsFormfield.style = lsFormfieldCss();
 
 export { LsFormfield as ls_formfield };
-//# sourceMappingURL=ls-formfield.entry.js.map
+//# sourceMappingURL=ls-formfield.entry.esm.js.map

package/dist/ls-document-viewer/ls-helper-bar.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, e as getElement, h, a as Host } from './index-DANCsk1i.js';
+import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
+
+const lsHelperBarCss = () => `.controls-bar{display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1rem;gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6c6e73)}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}.divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
+
+const LsHelperBar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get component() { return getElement(this); }
+    expanded = false;
+    showShortcuts = false;
+    componentDidLoad() {
+        attachAllTooltips(this.component.shadowRoot);
+    }
+    render() {
+        return (h(Host, { key: '9ce1a3e361ab97391f68c8f848dbbe84d663904d' }, h("div", { key: '3414b5ce97d7b4b3f63b140f630a3c52399c6c4a', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: 'c9b0df006a37c922f0eebfe518ec319c7ec48329', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: '99f2e506dd94dced7e05cce09f3985ce52079a77', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: 'b77e82c091e5c11a9092c910933c376f6213c5c0', name: "keyboard" })), h("button", { key: 'cc35e1f0378171ad97175ac91d3dd30b67f96033', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: 'b2751a1d5d3fae237599574cf6c3cc9180a8a26d', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("button", { key: '99c075a74899b45220cb8144e6f989a4c1eccc7e', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, h("ls-icon", { key: 'f258675b5e23a8aae33ed58c2f8d2e8a6f503de2', name: "support", "data-tooltip": "Contact Support", "data-tooltip-placement": "left" })), h("div", { key: '67168de3bab7f5413082a2dc4e6a7de9b82922b0', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: 'b9e8a15632a73e731b201f48f3bb1b0d48b89cd9' }, h("ls-icon", { key: '3c4e39cd8e48f2f0e7b2b47ec07a35991dd963cb', name: "question-mark-circle" }))), h("slot", { key: 'b22ad6da517fd0e2e1b5bc8b620f819f9176d525' }), h("ls-tooltip", { key: 'b91f2905f14aa107a89c40b6e7d82a7c2d1b6efd', id: "ls-tooltip-master" })));
+    }
+};
+LsHelperBar.style = lsHelperBarCss();
+
+export { LsHelperBar as ls_helper_bar };
+//# sourceMappingURL=ls-helper-bar.entry.esm.js.map

package/dist/{components/p-DnyBXRV4.js → ls-document-viewer/ls-icon.entry.js}

@@ -1,4 +1,4 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BhZ5Udbm.js';
+import { r as registerInstance, h } from './index-DANCsk1i.js';
 
 const html = String.raw;
 const icons = [
@@ -6997,14 +6997,18 @@ var IconEnum;
     // Add more icons here
 })(IconEnum || (IconEnum = {}));
 const iconNames = [...icons.map((icon) => icon.name).sort()];
+const outlineIcons = icons
+    .filter((i) => i.svgOutline !== 'No Outline')
+    .map((i) => i.name)
+    .sort();
+const solidIcons = icons
+    .filter((i) => i.svgSolid !== 'No Solid')
+    .map((i) => i.name)
+    .sort();
 
-const LsIcon = /*@__PURE__*/ proxyCustomElement(class LsIcon extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
     }
     name;
     solid = false;
@@ -7029,7 +7033,7 @@ const LsIcon = /*@__PURE__*/ proxyCustomElement(class LsIcon extends H {
             console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
     }
     render() {
-        return (h("host", { key: 'c87c757eb7b4e09a565e9eb3dca45e46704aa30d' }, icons
+        return (h("host", { key: 'daa62f3e5818f50f14806b9146b76f7c36f04058' }, icons
             ?.filter((icon) => icon.name === this.name)
             ?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
                 height: `${this.size}`,
@@ -7037,29 +7041,7 @@ const LsIcon = /*@__PURE__*/ proxyCustomElement(class LsIcon extends H {
                 ...this.customStyle,
             } }, this.solid ? (h("div", { innerHTML: icon.svgSolid, style: { top: '0px' } })) : (h("div", { innerHTML: icon.svgOutline, style: { top: '0px' } })))))));
     }
-}, [769, "ls-icon", {
-        "name": [1],
-        "solid": [4],
-        "color": [1],
-        "size": [1],
-        "customStyle": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsIcon);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsIcon as L, defineCustomElement as d };
-//# sourceMappingURL=p-DnyBXRV4.js.map
+};
 
-//# sourceMappingURL=p-DnyBXRV4.js.map
+export { LsIcon as ls_icon };
+//# sourceMappingURL=ls-icon.entry.esm.js.map

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

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsInputWrapperCss = () => `*{margin:0;padding:0;box-sizing:border-box}:host{position:relative}#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)}`;
+
+const LsInputWrapper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    leadingIcon;
+    select = false;
+    render() {
+        return (h(Host, { key: '6cb8000a8142c56bb9b6e0e4884e5e1bf767c743' }, h("ls-icon", { key: '268febc8238b84422b152d3d817fa66735552252', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '4ec09b6fc9e492d459add065b616179c78f4345e', id: "selectorIcon", name: "selector" }), h("slot", { key: 'e1f63eabc35efd5d47539a3725502b345bd9a82d' })));
+    }
+};
+LsInputWrapper.style = lsInputWrapperCss();
+
+export { LsInputWrapper as ls_input_wrapper };
+//# sourceMappingURL=ls-input-wrapper.entry.esm.js.map