legalesign-document-viewer 0.9.7 → 0.9.9

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

@@ -1,4 +1,4 @@
-import { L as LsEditorField$1, d as defineCustomElement$1 } from './p-LsRvuNhk.js';
+import { L as LsEditorField$1, d as defineCustomElement$1 } from './p-nI-Ai-EP.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-BuAA5rzh.js';
+import { L as LsEditorTable$1, d as defineCustomElement$1 } from './p-4ZzOgvxr.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-ubk149vz.js';
+import { L as LsFeatureColoumn, d as defineCustomElement$1 } from './p-RsH48e52.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-BwFteKUm.js';
+import { L as LsFieldAlignment$1, d as defineCustomElement$1 } from './p-C875TNEf.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-CbC-aTzj.js';
+import { L as LsFieldContent$1, d as defineCustomElement$1 } from './p-mlgxtxvQ.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-DhSQ43wj.js';
+import { L as LsFieldDimensions$1, d as defineCustomElement$1 } from './p-CjyuB3m8.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-AOEX3hUX.js';
+import { L as LsFieldDistribute$1, d as defineCustomElement$1 } from './p-Bvtx16Bo.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-BvxhmYtv.js';
+import { L as LsFieldFooter$1, d as defineCustomElement$1 } from './p-DbfkETsr.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-BK_zV12S.js';
+import { L as LsFieldFormat$1, d as defineCustomElement$1 } from './p-Be5CKqu1.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-CT3XMXW6.js';
+import { L as LsFieldPlacement$1, d as defineCustomElement$1 } from './p-Cxl5cc-7.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-BlbYremm.js';
+import { L as LsFieldPropertiesAdvanced$1, d as defineCustomElement$1 } from './p-CdThcAPH.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-3NwX2usU.js';
+import { L as LsFieldPropertiesAutosign$1, d as defineCustomElement$1 } from './p-rw74yErL.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-Cgka-t2t.js';
+import { L as LsFieldPropertiesContainer$1, d as defineCustomElement$1 } from './p-csQ0C6zE.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-CFozLtG0.js';
+import { L as LsFieldPropertiesDate$1, d as defineCustomElement$1 } from './p-ChxQBrfn.js';
 
 const LsFieldPropertiesDate = LsFieldPropertiesDate$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,17 +1,17 @@
 import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$e } from './p-LsRvuNhk.js';
-import { d as defineCustomElement$d } from './p-CbC-aTzj.js';
-import { d as defineCustomElement$c } from './p-DhSQ43wj.js';
-import { d as defineCustomElement$b } from './p-BvxhmYtv.js';
-import { d as defineCustomElement$a } from './p-CT3XMXW6.js';
-import { d as defineCustomElement$9 } from './p-BlbYremm.js';
-import { d as defineCustomElement$8 } from './p-Cgka-t2t.js';
-import { d as defineCustomElement$7 } from './p-DOn32rOe.js';
-import { d as defineCustomElement$6 } from './p-CQL30SR-.js';
-import { d as defineCustomElement$5 } from './p-VCYab8gJ.js';
-import { d as defineCustomElement$4 } from './p-IdvWNLco.js';
-import { d as defineCustomElement$3 } from './p-DLZDxSn0.js';
-import { d as defineCustomElement$2 } from './p-EiDqqBpE.js';
+import { d as defineCustomElement$e } from './p-nI-Ai-EP.js';
+import { d as defineCustomElement$d } from './p-mlgxtxvQ.js';
+import { d as defineCustomElement$c } from './p-CjyuB3m8.js';
+import { d as defineCustomElement$b } from './p-DbfkETsr.js';
+import { d as defineCustomElement$a } from './p-Cxl5cc-7.js';
+import { d as defineCustomElement$9 } from './p-CdThcAPH.js';
+import { d as defineCustomElement$8 } from './p-csQ0C6zE.js';
+import { d as defineCustomElement$7 } from './p-CPAt_lYg.js';
+import { d as defineCustomElement$6 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$5 } from './p-BPU5lYEx.js';
+import { d as defineCustomElement$4 } from './p-D_vziSXg.js';
+import { d as defineCustomElement$3 } from './p-DW3YwzWQ.js';
+import { d as defineCustomElement$2 } from './p-r-WjsApf.js';
 
 const lsFieldPropertiesDropdownCss = () => `:host{display:block}`;
 
@@ -25,7 +25,7 @@ const LsFieldPropertiesDropdown$1 = /*@__PURE__*/ proxyCustomElement(class LsFie
     }
     dataItem;
     render() {
-        return (h(Host, { key: '69afc96519158213ff1e9f7bc922ad282940a847' }, h("ls-field-properties-container", { key: '06ba4126691fae21dfdd53ce3c129b2c2cd0e938', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '2efb9e2de4f6d0a047a615831d6182ed9d507c7a', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2e3149c7338e5107461242cf81af0c73b7550007', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '226ddbf19da44a3d7981e2165266e9600c3fb3af', dataItem: this.dataItem })), h("div", { key: '2c1cad1572e51ce02208d26d59a8563122f6dbd7', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f4df7d01d1ad657ea1586da78fed948f4a2d8f86', dataItem: this.dataItem })), h("div", { key: '6627c5b29815cce7bf285e2ac5363a51ae37f013', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'c55b809f4693a8834d85e67d3a0d3f9874675d27', dataItem: this.dataItem }))), h("ls-field-footer", { key: '7061bb4d8061508b41afe44f452467e7795aaeac', dataItem: this.dataItem })));
+        return (h(Host, { key: '30e9fb15cfd008fd05e7e5fa67c57e442114c19b' }, h("ls-field-properties-container", { key: '0c6da6b1ac81a537be6c459b2ec1763cf58a6fc5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '773bede0b3f7d8e928e200b4c789c172ccc72019', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'af64ea7be91aaff6375e6d4d7b5aa4b8f73cd95d', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '0c046d605e52d018c3e87d18bc0e35171cc68f6b', dataItem: this.dataItem })), h("div", { key: '7d9b1aa8014051cd2508667c5c0b67c47a3c6eb7', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '37d29f71fc9e954dd85e959e01d50aac44bc6de5', dataItem: this.dataItem })), h("div", { key: '0e088618cdb292d4c752e13268c55a729d0719cf', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '9d329f71ec136abe9eb7b5417ca271eb409c77ce', dataItem: this.dataItem }))), h("ls-field-footer", { key: '51d1b09e5a22557bca2cbd3f52e1b81bc02ba324', dataItem: this.dataItem })));
     }
     static get style() { return lsFieldPropertiesDropdownCss(); }
 }, [769, "ls-field-properties-dropdown", {

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

@@ -1 +1 @@
-{"file":"ls-field-properties-dropdown.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,oBAAoB,CAAC;;MCQpDA,2BAAyB,iBAAAC,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,SAAS,EAAA,EACrC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,EAAA,EACxC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,WAAW,EAAA,EACvC,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsFieldPropertiesDropdown","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.css?tag=ls-field-properties-dropdown&encapsulation=shadow","src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-dropdown',\n  styleUrl: 'ls-field-properties-dropdown.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesDropdown {\n  @Prop() dataItem: LSApiElement;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} />\n            <ls-field-properties-advanced dataItem={this.dataItem} />\n          </div>\n          <div class={'field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} />\n          </div>\n          <div class={'field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"ls-field-properties-dropdown.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,oBAAoB,CAAC;;MCQpDA,2BAAyB,iBAAAC,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsFieldPropertiesDropdown","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.css?tag=ls-field-properties-dropdown&encapsulation=shadow","src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-dropdown',\n  styleUrl: 'ls-field-properties-dropdown.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesDropdown {\n  @Prop() dataItem: LSApiElement;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} />\n            <ls-field-properties-advanced dataItem={this.dataItem} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} />\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-CNG_YE4L.js';
+import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-CdWpDwHq.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-DwpENz_F.js';
+import { L as LsFieldPropertiesFile$1, d as defineCustomElement$1 } from './p-DULymkT9.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-Rnmk1CqZ.js';
+import { L as LsFieldPropertiesGeneral$1, d as defineCustomElement$1 } from './p-D4TN_vTG.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-DET7mO8t.js';
+import { L as LsFieldPropertiesImage$1, d as defineCustomElement$1 } from './p-YLs5dFjd.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-0Sscmvi5.js';
+import { L as LsFieldPropertiesMultiple$1, d as defineCustomElement$1 } from './p-BzPeOeYU.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-BOB6nH9k.js';
+import { L as LsFieldPropertiesNumber$1, d as defineCustomElement$1 } from './p-2-WpcyBs.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-Dob20T4O.js';
+import { L as LsFieldPropertiesSignature$1, d as defineCustomElement$1 } from './p-DuZQc5pI.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-BGqmdXkA.js';
+import { L as LsFieldPropertiesText$1, d as defineCustomElement$1 } from './p-BRnLu4rA.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-CnuQZry1.js';
+import { L as LsFieldProperties$1, d as defineCustomElement$1 } from './p-wzFlqO4T.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-DX2yeFia.js';
+import { L as LsFieldSize$1, d as defineCustomElement$1 } from './p-DraXDtkk.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-DOn32rOe.js';
+import { L as LsFieldTypeDisplay$1, d as defineCustomElement$1 } from './p-CPAt_lYg.js';
 
 const LsFieldTypeDisplay = LsFieldTypeDisplay$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-formfield.js

@@ -1,31 +1,31 @@
 import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$7 } from './p-CQL30SR-.js';
-import { d as defineCustomElement$6 } from './p-B-RwOJ_z.js';
-import { d as defineCustomElement$5 } from './p-Czlhifa9.js';
-import { d as defineCustomElement$4 } from './p-BXX53GUa.js';
-import { d as defineCustomElement$3 } from './p-C1lq1seH.js';
-import { d as defineCustomElement$2 } from './p-C18kpKfR.js';
+import { d as defineCustomElement$7 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$6 } from './p-CqF01yge.js';
+import { d as defineCustomElement$5 } from './p-FDtrmHYM.js';
+import { d as defineCustomElement$4 } from './p-BOvWRoFz.js';
+import { d as defineCustomElement$3 } from './p-DU0ZJ5hK.js';
+import { d as defineCustomElement$2 } from './p-Be6KwRjh.js';
 
 const lsFormfieldCss = () => `* {
   box-sizing: border-box;
   margin: 0;
 }
 
-.formfield-host {
+.ls-dv-formfield-host {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   width: 100%;
 }
 
-.formfield-top-elements {
+.ls-dv-formfield-top-elements {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0 0.125rem;
 }
 
-.formfield-left-side {
+.ls-dv-formfield-left-side {
   display: flex;
   align-items: center;
   width: 100%;
@@ -35,7 +35,7 @@ const lsFormfieldCss = () => `* {
     color: var(--gray-80, #787A80);
   }
 
-  .formfield-label {
+  .ls-dv-formfield-label {
     color: var(--gray-100, #45484D);
     /* text-base/leading-6/font-medium */
     font-size: 1rem;
@@ -45,7 +45,7 @@ const lsFormfieldCss = () => `* {
   }
 }
 
-.formfield-bottom-elements {
+.ls-dv-formfield-bottom-elements {
   position: relative;
   min-height: 1rem;
   display: flex;
@@ -55,7 +55,7 @@ const lsFormfieldCss = () => `* {
   padding: 0 0.125rem;
 }
 
-.formfield-description-text {
+.ls-dv-formfield-description-text {
   color: var(--Grey-80, #6C6E73);
   width: 100%;
   /* text-xs/leading-4/font-light */
@@ -65,7 +65,7 @@ const lsFormfieldCss = () => `* {
   line-height: 1rem; /* 133.333% */
 }
 
-.formfield-error-text {
+.ls-dv-formfield-error-text {
   color: var(--red-70, #DC2721);
   width: 100%;
   /* text-xs/leading-4/font-light */
@@ -75,7 +75,7 @@ const lsFormfieldCss = () => `* {
   line-height: 1rem; /* 133.333% */
 }
 
-.formfield-count-container {
+.ls-dv-formfield-count-container {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -89,14 +89,14 @@ const lsFormfieldCss = () => `* {
   text-align: right;
 }
 
-.formfield-count {
+.ls-dv-formfield-count {
   display: flex;
   align-items: center;
   color: var(--Grey-70, #6C6E73);
   gap: 0.125rem;
 }
 
-.formfield-count-error {
+.ls-dv-formfield-count-error {
   display: flex;
   align-items: center;
   gap: 0.125rem;
@@ -151,11 +151,11 @@ 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: '0a2bafe77f859bdb7e4fa672212dfe40aaeee59a', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'b2f8613eb672acc65a3db47254b879a88eb06f45', class: "formfield-top-elements" }, h("div", { key: 'ec1d8bb4d57723c4f0c56db6c7b6c1909602c969', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '1dfd307f162b238d23b2bcc6e353b59a28c45ce2', name: labelIcon }), h("label", { key: 'de3946135d7a099f746e82f9b88d37522985e9da', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: 'a860894077d14c0aca5cc0546c4263efd489cecd', 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 ||
+        const countClass = value && value.toString().length > countMax ? 'ls-dv-formfield-count-error' : 'ls-dv-formfield-count';
+        return (h("host", { key: '5d9445d4556112cc8542b457c3f39ec3430a41fd', class: "ls-dv-formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '9314e8276982e8cb0d3e305056403a8600275c33', class: "ls-dv-formfield-top-elements" }, h("div", { key: '5d371099ffb4597b8ec1badd1c3ceab024251bd9', class: "ls-dv-formfield-left-side" }, labelIcon && h("ls-icon", { key: '692a55503bd380727e53e45d5835a5696f668595', name: labelIcon }), h("label", { key: '2cc8ff7f286de0e61028034b08e2ec3306f670e3', htmlFor: name, class: "ls-dv-formfield-label" }, label), infoTooltipText && h("ls-icon", { key: 'd154b347bcd9d5c50c218cf8f72c6bdeae93754b', 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: 'ac5661b96439fad43167fc55c1d7993834aad073', 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: '751feb6bf225c49f3c4a6af11210ecae5d20b599', class: "formfield-count-container" }, h("p", { key: '65768f7211e0f157d6e144eca6e005e599f08255', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '49eadb78f447b1b60684eabf8504fdfba8bd9f41', class: countClass }, h("p", { key: 'c0e437c0b1e314b66e02c43a8d663e7b13be641d' }, "/"), h("p", { key: 'f395471b222fb8758275f4869030ba40fd95721d' }, countMax))))))))));
+            (descriptionText && (h("div", { key: '94f9f2f6a4b67a88efeeb4edc4eb7bed88bc1bd4', class: "ls-dv-formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "ls-dv-formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "ls-dv-formfield-description-text" }, descriptionText) : '', count && (h("div", { key: '1792aab916e2bc1e8f0fa2ac33c0b6ff13d87f65', class: "ls-dv-formfield-count-container" }, h("p", { key: '7ffa04133970917161b13852b888641c5ec43e68', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '03d443e673d38595ddd2ecabf4dac87fc3bdfe96', class: countClass }, h("p", { key: '6c68bf7d277d4bb0c1122d12941e6732eee41521' }, "/"), h("p", { key: '7ac13b05c2ac71b30bbef5fca017d5fb2847f6d1' }, countMax))))))))));
     }
     static get watchers() { return {
         "value": ["valueWatcher"]

package/dist/components/ls-formfield.js.map

@@ -1 +1 @@
-{"file":"ls-formfield.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC;AAC9B;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA,CAAC;;MCzFYA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACd,IAAA,IAAI;AACJ,IAAA,OAAO;AACP,IAAA,KAAK;IACL,EAAE,GAAsF,MAAM;AAC7E,IAAA,KAAK;AACtB,IAAA,WAAW;AACX,IAAA,eAAe;AACf,IAAA,SAAS;AACT,IAAA,IAAI;AACJ,IAAA,QAAQ;AACR,IAAA,eAAe;AACf,IAAA,gBAAgB;AAChB,IAAA,QAAQ;IACR,UAAU,GAAqC,MAAM;AACrD,IAAA,QAAQ;AACR,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,QAAQ;AACR,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,SAAS;AACT,IAAA,SAAS;AACD,IAAA,WAAW;AAE3B,IAAA,aAAa,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGrB,IAAA,MAAM;AAGf,IAAA,YAAY,CAAC,QAAgB,EAAA;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAG,QAAQ;AACtB,QAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;;IAGvB,iBAAiB,GAAA;QACf,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;IAG5C,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,EAAE,EACF,KAAK,EACL,WAAW,EACX,eAAe,EACf,SAAS,EACT,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GACV,GAAG,IAAI;QAER,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,uBAAuB,GAAG,iBAAiB;AAE5G,QAAA,QACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gBAAgB,EAAA,EACzB,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,UAAU,KAAK,MAAM,KACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC7B,SAAS,IAAI,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,SAAS,EAAY,CAAA,EAClD,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAC,iBAAiB,EAC1C,EAAA,KAAK,CACA,EACP,eAAe,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,oBAAoB,GAAY,CAC/D,EAEL,UAAU,KAAK,UAAU,IACxB,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAY,IAC5D,UAAU,KAAK,UAAU,IAC3B,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAY,CAAA,KAE9D,EAAE,CACH,CACG,CACP,EACA,EAAE,KAAK,MAAM,IACZ,CACE,CAAA,eAAA,EAAA,EAAA,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACZ,YAAA,EAAA,IAAI,EAChB,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,CAAC,CAAC,KAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA,EAAC,EACrC,CAAA,IACf,EAAE,KAAK,QAAQ,IACjB,CACE,CAAA,iBAAA,EAAA,EAAA,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EAAA,YAAA,EACE,IAAI,EAChB,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EAAA,EAEpB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACG,IAChB,EAAE,KAAK,OAAO,IAChB,CAAA,CAAA,gBAAA,EAAA,EAAgB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC3G,EAAE,KAAK,UAAU,IACnB,CAAA,CAAA,mBAAA,EAAA,EACE,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,gBACZ,IAAI,EAChB,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,CAAA,IACA,EAAE,KAAK,UAAU,IACnB,qBACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,YAAA,EACZ,IAAI,EAChB,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,IACA,EAAE,KAAK,aAAa,IACtB,CAAA,CAAA,eAAA,EAAA,EACE,IAAI,EAAC,aAAa,EAClB,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,YAAA,EACZ,IAAI,EAChB,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,IACA,EAAE,KAAK,QAAQ,IACjB,CAAA,CAAA,iBAAA,EAAA,EACE,IAAI,EAAC,IAAI,EACT,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACZ,YAAA,EAAA,IAAI,EAChB,QAAQ,EAAE,UAAU,KAAK,UAAU,EACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,KAEF,2BAAkB,CACnB,EACA,SAAS;YACR,KAAK;YACL,QAAQ;AACR,aAAC,eAAe,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACnC,SAAS,IAAI,CAAC,KAAK,GAAG,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,SAAS,CAAK,GAAG,eAAe,GAAG,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,4BAA4B,EAAA,EAAE,eAAe,CAAK,GAAG,EAAE,EAC1J,KAAK,KACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,EAAG,EAAA,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,CAAK,EACpD,QAAQ,GAAG,CAAC,KACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,EAAA,EACpB,CAAQ,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,GAAA,CAAA,EACR,CAAI,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,QAAQ,CAAK,CACb,CACP,CACG,CACP,CACG,CACP,CAAC,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["LsFormfield","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/ls-formfield.css?tag=ls-formfield","src/components/ls-formfield/ls-formfield.tsx"],"sourcesContent":["* {\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","import { Component, Prop, h, Event as StencilEvent, EventEmitter  } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { State, Watch } from '@stencil/core/internal';\n\n@Component({\n  tag: 'ls-formfield',\n  styleUrl: 'ls-formfield.css',\n  shadow: false,\n})\nexport class LsFormfield {\n  @Prop() name: string;\n  @Prop() fieldId: string;\n  @Prop() label?: string;\n  @Prop() as?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly' = 'text';\n  @Prop({ mutable: true }) value?: string | number;\n  @Prop() placeholder?: string;\n  @Prop() descriptionText?: string;\n  @Prop() errorText?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() infoTooltipText?: string;\n  @Prop() hoverTooltipText?: string;\n  @Prop() disabled: boolean;\n  @Prop() extraLabel: 'optional' | 'required' | 'none' = 'none';\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() count: boolean;\n  @Prop() countMax?: number;\n  @Prop() buttonClick?: () => void;\n  @Prop() buttonIcon?: Icon;\n  @Prop() labelIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n  @StencilEvent() valueChange: EventEmitter<string>;\n\n  changeHandler(value: string) {\n    this.valueChange.emit(value);\n  }\n\n  @State() _value: string;\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    this._value = newValue;\n    console.log(newValue)\n  }\n\n  componentWillLoad() {\n    this.valueWatcher(this?.value?.toString());\n  }\n\n  render() {\n    const {\n      name,\n      fieldId,\n      label,\n      as,\n      value,\n      placeholder,\n      descriptionText,\n      errorText,\n      aria,\n      infoTooltipText,\n      disabled,\n      extraLabel,\n      valid,\n      dirty,\n      count,\n      countMax,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n      labelIcon,\n    } = this;\n\n    const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';\n\n    return (\n      <host class=\"formfield-host\">\n        {label?.length > 1 || extraLabel !== 'none' && (\n          <div class=\"formfield-top-elements\">\n            <div class=\"formfield-left-side\">\n              {labelIcon && <ls-icon name={labelIcon}></ls-icon>}\n              <label htmlFor={name} class=\"formfield-label\">\n                {label}\n              </label>\n              {infoTooltipText && <ls-icon name={'information-circle'}></ls-icon>}\n            </div>\n\n            {extraLabel === 'optional' ? (\n              <ls-label text=\"Optional\" colour=\"gray\" type=\"low\"></ls-label>\n            ) : extraLabel === 'required' ? (\n              <ls-label text=\"Required\" colour=\"gray\" type=\"low\"></ls-label>\n            ) : (\n              ''\n            )}\n          </div>\n        )}\n        {as === 'text' ? (\n          <ls-text-input\n            id={fieldId}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n            onValueChange={(e) => {this.changeHandler(e.detail)}}\n          ></ls-text-input>\n        ) : as === 'select' ? (\n          <ls-select-input\n            id={name}\n            name={name}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          >\n            <slot></slot>\n          </ls-select-input>\n        ) : as === 'radio' ? (\n          <ls-radio-input radioId={label} label={value?.toString()} icon={fieldIcon} name={name} disabled={disabled} />\n        ) : as === 'textarea' ? (\n          <ls-textarea-input\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'password' ? (\n          <ls-text-input\n            type=\"password\"\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'displayonly' ? (\n          <ls-text-input\n            type=\"displayonly\"\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'number' ? (\n          <ls-number-input\n            type=\"ls\"\n            id={name}\n            name={name}\n            value={Number(value)}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : (\n          <p>placeholder</p>\n        )}\n        {errorText ||\n          count ||\n          countMax ||\n          (descriptionText && (\n            <div class=\"formfield-bottom-elements\">\n              {errorText && !valid ? <p class=\"formfield-error-text\">{errorText}</p> : descriptionText ? <p class=\"formfield-description-text\">{descriptionText}</p> : ''}\n              {count && (\n                <div class=\"formfield-count-container\">\n                  <p class={countClass}>{value?.toString()?.length}</p>\n                  {countMax > 0 && (\n                    <div class={countClass}>\n                      <p>/</p>\n                      <p>{countMax}</p>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          ))}\n      </host>\n    );\n  }\n}\n"],"version":3}
+{"file":"ls-formfield.js","mappings":"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","names":["LsFormfield","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/ls-formfield.css?tag=ls-formfield","src/components/ls-formfield/ls-formfield.tsx"],"sourcesContent":["* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.ls-dv-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  .ls-dv-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.ls-dv-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.ls-dv-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.ls-dv-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.ls-dv-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.ls-dv-formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.ls-dv-formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n","import { Component, Prop, h, Event as StencilEvent, EventEmitter  } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { State, Watch } from '@stencil/core/internal';\n\n@Component({\n  tag: 'ls-formfield',\n  styleUrl: 'ls-formfield.css',\n  shadow: false,\n})\nexport class LsFormfield {\n  @Prop() name: string;\n  @Prop() fieldId: string;\n  @Prop() label?: string;\n  @Prop() as?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly' = 'text';\n  @Prop({ mutable: true }) value?: string | number;\n  @Prop() placeholder?: string;\n  @Prop() descriptionText?: string;\n  @Prop() errorText?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() infoTooltipText?: string;\n  @Prop() hoverTooltipText?: string;\n  @Prop() disabled: boolean;\n  @Prop() extraLabel: 'optional' | 'required' | 'none' = 'none';\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() count: boolean;\n  @Prop() countMax?: number;\n  @Prop() buttonClick?: () => void;\n  @Prop() buttonIcon?: Icon;\n  @Prop() labelIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n  @StencilEvent() valueChange: EventEmitter<string>;\n\n  changeHandler(value: string) {\n    this.valueChange.emit(value);\n  }\n\n  @State() _value: string;\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    this._value = newValue;\n    console.log(newValue)\n  }\n\n  componentWillLoad() {\n    this.valueWatcher(this?.value?.toString());\n  }\n\n  render() {\n    const {\n      name,\n      fieldId,\n      label,\n      as,\n      value,\n      placeholder,\n      descriptionText,\n      errorText,\n      aria,\n      infoTooltipText,\n      disabled,\n      extraLabel,\n      valid,\n      dirty,\n      count,\n      countMax,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n      labelIcon,\n    } = this;\n\n    const countClass = value && value.toString().length > countMax ? 'ls-dv-formfield-count-error' : 'ls-dv-formfield-count';\n\n    return (\n      <host class=\"ls-dv-formfield-host\">\n        {label?.length > 1 || extraLabel !== 'none' && (\n          <div class=\"ls-dv-formfield-top-elements\">\n            <div class=\"ls-dv-formfield-left-side\">\n              {labelIcon && <ls-icon name={labelIcon}></ls-icon>}\n              <label htmlFor={name} class=\"ls-dv-formfield-label\">\n                {label}\n              </label>\n              {infoTooltipText && <ls-icon name={'information-circle'}></ls-icon>}\n            </div>\n\n            {extraLabel === 'optional' ? (\n              <ls-label text=\"Optional\" colour=\"gray\" type=\"low\"></ls-label>\n            ) : extraLabel === 'required' ? (\n              <ls-label text=\"Required\" colour=\"gray\" type=\"low\"></ls-label>\n            ) : (\n              ''\n            )}\n          </div>\n        )}\n        {as === 'text' ? (\n          <ls-text-input\n            id={fieldId}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n            onValueChange={(e) => {this.changeHandler(e.detail)}}\n          ></ls-text-input>\n        ) : as === 'select' ? (\n          <ls-select-input\n            id={name}\n            name={name}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          >\n            <slot></slot>\n          </ls-select-input>\n        ) : as === 'radio' ? (\n          <ls-radio-input radioId={label} label={value?.toString()} icon={fieldIcon} name={name} disabled={disabled} />\n        ) : as === 'textarea' ? (\n          <ls-textarea-input\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'password' ? (\n          <ls-text-input\n            type=\"password\"\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'displayonly' ? (\n          <ls-text-input\n            type=\"displayonly\"\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'number' ? (\n          <ls-number-input\n            type=\"ls\"\n            id={name}\n            name={name}\n            value={Number(value)}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : (\n          <p>placeholder</p>\n        )}\n        {errorText ||\n          count ||\n          countMax ||\n          (descriptionText && (\n            <div class=\"ls-dv-formfield-bottom-elements\">\n              {errorText && !valid ? <p class=\"ls-dv-formfield-error-text\">{errorText}</p> : descriptionText ? <p class=\"ls-dv-formfield-description-text\">{descriptionText}</p> : ''}\n              {count && (\n                <div class=\"ls-dv-formfield-count-container\">\n                  <p class={countClass}>{value?.toString()?.length}</p>\n                  {countMax > 0 && (\n                    <div class={countClass}>\n                      <p>/</p>\n                      <p>{countMax}</p>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          ))}\n      </host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { L as LsHelperBar$1, d as defineCustomElement$1 } from './p-DFXzftOm.js';
+import { L as LsHelperBar$1, d as defineCustomElement$1 } from './p-Cy48WN3f.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-CQL30SR-.js';
+import { L as LsIcon$1, d as defineCustomElement$1 } from './p-C6Xh997j.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-VCYab8gJ.js';
+import { L as LsInputWrapper$1, d as defineCustomElement$1 } from './p-BPU5lYEx.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-DVRkdKN3.js';
+import { L as LsKeyboardShortcuts$1, d as defineCustomElement$1 } from './p-Dr-jwOWv.js';
 
 const LsKeyboardShortcuts = LsKeyboardShortcuts$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-left-bar.d.ts

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

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

@@ -0,0 +1,9 @@
+import { L as LsLeftBar$1, d as defineCustomElement$1 } from './p-D--_zaSS.js';
+
+const LsLeftBar = LsLeftBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LsLeftBar, defineCustomElement };
+//# sourceMappingURL=ls-left-bar.js.map
+
+//# sourceMappingURL=ls-left-bar.js.map

package/dist/components/ls-left-bar.js.map

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

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

@@ -1,4 +1,4 @@
-import { L as LsNumberInput$1, d as defineCustomElement$1 } from './p-B-RwOJ_z.js';
+import { L as LsNumberInput$1, d as defineCustomElement$1 } from './p-CqF01yge.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-CKxcuSAi.js';
+import { L as LsPageLoader$1, d as defineCustomElement$1 } from './p-D8rDyFQ1.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-CUcbIC8s.js';
+import { L as LsParticipantCard$1, d as defineCustomElement$1 } from './p-DQM5v3We.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-BMKypEGZ.js';
+import { L as LsParticipantManager$1, d as defineCustomElement$1 } from './p-CnF0KNjR.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-CqZsDpTG.js';
+import { L as LsParticipantSelect$1, d as defineCustomElement$1 } from './p-BolLGyZr.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-IdvWNLco.js';
+import { L as LsPropsSection$1, d as defineCustomElement$1 } from './p-D_vziSXg.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-Czlhifa9.js';
+import { L as LsRadioInput$1, d as defineCustomElement$1 } from './p-FDtrmHYM.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-BqmdQiz2.js';
+import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-DOlb65kw.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-CWBxF2ec.js';
+import { L as LsRecipientManager$1, d as defineCustomElement$1 } from './p-CSHGWlYo.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-BXX53GUa.js';
+import { L as LsSelectInput$1, d as defineCustomElement$1 } from './p-BOvWRoFz.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-vDRagogD.js';
+import { L as LsStatusbar$1, d as defineCustomElement$1 } from './p-D5JI9_ok.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-C1lq1seH.js';
+import { L as LsTextInput$1, d as defineCustomElement$1 } from './p-DU0ZJ5hK.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-C18kpKfR.js';
+import { L as LsTextareaInput$1, d as defineCustomElement$1 } from './p-Be6KwRjh.js';
 
 const LsTextareaInput = LsTextareaInput$1;
 const defineCustomElement = defineCustomElement$1;