legalesign-document-viewer 0.4.5 → 0.4.7

package/dist/components/ls-editor-field.js

@@ -1,4 +1,4 @@
-import { L as LsEditorField$1, d as defineCustomElement$1 } from './p-C8ZQeYj-.js';
+import { L as LsEditorField$1, d as defineCustomElement$1 } from './p-CB6w78IO.js';
 
 const LsEditorField = LsEditorField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-editor-table.js

@@ -1,4 +1,4 @@
-import { L as LsEditorTable$1, d as defineCustomElement$1 } from './p-D-yItxA4.js';
+import { L as LsEditorTable$1, d as defineCustomElement$1 } from './p-CB2IouRT.js';
 
 const LsEditorTable = LsEditorTable$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-feature-column.js

@@ -1,4 +1,4 @@
-import { L as LsFeatureColoumn, d as defineCustomElement$1 } from './p-CuyjSEEv.js';
+import { L as LsFeatureColoumn, d as defineCustomElement$1 } from './p-C0vy7fEN.js';
 
 const LsFeatureColumn = LsFeatureColoumn;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-alignment.js

@@ -1,4 +1,4 @@
-import { L as LsFieldAlignment$1, d as defineCustomElement$1 } from './p-BUfnTaTZ.js';
+import { L as LsFieldAlignment$1, d as defineCustomElement$1 } from './p-SymuFFwR.js';
 
 const LsFieldAlignment = LsFieldAlignment$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-content.js

@@ -1,4 +1,4 @@
-import { L as LsFieldContent$1, d as defineCustomElement$1 } from './p-DPtMBZYM.js';
+import { L as LsFieldContent$1, d as defineCustomElement$1 } from './p-hgs41zT_.js';
 
 const LsFieldContent = LsFieldContent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-dimensions.js

@@ -1,4 +1,4 @@
-import { L as LsFieldDimensions$1, d as defineCustomElement$1 } from './p-DCZnqvsu.js';
+import { L as LsFieldDimensions$1, d as defineCustomElement$1 } from './p-BHTy08Q0.js';
 
 const LsFieldDimensions = LsFieldDimensions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-distribute.js

@@ -1,4 +1,4 @@
-import { L as LsFieldDistribute$1, d as defineCustomElement$1 } from './p-FjzffTyc.js';
+import { L as LsFieldDistribute$1, d as defineCustomElement$1 } from './p-CqvHgqQi.js';
 
 const LsFieldDistribute = LsFieldDistribute$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-footer.js

@@ -1,4 +1,4 @@
-import { L as LsFieldFooter$1, d as defineCustomElement$1 } from './p-B3axAGVs.js';
+import { L as LsFieldFooter$1, d as defineCustomElement$1 } from './p-CYeSt5Fo.js';
 
 const LsFieldFooter = LsFieldFooter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-format.js

@@ -1,4 +1,4 @@
-import { L as LsFieldFormat$1, d as defineCustomElement$1 } from './p-cwpKMDgH.js';
+import { L as LsFieldFormat$1, d as defineCustomElement$1 } from './p-Ce_FwQKY.js';
 
 const LsFieldFormat = LsFieldFormat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-placement.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPlacement$1, d as defineCustomElement$1 } from './p-BzY8ubZE.js';
+import { L as LsFieldPlacement$1, d as defineCustomElement$1 } from './p-D5Lt75HV.js';
 
 const LsFieldPlacement = LsFieldPlacement$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-advanced.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesAdvanced$1, d as defineCustomElement$1 } from './p-DGuG1Bmj.js';
+import { L as LsFieldPropertiesAdvanced$1, d as defineCustomElement$1 } from './p-4zazHXkZ.js';
 
 const LsFieldPropertiesAdvanced = LsFieldPropertiesAdvanced$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-autosign.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesAutosign$1, d as defineCustomElement$1 } from './p-CNc1l7mG.js';
+import { L as LsFieldPropertiesAutosign$1, d as defineCustomElement$1 } from './p-mtgdqmoW.js';
 
 const LsFieldPropertiesAutosign = LsFieldPropertiesAutosign$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-container.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesContainer$1, d as defineCustomElement$1 } from './p-CaBVuofO.js';
+import { L as LsFieldPropertiesContainer$1, d as defineCustomElement$1 } from './p-BSoZFh0I.js';
 
 const LsFieldPropertiesContainer = LsFieldPropertiesContainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-date.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesDate$1, d as defineCustomElement$1 } from './p-B2etz1Ic.js';
+import { L as LsFieldPropertiesDate$1, d as defineCustomElement$1 } from './p-Ca9OGLvH.js';
 
 const LsFieldPropertiesDate = LsFieldPropertiesDate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-dropdown.js

@@ -1,17 +1,17 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-CEhCcP_A.js';
-import { d as defineCustomElement$e } from './p-C8ZQeYj-.js';
-import { d as defineCustomElement$d } from './p-DPtMBZYM.js';
-import { d as defineCustomElement$c } from './p-DCZnqvsu.js';
-import { d as defineCustomElement$b } from './p-B3axAGVs.js';
-import { d as defineCustomElement$a } from './p-BzY8ubZE.js';
-import { d as defineCustomElement$9 } from './p-DGuG1Bmj.js';
-import { d as defineCustomElement$8 } from './p-CaBVuofO.js';
-import { d as defineCustomElement$7 } from './p-Cqxe6wZe.js';
-import { d as defineCustomElement$6 } from './p-CtV1B-_5.js';
-import { d as defineCustomElement$5 } from './p-NoKw4xu7.js';
-import { d as defineCustomElement$4 } from './p-DKcMRnoh.js';
-import { d as defineCustomElement$3 } from './p-CrVSg3t4.js';
-import { d as defineCustomElement$2 } from './p-DC0HL60H.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-BnGihP6t.js';
+import { d as defineCustomElement$e } from './p-CB6w78IO.js';
+import { d as defineCustomElement$d } from './p-hgs41zT_.js';
+import { d as defineCustomElement$c } from './p-BHTy08Q0.js';
+import { d as defineCustomElement$b } from './p-CYeSt5Fo.js';
+import { d as defineCustomElement$a } from './p-D5Lt75HV.js';
+import { d as defineCustomElement$9 } from './p-4zazHXkZ.js';
+import { d as defineCustomElement$8 } from './p-BSoZFh0I.js';
+import { d as defineCustomElement$7 } from './p-DpEeDtkU.js';
+import { d as defineCustomElement$6 } from './p-95nSEls8.js';
+import { d as defineCustomElement$5 } from './p-Myru1I0U.js';
+import { d as defineCustomElement$4 } from './p-C3Qs4SL0.js';
+import { d as defineCustomElement$3 } from './p-CMrBTV-g.js';
+import { d as defineCustomElement$2 } from './p-CwVY532N.js';
 
 const lsFieldPropertiesDropdownCss = ":host{display:block}";
 
@@ -23,7 +23,7 @@ const LsFieldPropertiesDropdown$1 = /*@__PURE__*/ proxyCustomElement(class LsFie
     }
     dataItem;
     render() {
-        return (h(Host, { key: 'cf4a701ae1a4e4a794874e5b5442ccb13162494a' }, h("ls-field-properties-container", { key: '8b10f1d45a86eb0cb7a150476513c10d00f643f5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ebd19d3770cb563e90cf84e3aa4a8a6f16c15d22', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '1827b4b81665b50127ca658d17e0ab8da3955276', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '0da9e6aee8307e7d5501c62b1f984e30acaf7edb', dataItem: this.dataItem })), h("div", { key: 'cb811972008d6d6aab3675e404ae518d92e3da67', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '80a7f0ceebf44088b0ceba2bb66526e4b7b2ccd4', dataItem: this.dataItem })), h("div", { key: '67ab96868f2e20f6134823efa2c9f915a0451990', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'bf4530ef267aae9efe0c48e26dc2068d8ec2c198', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ebfad46e949d644af64d2e30b56377339df95d19', dataItem: this.dataItem })));
+        return (h(Host, { key: '6ab36b10433f2a9c0cd5e39f3b78f3471f795c15' }, h("ls-field-properties-container", { key: '4cfe8d66c414f0684282d5379b7950cef1ea5773', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '673962971e8e8e219c02d13e9e61d2cdcad83887', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'ae5e0250d816457bfacf2a6d9d2b711feeb05dd8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '07f776cee20cc1f8929db189cd84f68b5b349501', dataItem: this.dataItem })), h("div", { key: 'a8e1665f9d3f88fa1caa881ebb71d97bc17ba4fc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a8f7df3d69a5f6d8fd4ebe7293b948bf2855b73e', dataItem: this.dataItem })), h("div", { key: 'e8a36fe97a69841dc48c6e99d6517fad087ef05d', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0872ceab1ea0af0b8e8c6e7b7a01e453c264b4da', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e4609c33b929269673d302b5d7e53c0a1820d60e', dataItem: this.dataItem })));
     }
     static get style() { return lsFieldPropertiesDropdownCss; }
 }, [257, "ls-field-properties-dropdown", {

package/dist/components/ls-field-properties-email.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-B7S9E2ci.js';
+import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-DjunXuAM.js';
 
 const LsFieldPropertiesEmail = LsFieldPropertiesEmail$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-file.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesFile$1, d as defineCustomElement$1 } from './p-QEWyXsBw.js';
+import { L as LsFieldPropertiesFile$1, d as defineCustomElement$1 } from './p-B8NAATla.js';
 
 const LsFieldPropertiesFile = LsFieldPropertiesFile$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-general.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesGeneral$1, d as defineCustomElement$1 } from './p-DKx68i7a.js';
+import { L as LsFieldPropertiesGeneral$1, d as defineCustomElement$1 } from './p-BdTy5xDV.js';
 
 const LsFieldPropertiesGeneral = LsFieldPropertiesGeneral$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-image.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesImage$1, d as defineCustomElement$1 } from './p-DDNZkGBj.js';
+import { L as LsFieldPropertiesImage$1, d as defineCustomElement$1 } from './p-DhQKM6mo.js';
 
 const LsFieldPropertiesImage = LsFieldPropertiesImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-multiple.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesMultiple$1, d as defineCustomElement$1 } from './p-DyU3O3tg.js';
+import { L as LsFieldPropertiesMultiple$1, d as defineCustomElement$1 } from './p-D0oqtZ7v.js';
 
 const LsFieldPropertiesMultiple = LsFieldPropertiesMultiple$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-number.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesNumber$1, d as defineCustomElement$1 } from './p-BzxhEsKd.js';
+import { L as LsFieldPropertiesNumber$1, d as defineCustomElement$1 } from './p-BArB45ep.js';
 
 const LsFieldPropertiesNumber = LsFieldPropertiesNumber$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-signature.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesSignature$1, d as defineCustomElement$1 } from './p-BiOHci04.js';
+import { L as LsFieldPropertiesSignature$1, d as defineCustomElement$1 } from './p-CnLhdSVD.js';
 
 const LsFieldPropertiesSignature = LsFieldPropertiesSignature$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties-text.js

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesText$1, d as defineCustomElement$1 } from './p-CCt1S0nA.js';
+import { L as LsFieldPropertiesText$1, d as defineCustomElement$1 } from './p-DXAEPHmo.js';
 
 const LsFieldPropertiesText = LsFieldPropertiesText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-properties.js

@@ -1,4 +1,4 @@
-import { L as LsFieldProperties$1, d as defineCustomElement$1 } from './p-DmszHmWG.js';
+import { L as LsFieldProperties$1, d as defineCustomElement$1 } from './p-BXjDp97T.js';
 
 const LsFieldProperties = LsFieldProperties$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-size.js

@@ -1,4 +1,4 @@
-import { L as LsFieldSize$1, d as defineCustomElement$1 } from './p-HB8K0xP0.js';
+import { L as LsFieldSize$1, d as defineCustomElement$1 } from './p-COuOscFT.js';
 
 const LsFieldSize = LsFieldSize$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-field-type-display.js

@@ -1,4 +1,4 @@
-import { L as LsFieldTypeDisplay$1, d as defineCustomElement$1 } from './p-Cqxe6wZe.js';
+import { L as LsFieldTypeDisplay$1, d as defineCustomElement$1 } from './p-DpEeDtkU.js';
 
 const LsFieldTypeDisplay = LsFieldTypeDisplay$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-formfield.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-CEhCcP_A.js';
-import { d as defineCustomElement$7 } from './p-CtV1B-_5.js';
-import { d as defineCustomElement$6 } from './p-B-j9D08q.js';
-import { d as defineCustomElement$5 } from './p-9pxwrFws.js';
-import { d as defineCustomElement$4 } from './p-Ji_SfsNu.js';
-import { d as defineCustomElement$3 } from './p-B2TUFMT0.js';
-import { d as defineCustomElement$2 } from './p-CTGwIImt.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-BnGihP6t.js';
+import { d as defineCustomElement$7 } from './p-95nSEls8.js';
+import { d as defineCustomElement$6 } from './p-lCZRXn_O.js';
+import { d as defineCustomElement$5 } from './p-DYw5-WDF.js';
+import { d as defineCustomElement$4 } from './p-CcmgTlbG.js';
+import { d as defineCustomElement$3 } from './p-DVcM3j89.js';
+import { d as defineCustomElement$2 } from './p-zhtYmA1Q.js';
 
 const lsFormfieldCss = "* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n";
 
@@ -12,7 +12,7 @@ const LsFormfield$1 = /*@__PURE__*/ proxyCustomElement(class LsFormfield extends
     constructor() {
         super();
         this.__registerHost();
-        this.valueChange = createEvent(this, "valueChange");
+        this.valueChange = createEvent(this, "valueChange", 7);
     }
     name;
     fieldId;
@@ -52,10 +52,10 @@ const LsFormfield$1 = /*@__PURE__*/ proxyCustomElement(class LsFormfield extends
     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: 'abb10c40dccbc1df9073bb8135933b50c7addf3f', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'b8f8cec278fc8b3e224dd4d4cb2a7e3381f1fc53', class: "formfield-top-elements" }, h("div", { key: '090b6ce8001334d8ea27ee503bb80abdb4458765', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: 'ae0d3022a53947e3948deeb160b1922f9532f662', name: labelIcon }), h("label", { key: '63dfbcd3acfd52aa6f977755734071b320ffe717', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '266a2155a80ccc3e51d5474896fc2250964dff1e', 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: '7d9ce8f93eef332dc934dbb8b18c686a24b7bb7b', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '83f6dc53d7ed4a97574788f5226f58c7dcdf7f76', class: "formfield-top-elements" }, h("div", { key: '61761e85e2d573f7361d990474dfc8fa168db633', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: 'f2c2d195abf5ecd11db30844f7a9a45f37a585b1', name: labelIcon }), h("label", { key: 'eb97be872ffcb60d4d161283af72882303471e76', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '09065bb12b3df7e2daf4fd761b328f7b86fdb44e', 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: 'cc8ffdb0f955baab2627011dc3ce756d9f3fb755', 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: 'b6d2515988fe6022fbc5dbf353650ad03fa06ed0', class: "formfield-count-container" }, h("p", { key: 'ac29508788d292a28e13a88f2dfd0f97bfc54120', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'c6da1cc6b8e8970326344ccc37fc7055c36603c7', class: countClass }, h("p", { key: '68250a9de3633f0a9d0f64006016663d5e4f9414' }, "/"), h("p", { key: '4c541ba2dff8b2cdbc9b49830ed46e871cc2bd1f' }, countMax))))))))));
+            (descriptionText && (h("div", { key: '0729bf9725dd53684bf0475718955fbe6847ebcf', 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: 'df740e5bc22bd24bbc496a00c02023a95fdf6b9a', class: "formfield-count-container" }, h("p", { key: '0bcd5b23f4ab2483cda330829feea022f2bb33fd', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '36280cff83fc6522a36778577f04bd9644e1f800', class: countClass }, h("p", { key: 'a1516c03a84710c101b92710cc9ea77ca8a5d45b' }, "/"), h("p", { key: '55b029ed794ce322b7e75a49776d74d21e6f57cf' }, countMax))))))))));
     }
     static get watchers() { return {
         "value": ["valueWatcher"]

package/dist/components/ls-helper-bar.js

@@ -1,4 +1,4 @@
-import { L as LsHelperBar$1, d as defineCustomElement$1 } from './p-DZ_KhOns.js';
+import { L as LsHelperBar$1, d as defineCustomElement$1 } from './p-6l08SdGl.js';
 
 const LsHelperBar = LsHelperBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-icon.js

@@ -1,4 +1,4 @@
-import { L as LsIcon$1, d as defineCustomElement$1 } from './p-CtV1B-_5.js';
+import { L as LsIcon$1, d as defineCustomElement$1 } from './p-95nSEls8.js';
 
 const LsIcon = LsIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-input-wrapper.js

@@ -1,4 +1,4 @@
-import { L as LsInputWrapper$1, d as defineCustomElement$1 } from './p-NoKw4xu7.js';
+import { L as LsInputWrapper$1, d as defineCustomElement$1 } from './p-Myru1I0U.js';
 
 const LsInputWrapper = LsInputWrapper$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-keyboard-shortcuts.js

@@ -1,4 +1,4 @@
-import { L as LsKeyboardShortcuts$1, d as defineCustomElement$1 } from './p-DPVPaPb1.js';
+import { L as LsKeyboardShortcuts$1, d as defineCustomElement$1 } from './p-DMtkP3At.js';
 
 const LsKeyboardShortcuts = LsKeyboardShortcuts$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-number-input.js

@@ -1,4 +1,4 @@
-import { L as LsNumberInput$1, d as defineCustomElement$1 } from './p-B-j9D08q.js';
+import { L as LsNumberInput$1, d as defineCustomElement$1 } from './p-lCZRXn_O.js';
 
 const LsNumberInput = LsNumberInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-page-loader.js

@@ -1,4 +1,4 @@
-import { L as LsPageLoader$1, d as defineCustomElement$1 } from './p-raaSYxtA.js';
+import { L as LsPageLoader$1, d as defineCustomElement$1 } from './p-DuLbniAl.js';
 
 const LsPageLoader = LsPageLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-participant-card.js

@@ -1,4 +1,4 @@
-import { L as LsParticipantCard$1, d as defineCustomElement$1 } from './p-CdFJ_FQz.js';
+import { L as LsParticipantCard$1, d as defineCustomElement$1 } from './p-Dp_6qCVD.js';
 
 const LsParticipantCard = LsParticipantCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-participant-manager.js

@@ -1,4 +1,4 @@
-import { L as LsParticipantManager$1, d as defineCustomElement$1 } from './p-D-U9fbV-.js';
+import { L as LsParticipantManager$1, d as defineCustomElement$1 } from './p-Dt8uznTD.js';
 
 const LsParticipantManager = LsParticipantManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-participant-select.js

@@ -1,4 +1,4 @@
-import { L as LsParticipantSelect$1, d as defineCustomElement$1 } from './p-DMgdq7Zj.js';
+import { L as LsParticipantSelect$1, d as defineCustomElement$1 } from './p-8ubyIwnl.js';
 
 const LsParticipantSelect = LsParticipantSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-props-section.js

@@ -1,4 +1,4 @@
-import { L as LsPropsSection$1, d as defineCustomElement$1 } from './p-DKcMRnoh.js';
+import { L as LsPropsSection$1, d as defineCustomElement$1 } from './p-C3Qs4SL0.js';
 
 const LsPropsSection = LsPropsSection$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-radio-input.js

@@ -1,4 +1,4 @@
-import { L as LsRadioInput$1, d as defineCustomElement$1 } from './p-9pxwrFws.js';
+import { L as LsRadioInput$1, d as defineCustomElement$1 } from './p-DYw5-WDF.js';
 
 const LsRadioInput = LsRadioInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-recipient-card.js

@@ -1,4 +1,4 @@
-import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-B2ofj7BM.js';
+import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-CpKruuk0.js';
 
 const LsRecipientCard = LsRecipientCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-recipient-manager.js

@@ -1,4 +1,4 @@
-import { L as LsRecipientManager$1, d as defineCustomElement$1 } from './p-DVtr8lsT.js';
+import { L as LsRecipientManager$1, d as defineCustomElement$1 } from './p-DNojPpNK.js';
 
 const LsRecipientManager = LsRecipientManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-select-input.js

@@ -1,4 +1,4 @@
-import { L as LsSelectInput$1, d as defineCustomElement$1 } from './p-Ji_SfsNu.js';
+import { L as LsSelectInput$1, d as defineCustomElement$1 } from './p-CcmgTlbG.js';
 
 const LsSelectInput = LsSelectInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-statusbar.js

@@ -1,4 +1,4 @@
-import { L as LsStatusbar$1, d as defineCustomElement$1 } from './p-BNX_U6jC.js';
+import { L as LsStatusbar$1, d as defineCustomElement$1 } from './p-B28ZaK_Y.js';
 
 const LsStatusbar = LsStatusbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-text-input.js

@@ -1,4 +1,4 @@
-import { L as LsTextInput$1, d as defineCustomElement$1 } from './p-B2TUFMT0.js';
+import { L as LsTextInput$1, d as defineCustomElement$1 } from './p-DVcM3j89.js';
 
 const LsTextInput = LsTextInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-textarea-input.js

@@ -1,4 +1,4 @@
-import { L as LsTextareaInput$1, d as defineCustomElement$1 } from './p-CTGwIImt.js';
+import { L as LsTextareaInput$1, d as defineCustomElement$1 } from './p-zhtYmA1Q.js';
 
 const LsTextareaInput = LsTextareaInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-title-input.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LsTitleInput extends Components.LsTitleInput, HTMLElement {}
+export const LsTitleInput: {
+    prototype: LsTitleInput;
+    new (): LsTitleInput;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ls-title-input.js

@@ -0,0 +1,9 @@
+import { L as LsTitleInput$1, d as defineCustomElement$1 } from './p-bm-gsw1C.js';
+
+const LsTitleInput = LsTitleInput$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LsTitleInput, defineCustomElement };
+//# sourceMappingURL=ls-title-input.js.map
+
+//# sourceMappingURL=ls-title-input.js.map

package/dist/components/ls-title-input.js.map

@@ -0,0 +1 @@
+{"file":"ls-title-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-toggle.js

@@ -1,4 +1,4 @@
-import { L as LsToggle$1, d as defineCustomElement$1 } from './p-CrVSg3t4.js';
+import { L as LsToggle$1, d as defineCustomElement$1 } from './p-CMrBTV-g.js';
 
 const LsToggle = LsToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-toolbar.js

@@ -1,4 +1,4 @@
-import { L as LsToolbar$1, d as defineCustomElement$1 } from './p-DUBoFEsx.js';
+import { L as LsToolbar$1, d as defineCustomElement$1 } from './p-BzEEnXM3.js';
 
 const LsToolbar = LsToolbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-toolbox-field.js

@@ -1,4 +1,4 @@
-import { L as LsToolboxField$1, d as defineCustomElement$1 } from './p-COypjAnE.js';
+import { L as LsToolboxField$1, d as defineCustomElement$1 } from './p-2R-Lmtr0.js';
 
 const LsToolboxField = LsToolboxField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-tooltip.js

@@ -1,4 +1,4 @@
-import { L as LsTooltip$1, d as defineCustomElement$1 } from './p-DC0HL60H.js';
+import { L as LsTooltip$1, d as defineCustomElement$1 } from './p-CwVY532N.js';
 
 const LsTooltip = LsTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-validation-manager.js

@@ -1,4 +1,4 @@
-import { L as LsValidationManager$1, d as defineCustomElement$1 } from './p-BIqQK9GI.js';
+import { L as LsValidationManager$1, d as defineCustomElement$1 } from './p-CRf3zadK.js';
 
 const LsValidationManager = LsValidationManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-validation-tag.js

@@ -1,4 +1,4 @@
-import { L as LsValidationTag$1, d as defineCustomElement$1 } from './p-G8kF15oY.js';
+import { L as LsValidationTag$1, d as defineCustomElement$1 } from './p-CEARE5Dy.js';
 
 const LsValidationTag = LsValidationTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-COypjAnE.js → p-2R-Lmtr0.js}

@@ -1,17 +1,17 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CEhCcP_A.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BnGihP6t.js';
 import { d as defaultRolePalette } from './p-CwCWCxsI.js';
 import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$2 } from './p-CtV1B-_5.js';
-import { d as defineCustomElement$1 } from './p-DC0HL60H.js';
+import { d as defineCustomElement$2 } from './p-95nSEls8.js';
+import { d as defineCustomElement$1 } from './p-CwVY532N.js';
 
-const lsToolboxFieldCss = ".ls-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.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 lsToolboxFieldCss = ".ls-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
 
 const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.fieldTypeSelected = createEvent(this, "fieldTypeSelected");
+        this.fieldTypeSelected = createEvent(this, "fieldTypeSelected", 7);
     }
     get component() { return this; }
     /**
@@ -80,7 +80,7 @@ const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField ext
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: 'b8ba3bf139801233d2d81b5648d1a638505e0972', draggable: "true" }, h("div", { key: '9f6f1f44479fa2157daf47a3504b689d9e420b7b', class: 'ls-toolbox-field', style: this.isSelected && {
+        return (h(Host, { key: '8db0540fc65597dfc99a9a560cfde441d55d219f', draggable: "true" }, h("div", { key: '110d6153b0b171447c0cef8ee67a9ff624a7fe1b', class: 'ls-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
@@ -95,9 +95,9 @@ const LsToolboxField = /*@__PURE__*/ proxyCustomElement(class LsToolboxField ext
                     defaultWidth: this.defaultWidth,
                     fixedAspect: this.fixedAspect,
                 });
-            } }, h("div", { key: '30345c85a9b6b6a721813bb4f013087b4a8cabba', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: '765ea21ea33d53efd63ba1b79a1f573cf86d51e8', name: this.icon, size: "20" })), h("p", { key: '233dc63ee920abb8402e44b0ba9c5398034bb5bb', class: "toolbox-field-label", style: this.isSelected && {
+            } }, h("div", { key: '111f63ac4327ccda47ac6db32ca48ec9e2f9161d', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: '440c1ca0974d682d0b8b1de16b80c955688ea25f', name: this.icon, size: "1.25rem" })), h("p", { key: 'fcf6090878b314f5af0626168af946dda3809a89', class: "toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (h("div", { key: '9f4c19c86d0a4dad73e0d3f9b4607e845065ed0c', class: 'warning-box' }, h("ls-icon", { key: 'd304104665589be58cfe07c425d3e27251019279', name: "exclamation-circle", size: "18", solid: true }))), h("ls-icon", { key: '69daa9ade2b006ee3d7e15cd92ce607c21fb7a43', name: "drag-vertical", size: "16", color: "#787a80" })), h("ls-tooltip", { key: '6068cd2f85ee3baf054b20d7b5738d7421894f25', id: "ls-tooltip-master", tooltipText: "Something" })));
+            } }, this.label), this.redDot && (h("div", { key: '9d4834774b6bd44982f3a4b8e9a43695c119afbd', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: 'a2c311cdffd65861e0629f9fca541b4276131337', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: '0b598a9a37ecd85c8dea68ccd03917bc4321f065', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '7546842ee7d03ee8a532403dfcb457c9f405b1de', id: "ls-tooltip-master", tooltipText: "Something" })));
     }
     static get style() { return lsToolboxFieldCss; }
 }, [257, "ls-toolbox-field", {
@@ -140,6 +140,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsToolboxField as L, defineCustomElement as d };
-//# sourceMappingURL=p-COypjAnE.js.map
+//# sourceMappingURL=p-2R-Lmtr0.js.map
 
-//# sourceMappingURL=p-COypjAnE.js.map
+//# sourceMappingURL=p-2R-Lmtr0.js.map