legalesign-document-viewer 0.4.4 → 0.4.6

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-6rlVwY5W.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-Nj0OCBoq.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-oiSMxbl6.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-DC1C7wSu.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-ByNRBaHk.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--zZz_own.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-DEWvb3CA.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-ecEYUtBb.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-CnzdsJ7f.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-DfaX9tao.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-Bk5EZZj6.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-Cjs9opNb.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-6rlVwY5W.js';
+import { d as defineCustomElement$d } from './p-DC1C7wSu.js';
+import { d as defineCustomElement$c } from './p-ByNRBaHk.js';
+import { d as defineCustomElement$b } from './p-DEWvb3CA.js';
+import { d as defineCustomElement$a } from './p-CnzdsJ7f.js';
+import { d as defineCustomElement$9 } from './p-DfaX9tao.js';
+import { d as defineCustomElement$8 } from './p-BSoZFh0I.js';
+import { d as defineCustomElement$7 } from './p-B4SrLUIV.js';
+import { d as defineCustomElement$6 } from './p-BQN3l4X7.js';
+import { d as defineCustomElement$5 } from './p-DeA6P5Nw.js';
+import { d as defineCustomElement$4 } from './p-C3Qs4SL0.js';
+import { d as defineCustomElement$3 } from './p-D3F0Jtj5.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-DSfRG8h-.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-CtqzTrW1.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-C5Wwr500.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-dMh2qwev.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-BE42_s-A.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-oLmlMT4P.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-C-jvthbB.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-Dgc5eQou.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-DUSbyLyO.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-CSShMZoN.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-B4SrLUIV.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-BQN3l4X7.js';
+import { d as defineCustomElement$6 } from './p-BQBNj3wS.js';
+import { d as defineCustomElement$5 } from './p-oKJS53QI.js';
+import { d as defineCustomElement$4 } from './p-Da5X5ldP.js';
+import { d as defineCustomElement$3 } from './p-CRFtX_Cr.js';
+import { d as defineCustomElement$2 } from './p-Dh7zFd1I.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-DKR6lJi9.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-BQN3l4X7.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-DeA6P5Nw.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-BQBNj3wS.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-Fw6kMqPe.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-Cwm6iZnk.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-8Uklt2-a.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-oKJS53QI.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-DMbfojtQ.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-dsAPfCxI.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-Da5X5ldP.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-Dr_eGXsl.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-CRFtX_Cr.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-Dh7zFd1I.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-Ba9CMqrU.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-D3F0Jtj5.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-zC7rIWhO.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-C7jd-O6l.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-CO-U7TRb.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-K67Z4FW4.js';
 
 const LsValidationTag = LsValidationTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-FjzffTyc.js → p--zZz_own.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CEhCcP_A.js';
-import { d as defineCustomElement$3, o as oob } from './p-C8ZQeYj-.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BnGihP6t.js';
+import { d as defineCustomElement$3, o as oob } from './p-6rlVwY5W.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-BQN3l4X7.js';
+import { d as defineCustomElement$1 } from './p-CwVY532N.js';
 
 const lsFieldDistributeCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:45px;max-height:18px;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)}";
 
@@ -11,8 +11,8 @@ const LsFieldDistribute = /*@__PURE__*/ proxyCustomElement(class LsFieldDistribu
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.mutate = createEvent(this, "mutate");
-        this.update = createEvent(this, "update");
+        this.mutate = createEvent(this, "mutate", 7);
+        this.update = createEvent(this, "update", 7);
     }
     dataItem;
     mutate;
@@ -151,15 +151,15 @@ const LsFieldDistribute = /*@__PURE__*/ proxyCustomElement(class LsFieldDistribu
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '59048599a1e37b88e7badb22082e6e6081a8b111' }, h("div", { key: 'c4031a27356d60ce690bea54743898deea973bb8', class: 'ls-field-properties-section' }, h("div", { key: 'f85a158b0b80b2606daac10a10da18f5ea67c3bf', class: 'ls-field-properties-section-text' }, h("p", { key: '1222eb8d6d940d3bec5927ad7ad969a390dde235', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'f8ad9958b46185515711d032e2acd7e9903e0b54', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '8d2d50a1e516ac954017ea13a630a11e3e676df5', class: 'button-group' }, h("button", { key: '382a8695ddb78b177d10389f4d096892eb24d2e2', onClick: () => {
+        return (h(Host, { key: 'e609fa9e40889179615dd0994c6b60633a650e08' }, h("div", { key: '9bd095b900e305b7622f0973fdbfce980343970b', class: 'ls-field-properties-section' }, h("div", { key: '216b665c83f42a879b8dd2d0533080811e7feee2', class: 'ls-field-properties-section-text' }, h("p", { key: 'bf614585ce212feea625cfe2afe271e3dfb3dd61', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'a96e61b2016feb32ee68720bdd4da5e2b6b44c94', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'b717e2acebf9794fdf294bbaab1d47bff20523ee', class: 'button-group' }, h("button", { key: 'c51308c1daf5793770cead8f2f9997406b3d5a43', onClick: () => {
                 this.distributeVertical();
-            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '7ddc6ac479e424277332f90b384870628b90158a', name: "field-distribute-vertically" })), h("button", { key: '8ab9a9a772ca63f73d28407d2ef35ca1d4e86b3c', onClick: () => {
+            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '0a6852f37bdacd568ff4b9595d55fa8ce6a0f820', name: "field-distribute-vertically" })), h("button", { key: '2587d0c9e87765c4aef7a1d94f4003729eac7d9c', onClick: () => {
                 this.distributeHorizontal();
-            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '4f91aecee5ec3230176e61b791771f4fa4b8524a', name: "field-distribute-horizontally" })))), h("div", { key: '2ad325847587990f8280456373cd94bfa0bf4890', class: 'ls-field-properties-section' }, h("div", { key: '59fcde4b64e86eeeece1f9a2e69a360d3762e23f', class: 'ls-field-properties-section-text' }, h("p", { key: '5ab744d8783ba4eaf86aee1575341325dea435ce', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '58cc8ce5cb15a81383d37c78914927dea4982c42', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '16f31fdfdbf4fd051d776da9196e613ec343f9fb', class: 'input-row' }, h("div", { key: 'd08f3225de705e36f3aec87405ac7de020b138a0', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '860b1bda1c40824cb8b5fec757f626677760e5c0', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: '94b41cb6ca0c4c9312a206f94c81039d361079e8', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
+            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '97fdb980861622cdde04e34b632c69e7b6d701d1', name: "field-distribute-horizontally" })))), h("div", { key: '9242167e2f2770f72d931aa9bd1befdba1154d0a', class: 'ls-field-properties-section' }, h("div", { key: 'c19451338fdbc1691f8999462bcb68494d282f0b', class: 'ls-field-properties-section-text' }, h("p", { key: 'c3c492e747cb79ce80abc29edca0b2d9f6416870', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '4c36b3a346d322d52713b2bd576cd653f5eb535a', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '8c161810aaf366e8e34080a8214d0851edf4e042', class: 'input-row' }, h("div", { key: '199f11fa50657c258b62e285f59a861381f0140c', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '684ff4ae3e551819f1e0fbbd38dcff5c4ada7bf9', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: 'a8e007de6b1d39aab12ed5d00e3547914b276e6e', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
                 this.gapVertical(parseInt(e.target.value));
-            }, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: 'e5ad73ae44a263aacebf207ad2d84401b0c9b4a3', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: '4a716b0aa37048e1086f52242da95dd33499ae8c', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: '3ce5e41259cbfc38fcf528e324a8771630d92a9d', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
+            }, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '4c1a5f93be77a515548a7b188754fa8d7fce6c7b', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: 'd5f9b3f19a80310ded792b9298e556dfc126d526', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: 'd38b4475ef2252ee154afdbffdb7cfdc21b98bd5', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
                 this.gapHorizontal(parseInt(e.target.value));
-            }, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '31b08e72a9d47b65ba78fa9b631e154342956f3c', id: "ls-tooltip-master" }), h("slot", { key: '7e5507606832d343a15f11d8a7cc5ebcce0aff7f' })));
+            }, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '517251c8fe81db16a4b65aa9129e6f7b9715e6e6', id: "ls-tooltip-master" }), h("slot", { key: '377fb518aba986f087af436e64fb4c9eb76cb4fe' })));
     }
     static get style() { return lsFieldDistributeCss; }
 }, [257, "ls-field-distribute", {
@@ -196,6 +196,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldDistribute as L, defineCustomElement as d };
-//# sourceMappingURL=p-FjzffTyc.js.map
+//# sourceMappingURL=p--zZz_own.js.map
 
-//# sourceMappingURL=p-FjzffTyc.js.map
+//# sourceMappingURL=p--zZz_own.js.map