legalesign-document-viewer 0.3.9 → 0.4.0

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

@@ -1,4 +1,4 @@
-import { L as LsEditorField$1, d as defineCustomElement$1 } from './p-BXwz1IB9.js';
+import { L as LsEditorField$1, d as defineCustomElement$1 } from './p-CIoxINZp.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-BKPLevlT.js';
+import { L as LsEditorTable$1, d as defineCustomElement$1 } from './p-D-yItxA4.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-IlkS4czy.js';
+import { L as LsFeatureColoumn, d as defineCustomElement$1 } from './p-CuyjSEEv.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-Djqb_4PL.js';
+import { L as LsFieldAlignment$1, d as defineCustomElement$1 } from './p-BUfnTaTZ.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-C_ajTjBp.js';
+import { L as LsFieldContent$1, d as defineCustomElement$1 } from './p-CUXWZqch.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-CWMW0nzH.js';
+import { L as LsFieldDimensions$1, d as defineCustomElement$1 } from './p-DCZnqvsu.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-sPfD2vzy.js';
+import { L as LsFieldDistribute$1, d as defineCustomElement$1 } from './p-BHQ0WY5x.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-CNX4llIr.js';
+import { L as LsFieldFooter$1, d as defineCustomElement$1 } from './p-B3axAGVs.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-CciiwtyT.js';
+import { L as LsFieldFormat$1, d as defineCustomElement$1 } from './p-cwpKMDgH.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-yu8Gmj9y.js';
+import { L as LsFieldPlacement$1, d as defineCustomElement$1 } from './p-BzY8ubZE.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-BvIKgXkH.js';
+import { L as LsFieldPropertiesAdvanced$1, d as defineCustomElement$1 } from './p-DGuG1Bmj.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-DkCVXmg3.js';
+import { L as LsFieldPropertiesAutosign$1, d as defineCustomElement$1 } from './p-CNc1l7mG.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-DfYmuFSx.js';
+import { L as LsFieldPropertiesContainer$1, d as defineCustomElement$1 } from './p-CaBVuofO.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-CVPhyCct.js';
+import { L as LsFieldPropertiesDate$1, d as defineCustomElement$1 } from './p-DrfpABSq.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-BXwz1IB9.js';
-import { d as defineCustomElement$d } from './p-C_ajTjBp.js';
-import { d as defineCustomElement$c } from './p-CWMW0nzH.js';
-import { d as defineCustomElement$b } from './p-CNX4llIr.js';
-import { d as defineCustomElement$a } from './p-yu8Gmj9y.js';
-import { d as defineCustomElement$9 } from './p-BvIKgXkH.js';
-import { d as defineCustomElement$8 } from './p-DfYmuFSx.js';
-import { d as defineCustomElement$7 } from './p-BCoqHTq9.js';
-import { d as defineCustomElement$6 } from './p-CWfyjOto.js';
-import { d as defineCustomElement$5 } from './p-gE1FA92I.js';
-import { d as defineCustomElement$4 } from './p-Dk00ccBn.js';
-import { d as defineCustomElement$3 } from './p-DZPnGx2N.js';
-import { d as defineCustomElement$2 } from './p-XkANRt3Q.js';
+import { d as defineCustomElement$e } from './p-CIoxINZp.js';
+import { d as defineCustomElement$d } from './p-CUXWZqch.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';
 
 const lsFieldPropertiesDropdownCss = ":host{display:block}";
 
@@ -23,7 +23,7 @@ const LsFieldPropertiesDropdown$1 = /*@__PURE__*/ proxyCustomElement(class LsFie
     }
     dataItem;
     render() {
-        return (h(Host, { key: 'c205e50348c57bcce7ae2ad52f32c042825c3bc9' }, h("ls-field-properties-container", { key: 'ab77b6522f4fd21adc65c2490906d5f40f432106', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '2a3acde05c571a7814492b9b9f0643406dece58b', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'a5244ad6be0ec95b141012896ba5b9e528fdcaf4', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f584a9b5b27cb38c3af0682833b761a591b2d1f4', dataItem: this.dataItem })), h("div", { key: 'e53bc67e7bb258016092185412ce5c7efa5d997b', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '666ba3ee948d1c1f67ecc51d6348b0e96b14cf10', dataItem: this.dataItem })), h("div", { key: '107f1265cea6ea2d9aef5c9b08ea11bdfb89bf08', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '10357639a406a7d0091e4114d582f4bf3c6a05ad', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e79eb42805233a06312aa7d5d78cac1fc627f3bf', dataItem: this.dataItem })));
+        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 })));
     }
     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-Ci_0K9c7.js';
+import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-DYB1QfP2.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-CfRbrh3V.js';
+import { L as LsFieldPropertiesFile$1, d as defineCustomElement$1 } from './p-CXoPln5K.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-DTIdDV9R.js';
+import { L as LsFieldPropertiesGeneral$1, d as defineCustomElement$1 } from './p-qC7H9a3g.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-BsPqJYcs.js';
+import { L as LsFieldPropertiesImage$1, d as defineCustomElement$1 } from './p-AZOh1kUH.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-BwSi2pdQ.js';
+import { L as LsFieldPropertiesMultiple$1, d as defineCustomElement$1 } from './p-jBcf1cHz.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-BeVxOHJR.js';
+import { L as LsFieldPropertiesNumber$1, d as defineCustomElement$1 } from './p-BvGLH5NQ.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-4H4163T0.js';
+import { L as LsFieldPropertiesSignature$1, d as defineCustomElement$1 } from './p-BmIVpWDh.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-B52ZaCFy.js';
+import { L as LsFieldPropertiesText$1, d as defineCustomElement$1 } from './p-U9xqUgfL.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-DzKH0pD-.js';
+import { L as LsFieldProperties$1, d as defineCustomElement$1 } from './p-BiG71xua.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-C7ohAVHE.js';
+import { L as LsFieldSize$1, d as defineCustomElement$1 } from './p-HB8K0xP0.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-BCoqHTq9.js';
+import { L as LsFieldTypeDisplay$1, d as defineCustomElement$1 } from './p-Cqxe6wZe.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-CWfyjOto.js';
-import { d as defineCustomElement$6 } from './p-CEc76IM2.js';
-import { d as defineCustomElement$5 } from './p-qx-naHxz.js';
-import { d as defineCustomElement$4 } from './p-DWIo_K0q.js';
-import { d as defineCustomElement$3 } from './p-DLxAjAd4.js';
-import { d as defineCustomElement$2 } from './p-h0r-SdI7.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';
 
 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";
 
@@ -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: '19aa13876ebe0c20b2ec0ec83c749e4119a8100e', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'e1dcf69ba8c3f9ec62376d9e303737eebf92da0a', class: "formfield-top-elements" }, h("div", { key: 'ea50d721ef6a77e7d67a7304cd758921cc3e1866', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '267f18033109fd18bbfef712471e5ce81f7351d1', name: labelIcon }), h("label", { key: '3a87fe6e53db73708040d03a8dd78758b89b1771', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: 'ea94d57fd409df19e6808fc94bbdabee51cf4410', 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: '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 ||
             count ||
             countMax ||
-            (descriptionText && (h("div", { key: '6a17a0eb6234a6beec0dda3e4ccd06a16d95b17f', 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: '3e579b2aee967c2a6ea6973926afa2f3a33535e1', class: "formfield-count-container" }, h("p", { key: 'c47b78ed6863386f9b933bde960c5252a2facca8', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '19fb3b5e4fb2467c6aae75c7f8c52802edc5229e', class: countClass }, h("p", { key: 'e68d2d8abb15be6b1f66fc085d8b5df73f083911' }, "/"), h("p", { key: '11d569dc63c78755822f54ab5c08fa63b898ce12' }, 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))))))))));
     }
     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-CdEPt9fv.js';
+import { L as LsHelperBar$1, d as defineCustomElement$1 } from './p-DZ_KhOns.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-CWfyjOto.js';
+import { L as LsIcon$1, d as defineCustomElement$1 } from './p-CtV1B-_5.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-gE1FA92I.js';
+import { L as LsInputWrapper$1, d as defineCustomElement$1 } from './p-NoKw4xu7.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-sqcHMrnp.js';
+import { L as LsKeyboardShortcuts$1, d as defineCustomElement$1 } from './p-DPVPaPb1.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-CEc76IM2.js';
+import { L as LsNumberInput$1, d as defineCustomElement$1 } from './p-B-j9D08q.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-DKbeIqEX.js';
+import { L as LsPageLoader$1, d as defineCustomElement$1 } from './p-raaSYxtA.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-BNC69LYf.js';
+import { L as LsParticipantCard$1, d as defineCustomElement$1 } from './p-CdFJ_FQz.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-C4YY0EyH.js';
+import { L as LsParticipantManager$1, d as defineCustomElement$1 } from './p-D-U9fbV-.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-Wuj0cujc.js';
+import { L as LsParticipantSelect$1, d as defineCustomElement$1 } from './p-DMgdq7Zj.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-Dk00ccBn.js';
+import { L as LsPropsSection$1, d as defineCustomElement$1 } from './p-DKcMRnoh.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-qx-naHxz.js';
+import { L as LsRadioInput$1, d as defineCustomElement$1 } from './p-9pxwrFws.js';
 
 const LsRadioInput = LsRadioInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-recipient-card.d.ts

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

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

@@ -0,0 +1,9 @@
+import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-CTP4wFFE.js';
+
+const LsRecipientCard = LsRecipientCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LsRecipientCard, defineCustomElement };
+//# sourceMappingURL=ls-recipient-card.js.map
+
+//# sourceMappingURL=ls-recipient-card.js.map

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

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

package/dist/components/ls-recipient-manager.d.ts

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

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

@@ -0,0 +1,9 @@
+import { L as LsRecipientManager$1, d as defineCustomElement$1 } from './p-DVtr8lsT.js';
+
+const LsRecipientManager = LsRecipientManager$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LsRecipientManager, defineCustomElement };
+//# sourceMappingURL=ls-recipient-manager.js.map
+
+//# sourceMappingURL=ls-recipient-manager.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { L as LsSelectInput$1, d as defineCustomElement$1 } from './p-DWIo_K0q.js';
+import { L as LsSelectInput$1, d as defineCustomElement$1 } from './p-Ji_SfsNu.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-Bv1FixGj.js';
+import { L as LsStatusbar$1, d as defineCustomElement$1 } from './p-BooZeojy.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-DLxAjAd4.js';
+import { L as LsTextInput$1, d as defineCustomElement$1 } from './p-B2TUFMT0.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-h0r-SdI7.js';
+import { L as LsTextareaInput$1, d as defineCustomElement$1 } from './p-CTGwIImt.js';
 
 const LsTextareaInput = LsTextareaInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-toggle.js

@@ -1,4 +1,4 @@
-import { L as LsToggle$1, d as defineCustomElement$1 } from './p-DZPnGx2N.js';
+import { L as LsToggle$1, d as defineCustomElement$1 } from './p-CrVSg3t4.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-IpGJwBtp.js';
+import { L as LsToolbar$1, d as defineCustomElement$1 } from './p-DUBoFEsx.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-ss92nJ6D.js';
+import { L as LsToolboxField$1, d as defineCustomElement$1 } from './p-CrXwf_vC.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-XkANRt3Q.js';
+import { L as LsTooltip$1, d as defineCustomElement$1 } from './p-DC0HL60H.js';
 
 const LsTooltip = LsTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-validation-manager.d.ts

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

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

@@ -0,0 +1,9 @@
+import { L as LsValidationManager$1, d as defineCustomElement$1 } from './p-C8TAonIH.js';
+
+const LsValidationManager = LsValidationManager$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LsValidationManager, defineCustomElement };
+//# sourceMappingURL=ls-validation-manager.js.map
+
+//# sourceMappingURL=ls-validation-manager.js.map

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

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

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

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

package/dist/components/{p-qx-naHxz.js → p-9pxwrFws.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-CEhCcP_A.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$1 } from './p-CWfyjOto.js';
+import { d as defineCustomElement$1 } from './p-CtV1B-_5.js';
 
 const lsRadioInputCss = ".radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}";
 
@@ -19,7 +19,7 @@ const LsRadioInput = /*@__PURE__*/ proxyCustomElement(class LsRadioInput extends
     render() {
         const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
         const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
-        return (h("label", { key: 'e7e8bafe15e29f9f8b78024f8921c445e3bfdc3f', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: 'baf93f6fa384dabba7151c9108e88b1a20d27b7b', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: '714f8c7c84c2e5b1a4af7d8e5433a25628468783', class: 'spanContainer' }, h("span", { key: 'c1eb6e3c43aa9d51a8bb17523e701a035b6bcb66' }, icon && h("ls-icon", { key: '742786b7193584666d255f2b82824935fbe41878', name: icon, size: "16" })), h("span", { key: 'dbaccc572cee54235321c7d4c0782f8313fb33ad' }, label))));
+        return (h("label", { key: '92e3bc9b5774de619922d43ef9c24ad7a43568c7', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '3e89bd9b39c9f37c156f17d42108bc788091ebcf', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'e3f1f7b06e8b81eee01d2ce4d674a7ff5c9c76a4', class: 'spanContainer' }, h("span", { key: '7170cb3702dbf2dc9bc07a67c4d91ebc9a8e30ea' }, icon && h("ls-icon", { key: '4de2c9271302dc11bdd6b35fd273b3c6a5b33b39', name: icon, size: "16" })), h("span", { key: '9ce53c08c5031725d09e2edb03660eac4aae9f16' }, label))));
     }
     static get style() { return lsRadioInputCss; }
 }, [256, "ls-radio-input", {
@@ -52,6 +52,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsRadioInput as L, defineCustomElement as d };
-//# sourceMappingURL=p-qx-naHxz.js.map
+//# sourceMappingURL=p-9pxwrFws.js.map
 
-//# sourceMappingURL=p-qx-naHxz.js.map
+//# sourceMappingURL=p-9pxwrFws.js.map

package/dist/components/{p-qx-naHxz.js.map → p-9pxwrFws.js.map}

@@ -1 +1 @@
-{"file":"p-qx-naHxz.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,qgCAAqgC;;MCShhC,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;AACf,IAAA,OAAO;AACP,IAAA,KAAK;AACL,IAAA,IAAI;IACJ,IAAI,GAAY,MAAM;IACtB,OAAO,GAAY,KAAK;IACxB,QAAQ,GAAa,KAAK;AAC1B,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,GACZ,GAAG,IAAI;AACR,QAAA,MAAM,eAAe,GAAG,IAAI,CAC1B,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,SAAS,CACrB;AAED,QAAA,QACE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,WAAW,EAAA,EAElB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,YAAY,EAClB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,IAAI,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAY,CAAQ,EAClE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,KAAK,CAAQ,CAChB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.css?tag=ls-radio-input","src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.tsx"],"sourcesContent":[".radioLabel{\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.5rem;\n  padding: 0.5rem 0.75rem;\n}\n\n.radioLabel.checked {\n  background-color: var(--primary-10);\n  border-color: var(--primary-20);\n  color: var(--primary-90)\n}\n\n.radioLabel:not(checked) {\n  color: var(--gray-90);\n  background-color: var(--gray-10);\n  border: 1px solid var(--gray-20);\n}\n\n.radioLabel.checked:hover {\n  border-color: var(--primary-30);\n  color: var(--primary-100);\n  \n}\n\n.radioLabel:not(.checked):not(.disabled):hover {\n  border-color: var(--gray-50);\n  color: var(--gray-100);\n}\n\n.radioLabel:focus:not(.disabled) {\n  box-shadow: var(--focus-box-shadow);\n  outline-offset: var(--focus-outline-offset);\n  outline: none;\n}\n\n.radioLabel.disabled {\n  cursor: not-allowed;\n}\n\n.radioLabel.disabled.checked {\n  background-color: var(--primary-10);\n  color: var(--primary-40);\n  border-color: var(--primary-40);\n}\n\n.radioLabel.disabled:not(.checked) {\n  background-color: var(--gray-10);\n  color: var(--gray-60);\n}\n\n.inputClass {\n  margin-top: 0px;\n}\n\n.inputClass:focus {\n  outline: none;\n}\n\n.inputClass:disabled {\n  cursor: not-allowed;\n}\n\n.spanContainer {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-radio-input',\n  styleUrl: 'ls-radio-input.css',\n  shadow: false,\n})\nexport class LsRadioInput {\n  @Prop() radioId: string;\n  @Prop() label: string;\n  @Prop() icon?: Icon;\n  @Prop() name?: string = 'name';\n  @Prop() checked: boolean = false;\n  @Prop() disabled?: boolean = false;\n  @Prop() customStyle?: { [key: string]: string };\n\n  render() {\n    const {\n      label,\n      radioId,\n      icon,\n      name,\n      disabled,\n      checked,\n      customStyle,\n    } = this;\n    const radioLabelClass = clsx(\n      'radioLabel',\n      disabled && 'disabled',\n      checked && 'checked',\n    );\n\n    return (\n      <label\n        htmlFor={radioId}\n        tabIndex={0}\n        class={radioLabelClass}\n        style={customStyle}\n      >\n        <input\n          type='radio'\n          class='inputClass'\n          id={radioId}\n          name={name}\n          value={label}\n          disabled={disabled}\n          tabIndex={0}\n          checked={checked}\n        />\n        <div class='spanContainer'>\n          <span>{icon && <ls-icon name={icon} size={\"16\"}></ls-icon>}</span>\n          <span>{label}</span>\n        </div>\n      </label>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-9pxwrFws.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,qgCAAqgC;;MCShhC,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;AACf,IAAA,OAAO;AACP,IAAA,KAAK;AACL,IAAA,IAAI;IACJ,IAAI,GAAY,MAAM;IACtB,OAAO,GAAY,KAAK;IACxB,QAAQ,GAAa,KAAK;AAC1B,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,GACZ,GAAG,IAAI;AACR,QAAA,MAAM,eAAe,GAAG,IAAI,CAC1B,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,SAAS,CACrB;AAED,QAAA,QACE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,WAAW,EAAA,EAElB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,YAAY,EAClB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,IAAI,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAY,CAAQ,EAClE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,KAAK,CAAQ,CAChB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.css?tag=ls-radio-input","src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.tsx"],"sourcesContent":[".radioLabel{\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.5rem;\n  padding: 0.5rem 0.75rem;\n}\n\n.radioLabel.checked {\n  background-color: var(--primary-10);\n  border-color: var(--primary-20);\n  color: var(--primary-90)\n}\n\n.radioLabel:not(checked) {\n  color: var(--gray-90);\n  background-color: var(--gray-10);\n  border: 1px solid var(--gray-20);\n}\n\n.radioLabel.checked:hover {\n  border-color: var(--primary-30);\n  color: var(--primary-100);\n  \n}\n\n.radioLabel:not(.checked):not(.disabled):hover {\n  border-color: var(--gray-50);\n  color: var(--gray-100);\n}\n\n.radioLabel:focus:not(.disabled) {\n  box-shadow: var(--focus-box-shadow);\n  outline-offset: var(--focus-outline-offset);\n  outline: none;\n}\n\n.radioLabel.disabled {\n  cursor: not-allowed;\n}\n\n.radioLabel.disabled.checked {\n  background-color: var(--primary-10);\n  color: var(--primary-40);\n  border-color: var(--primary-40);\n}\n\n.radioLabel.disabled:not(.checked) {\n  background-color: var(--gray-10);\n  color: var(--gray-60);\n}\n\n.inputClass {\n  margin-top: 0px;\n}\n\n.inputClass:focus {\n  outline: none;\n}\n\n.inputClass:disabled {\n  cursor: not-allowed;\n}\n\n.spanContainer {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-radio-input',\n  styleUrl: 'ls-radio-input.css',\n  shadow: false,\n})\nexport class LsRadioInput {\n  @Prop() radioId: string;\n  @Prop() label: string;\n  @Prop() icon?: Icon;\n  @Prop() name?: string = 'name';\n  @Prop() checked: boolean = false;\n  @Prop() disabled?: boolean = false;\n  @Prop() customStyle?: { [key: string]: string };\n\n  render() {\n    const {\n      label,\n      radioId,\n      icon,\n      name,\n      disabled,\n      checked,\n      customStyle,\n    } = this;\n    const radioLabelClass = clsx(\n      'radioLabel',\n      disabled && 'disabled',\n      checked && 'checked',\n    );\n\n    return (\n      <label\n        htmlFor={radioId}\n        tabIndex={0}\n        class={radioLabelClass}\n        style={customStyle}\n      >\n        <input\n          type='radio'\n          class='inputClass'\n          id={radioId}\n          name={name}\n          value={label}\n          disabled={disabled}\n          tabIndex={0}\n          checked={checked}\n        />\n        <div class='spanContainer'>\n          <span>{icon && <ls-icon name={icon} size={\"16\"}></ls-icon>}</span>\n          <span>{label}</span>\n        </div>\n      </label>\n    );\n  }\n}\n"],"version":3}