npm - legalesign-document-viewer - Versions diffs - 0.4.5 → 0.4.6 - Mend

legalesign-document-viewer 0.4.5 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js CHANGED Viewed

@@ -51,14 +51,14 @@ export class LsFieldPropertiesMultiple {
         return { isSame: allSame, optional: allSame ? firstElementOptional : false };
     };
     render() {
-        return (h(Host, { key: '378afbd073b74f428f365f962429dfb55d5efe2f' }, h("ls-field-properties-container", { key: 'af924136a1d09551d6b66683fbde04729dc59f4e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3625636d31d4a19c0b8a9483233f2f257aff150a', class: 'field-set', slot: "content" }, h("div", { key: 'b76d549076ae1e7e31fafdfff62959119e98de36', class: 'ls-field-properties-section' }, h("div", { key: '467b0644c4e147f422c724c2ef4101ffa5aa6f50', class: 'ls-field-properties-section-text' }, h("p", { key: 'd05f06a2fe2983abd87cd4c5ab34f12813e9b018', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: '1d4c31b686e354d3d91fd8bc9035ae4bd7d2a6a9', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '6942963a3366ae9dbb2cb5ad3c28571ae3956a08', class: 'ls-field-type-wrapper', style: {
+        return (h(Host, { key: '898bf5f2dcae78a352a6b8a636412b8a534b496a' }, h("ls-field-properties-container", { key: '78e9db977ced7ae601f7a1ff6af853fa772ccf42', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '484e69c5f6e2e1610959afd8119eb5cadbff8b82', class: 'field-set', slot: "content" }, h("div", { key: '48bbaa0b6b54638a67006a6b97c03f529861eb77', class: 'ls-field-properties-section' }, h("div", { key: '5631d6db8ba45449dd34f60dc2d8822a319a2dc3', class: 'ls-field-properties-section-text' }, h("p", { key: '05260984a9f922f7e080fce2d75883d2267ece3a', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: 'c5076d4a6b92186e99ebcfbe57b585f32bae8560', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '438ccaaf02b909e0ebba17394d553fc4c00a9809', class: 'ls-field-type-wrapper', style: {
                 border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("div", { key: '42df344f3cdd962e99eaca2026445aade103cadc', class: 'ls-field-type-inner' }, h("div", { key: '2fb4b7237d4e38c0233fb5a082a85571a2601e4e', class: 'ls-field-type-icon', style: {
+            } }, h("div", { key: '7d078c08df9362e321987924ad36e2672deb7d33', class: 'ls-field-type-inner' }, h("div", { key: '5b24658d67b87b5ed07380ad2254509e846ca9ec', class: 'ls-field-type-icon', style: {
                 border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
                 color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("ls-icon", { key: '3eece4d2229348b6dcf3f0a98ddb2925662a3a9b', name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { key: '221e48a4f197623615adb1dedc941965c9f644e9', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: 'd3ab776c9e80da26f44b515f0169428822eb785b', class: 'ls-field-properties-section row' }, h("div", { key: '04fb8a296d5b42d35f7613f5fac46b4821197a23', class: 'ls-field-properties-section-text' }, h("p", { key: 'f3bfd7594ec5f48f82491de51dc731a32f967f28', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: '021989bf0355b332f9b63161215dc32d50e2bbb5', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '69e8f2a9feff9f04900955dbbb568814467d2bdc', class: 'ls-field-properties-section' }, h("div", { key: '4e0a9cf9f67976c747bf49f66e80d8ff34cd41aa', class: 'ls-field-properties-section-text' }, h("p", { key: '7369978669d067fa92ae0e120129a7ea9f77254c', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '273566dfca480cccb796763547068b333e5e465a', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: 'adc180d0eb423de6e76d0708357995c80187de73', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '79fdc1d37732c66313153cb31c5048479d12854b', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '49533f478b98a27a2399cf2fd5268f1676dcc347', dataItem: this.dataItem }), h("ls-field-size", { key: '460cdce3b7659e3e5d96242c131abf7ed9526d64', dataItem: this.dataItem })), h("div", { key: '9bc7d1ce2a08af933a4b05443382a753adf334ac', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'c24c7b626038a45b22309b66f892ea0d5b519473', dataItem: this.dataItem }), h("ls-field-placement", { key: '70de6fa563c72ebe7cc9a65c7c1e360756aa6c14', dataItem: this.dataItem }), h("ls-field-distribute", { key: '9c48fe88d210f1373625ce2219b31f4c0ab3791d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '0aa2163ba9571a4a0856bcbbcc1a2f018d0cc464' }), h("slot", { key: '3de2d0c0b1d35d64d6aa53bcc24abe53b0c6ec92' })));
+            } }, h("ls-icon", { key: 'ba862b405af757957d632e7020d9503c90d31b9a', name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { key: '9a97d0df610bf824968afa630cf82d46690c69c4', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: '63358e0f5b54048cf334b64b6e1402d21ac097d1', class: 'ls-field-properties-section row' }, h("div", { key: '4fdff0db8fb4bfdabd0dc6a02e0d04c088fd6ad6', class: 'ls-field-properties-section-text' }, h("p", { key: '24ea2b765fd7e5ed0f887609884af2a39844c749', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: 'fa8020c289e76560af15cbebc60d4ecde1902bdb', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'b327e5660d189693cdb7a9a80988b91984651733', class: 'ls-field-properties-section' }, h("div", { key: '8f9f251d635d57a7c1209988ded301d08b9ba161', class: 'ls-field-properties-section-text' }, h("p", { key: 'd0840b9927f5d82385f2017afcf0ce307f856954', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: 'aa1084ce39ff362ebc0e030d16f24677df04580c', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '71ada65339f3f8e1d10bae64bb42247202148570', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '402b491cbbbd6ee43b55e3df8e171fa824f0a66b', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c238374dbfac293ad9ad10f5e9d01884b9410058', dataItem: this.dataItem }), h("ls-field-size", { key: '50a0cc30deb9408c923810e028fb5fcebb4b1d27', dataItem: this.dataItem })), h("div", { key: 'bcd707454a266b3a18f9ee79ef812b0968d42603', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: '75fbd3cf6936f18956117699496c0cb9c2d1a1d3', dataItem: this.dataItem }), h("ls-field-placement", { key: 'd559532c285195999f42801bd0043e6be68c6e2b', dataItem: this.dataItem }), h("ls-field-distribute", { key: '9418013099b8c2829eda3f3f572a8f99f26406d9', dataItem: this.dataItem }))), h("ls-field-footer", { key: '72db396abdc7f37d1fa065d076f555d228544e87' }), h("slot", { key: '518227b3e0a0ee3c3fc45868daa49c03d1c9113e' })));
     }
     static get is() { return "ls-field-properties-multiple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesNumber {
     dataItem;
     render() {
-        return (h(Host, { key: '34a63ee7755738acb32a72f4812a7594121269f6' }, h("ls-field-properties-container", { key: '8be9c3c05aa7fd098408ce2f0d09e2510f0a41ad', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '6cb13328f385b230a45594ea481b8b1bf3a4b4bd', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '9c7fd44fa9df4a20d4ac2d7db13e12abdbdfa6ff', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '17a9cbeef33c6b674c9968fb3074c2f56b10c2c7', dataItem: this.dataItem })), h("div", { key: 'c0d223bee8f783244655d9fabdf8529a1fbc4aa1', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '02739bc5e8fb0fb7de4f4726b9646c674cf842c3', dataItem: this.dataItem })), h("div", { key: '6d5fab17d8d4e4f19ec3ec6467bfa582bb0b911f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '99ed8c5b48a840f0911d0a985d5a149c41b9edd3', dataItem: this.dataItem }))), h("ls-field-footer", { key: '0c0e51f8860333eefcf5aa5a3205c19aae279e26', dataItem: this.dataItem })));
+        return (h(Host, { key: 'b80b5fcac71efe28dc3205735231a491795e7bd4' }, h("ls-field-properties-container", { key: '59dcf27dc38d2bc431c6b7a4c32c713c7a528c44', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '530f40c313c2388652d2bb3546b047051615e95e', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd5f3f1413755c694467d38db058f0a421fa35bce', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '2172921644d4ca951ca743b407db38b004616be8', dataItem: this.dataItem })), h("div", { key: '723e4e936ad4d0d9fdfe15e3fb0be0990a41362f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '2f19c772c4fef5245f6b991dbc0f4bf7c289804f', dataItem: this.dataItem })), h("div", { key: 'd77f2d3c4607867c73d5f14ba86712e9f659c234', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '989670bc4ae90c6304bc2bcc1d89c60bb34233e1', dataItem: this.dataItem }))), h("ls-field-footer", { key: '7016293db69530b0176cc374b861442b8b9e490c', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-number"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesSignature {
     dataItem;
     render() {
-        return (h(Host, { key: '22dcf56a74651e1a5e66a8058276fc1b11829c2e' }, h("ls-field-properties-container", { key: 'fcc34020471ed4e65f2cb0ec1705da8ec0743dde', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'a783444a500ad1a673a26cee6ea1a44272d24be8', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '5bf39b0dee3fbb976cdfc3fbfef6393f616bc0c4', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '50982a30ed682a4a0944a793c2cee2b779ded650', dataItem: this.dataItem })), h("div", { key: 'ded47b50f3ea19bf8cd083d2f86f4ebe22d338ba', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'e3cdaa645e35797d478e2a80c40a3da8ac01ee21', dataItem: this.dataItem })), h("div", { key: '5186211515683dbe2d498ba7ec13f78b6395837f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'b13f841f407c5a26eb1bf929e9a80df1ac818c16', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5a4bd4e4131df9762b757dd6b2338a78a9089896', dataItem: this.dataItem })));
+        return (h(Host, { key: '5f4c56b08921c1fb55257a04665ff6be648ab385' }, h("ls-field-properties-container", { key: '4ddc0e655c8c006b09bd3be884bddab0dd5ed96d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '9bd52daefc5450f342b6129016182cc2bf603b44', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'abfd4bcf641fb2ebcbac45678523cba7b38fdfe3', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '30bcc7c38d3f36a876d7aabf605409cf51d1b6ee', dataItem: this.dataItem })), h("div", { key: '517b703e3f917c4cd826a4dc6557446c6b71275c', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f472cb3cade66229c524f0b866022b441ebdd54c', dataItem: this.dataItem })), h("div", { key: '0161a883ec8d648df3a5ef879adc28a7c34444d1', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '5cdb53ee48b659f3c6f3314d59ebbc965b52b899', dataItem: this.dataItem }))), h("ls-field-footer", { key: '4ed0739a0aefe8ffe5384c68810c77fe55a7712a', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-signature"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesText {
     dataItem;
     render() {
-        return (h(Host, { key: '4f61bffe1259f8672e4480ec7f4cd18ecf1a9a7c' }, h("ls-field-properties-container", { key: '614aad16a2a80dcca2a791d0ce1342667813b37d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '49dbe5e32d5a02afcb27165a60c759c89a5b2b50', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'cc7a0e20886e6561ca959d0f2e1f4ee49ac2e879', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '58220b511bb05449ccee2f2e5c54a591c79b6ac8', dataItem: this.dataItem })), h("div", { key: '6de32144ed7ee7472f4b6f1778b4a424fcc09462', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '5a77d95dc87ab771d85bfb25b801fdabd4214565', dataItem: this.dataItem })), h("div", { key: '24e06038f5a910dea658c863e007770546802bf8', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'd786ff7dc7c61a3a82f266a692c09e44bb417e8a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '31b5b36d2dbf01cb09700ffc3ffa9c224db61cd1', dataItem: this.dataItem })));
+        return (h(Host, { key: 'd98dcc06c9bd451991818629afbc2fff1d6c8fff' }, h("ls-field-properties-container", { key: 'a9f6c081272cf74cd4be29c78769422161dba816', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5c625ed9ae36342832779428938c2de7a7aa7163', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd11bd76deb30a0aa93766167fe81adf8428ad4c3', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f6c373b50a2742321af5e464ccaad5154a0a8cb4', dataItem: this.dataItem })), h("div", { key: '61f7e8aec05f9ee370eeda26eb169ae96c23bdc6', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '1a261f3e557bd7d69cff9980a864fb1e90ac07ba', dataItem: this.dataItem })), h("div", { key: '535ba971134ab505302a23932df23136a387bce5', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7e84324458a5410b9d4af72a982c87e46d075cbc', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e8b395dc2d6f049b8715870b602f3510a8e99b7f', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-size/ls-field-size.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class LsFieldSize {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '4a8c5b6091593c6658d52f332dc0180a9aa7c234' }, h("div", { key: 'c2235c25b8c994e86191ee4c0b60aac827a99304', class: 'ls-field-properties-section' }, h("div", { key: '342929332fd0df3c4316713564a8a33b3a9ba7f5', class: 'ls-field-properties-section-text' }, h("p", { key: '511b3d62008d18fcd867a724bf66c4222b5b31db', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '246c72ab2973d7de15b9ee60eb684221d2de8c09', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '2f9956bd71a5195ca540f8e7c77d705c49b82eaa', class: 'button-group' }, h("button", { key: '5c66c06e562a38a15d1dba9a7a02d91facfcb79b', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: '577fbb9f0309603f92c64c85dfd4bdebca26b08f', name: "field-scale" })), h("button", { key: '15f47dec9a4d8be2abd9cf49db82eed86efd6274', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: 'd586958503eda47fbe1c1ffd37737fbafb936857', name: "field-match-width" })), h("button", { key: 'e94c585c27941e00c5801ffce2ea4124e84a5c2f', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: '3e1877707b12710e6d38fe7bd40bd653703e5d2e', name: "field-match-height" })))), h("slot", { key: '80290ec35de43ab1bb2f39ba303a6b4b1127a74a' }), h("ls-tooltip", { key: 'd7ae2421a26db540d0d440e9d987934601ab5257', id: "ls-tooltip-master" })));
+        return (h(Host, { key: '1cabd4d6ece5981e2e50933fa93d19b113cd6bca' }, h("div", { key: 'faabdbcb881e7724694750df2de7151d7a8990ac', class: 'ls-field-properties-section' }, h("div", { key: '14cd8bae67637aadb831dee0c2373e280dd26199', class: 'ls-field-properties-section-text' }, h("p", { key: '3a2f88d275b7b7932d7816d692ef768ac24d3774', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'e88a8518e89b06f7b446b387fd063ccf15f23f86', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'e7bb74bd8e58ee30d14736a52925ea8a144dc54f', class: 'button-group' }, h("button", { key: 'ff0c8337a67047633e50e9f3133a9611dc005e2e', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: 'c4618753082d4e2212a273fece998e8bd51f6688', name: "field-scale" })), h("button", { key: 'd88b13b511c417036b7cbac398bc8f1627cb6d26', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: 'ee4cbf6e84d12685d3ef7516557d6ffe5214524c', name: "field-match-width" })), h("button", { key: 'a16e991225c105f124afc5c65960a8b8e595867e', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: 'cbc94846ea2c09a47800e0f7e073be43c8ed2230', name: "field-match-height" })))), h("slot", { key: 'cc0e771946fe9cbd33d19a0c0fee3e025fc4870d' }), h("ls-tooltip", { key: '9f8b2d85bc49f41b85a34b30763088f804e5e5df', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-field-size"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-type-display/ls-field-type-display.js CHANGED Viewed

@@ -7,14 +7,14 @@ export class LsFieldTypeDisplay {
     fieldType = 'signature';
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        return (h(Host, { key: 'b96d23acd3d237cbdb28c0fd245a972c80b7fd25', class: 'ls-field-type-wrapper', style: {
+        return (h(Host, { key: 'e40b140dc43b54a9b5902db8ee47f713da12e723', class: 'ls-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'cdc499d6c1c686ad2691a74c248c6e222d68f6aa', class: 'ls-field-type-inner' }, h("div", { key: '79170b027981ad4a685fbb9d9632c4972e09dd6b', class: 'ls-field-type-icon', style: {
+            } }, h("div", { key: '3c16f1b3c1e5370986c266173f0792cae15e3345', class: 'ls-field-type-inner' }, h("div", { key: '268ac5892e08c2b253a722ebab1faeaffaa63db0', class: 'ls-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: 'e5673bce1895cbd07640580560517efd1fa89c4d', name: getFieldIcon(this.fieldType), size: "20" })), h("p", { key: '8bc1644f6a070c41d2f967d9eb8e535df3dd9bf3', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
+            } }, h("ls-icon", { key: 'd66f4aec1972a7dbc8ad69d4a7d3980fc1dff5e6', name: getFieldIcon(this.fieldType), size: "20" })), h("p", { key: '11fbf1bc161aab0cd2521ba42025d2774b8161d0', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
     }
     static get is() { return "ls-field-type-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class LsNumberInput {
                     ? 'invalid'
                     : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
         const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
-        return (h("host", { key: '3223f1b5c6ee85269516ffa345acd30bf507cea6', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'bf9c84bd74f40f8e4de7b74ffaae507a0d3278cb', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '2d698e76aa909ee6d44e6aee3dd7edbc93283544', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: '344f3a64c0da8b072544b1bef65b1d9961921302', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: '74e2c1aaff565cdfeec39ac2c1410a38e4a7ebb3', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: 'b658f716bd7a26eceeeb3afbedef32a5ba344d96', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), h("div", { key: '4675bf6bea3de2e6952b107bf208ee60fedd7666', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'afacf0c0780d60d7211aeb3c22dbc5c9a070cf5e', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '81db4646d078e20bf49c53420c4af351ad1c6403', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '098621b5511e1aa0e3baf8d655aab0afbfa38dce', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: 'c967580b4cbc4e7374e928d22a7fe869df5857f9', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: 'b212edc85ce547d05d4345a6b8ab2addd0e56ac0', id: 'buttonIcon', name: 'plus-sm' })))));
+        return (h("host", { key: '16b2658c62a3ea3de4f55ef91fd669677506e1fe', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'c1ac4489e1eae6a84a56bff53d22dc7a33d7d4a4', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '8db14a1fd8fad4907c73dd2a41a1e584ddd02914', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: 'f612a83f625cb10b7e11249b281be587c92e783c', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: 'e737ac19586a0a5bca2f1caaf18b1f68b25c9c03', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '2f8681769df8a8affc62f0744e198896eb893ffb', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), h("div", { key: '3f175e8ed586f731c62d81b286cc3fa198ae8e4b', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '451f88055782062684466fe084477eb675eaec62', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '0699154beaa0964a71b0e378c76853f8bd1832fc', class: 'button', onClick: buttonClick }, h("ls-icon", { key: 'edad9c88e963bba30a8f6e3ccd7dc5c9646828bb', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: '2b263884f201f422652393f95e486e51a6e369fb', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: '57dcfe868a3865e0b9b5a9930596a8c758513723', id: 'buttonIcon', name: 'plus-sm' })))));
     }
     static get is() { return "ls-number-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class LsRadioInput {
     render() {
         const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
         const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
-        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))));
+        return (h("label", { key: 'affba3f5b1b1c934f56a2cb7568dfee10639e842', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '4287b9cd8a951be8c65ce0fb83580ed32fbee77a', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: '7d80ac9ae37ad054e726fd75f52d3568c0f13a25', class: 'spanContainer' }, h("span", { key: '5d2fb9b0d694e03f38da46459b5bcbd97a4982cf' }, icon && h("ls-icon", { key: 'c618f79ac8f61cec3cde549a554190e085599091', name: icon, size: "16" })), h("span", { key: 'a4ab42377ba01f88819b12beacdace5ea6d393b7' }, label))));
     }
     static get is() { return "ls-radio-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js CHANGED Viewed

@@ -27,7 +27,7 @@ export class LsSelectInput {
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h("host", { key: 'ad6571818f20395ecda1dbd22a574b999afa73ca', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'a68a46e5237f98a621a546b4d8295a3594b73ffd', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: 'd84a610ada56cb39fd0125184a9d5257b9127892', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '2a61c4932a822f0f813e20f6ef079569624ea3ad' })), h("div", { key: '7dddfb3625c9f1a0ed02dc5250e3db876299077d', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '405f8a0bfc03565b843001e746059adc77e1558b', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
+        return (h("host", { key: '9980f5312e7bdd61255e5684404c85351dd32b63', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'ee10c135a53f825b16f134af7d5d24762ea0794a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '95875345316282ded2d72eabe24ebcfe9e112947', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '352aae0b0c6ad7dae862021cf81584b89fe761e5' })), h("div", { key: '5ce9ec6d3edb7645be270874087c5b066996e8a6', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '07ad8dc616954c148b044fd68e4518d583e14300', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
     }
     static get is() { return "ls-select-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js CHANGED Viewed

@@ -35,13 +35,13 @@ export class LsTextInput {
                     : dirty && !valid
                         ? 'invalid'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h(Host, { key: '5d0e39de960da7c05dd64f96360cfcd9133aa95e', class: 'host' }, fieldIcon && (h("ls-icon", { key: '148402cd6087ec414122a54d42ce460fa8fd63e4', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
+        return (h(Host, { key: '065f2582758ce9cfeea52508bd051c49ac8f7a22', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'b5e77210c848cff4c8c572fc2ad2b137e67670c1', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
             } })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true, onChange: (e) => {
                 this.changeHandler(e);
             } })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
-            } })), h("div", { key: 'e86d919029eed85799ae53542758356629dab343', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'c5a0d12e3c07c6708c936b985464b6ff7aff82d1', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '7f852342bb7e9407c492b589422494dd088fd61f', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '05d9fcdb971a2876a656ab9f68329899074de1ef', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '2694d48907b91951095d662e68215958ebe68d63', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
+            } })), h("div", { key: 'aa71635dc5ce7a3727559271dd57cead5d5f2c7b', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '07561e3d44c33a945083f69cf1c1449257153ed5', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '7fa27ddfe3e004c6c2232210bf0ab39664f7cc75', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '2a07f650fdd786d01a7d88548ba07074da25fbc9', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '1b3fd40bf47799698ea65239eedc0123e01e6cda', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
     }
     static get is() { return "ls-text-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class LsTextareaInput {
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h("host", { key: '4e65014b5d0e8df0a397042d501a6c26f250324d', class: 'host' }, fieldIcon && (h("ls-icon", { key: '5ba14d902bdcfaa3d6825ece9a848ae1d8531888', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: 'e490afebd2e14ede73a904f890e8ebdd5f34dc53', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'b3139ce875b8e39d41931d9507b9e6007faaf94d', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'c0b3e669755f05961a199008385248c9a8e60f8e', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '97011df16622fc8fe7ef0c9c458667ad5844a9a9', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '7046d7ce171217f536f527309ec15e42ffdd87bb', id: 'buttonIcon', name: buttonIcon }))))));
+        return (h("host", { key: '9ae8b4df7f03ce8007522c161f373be320f802aa', class: 'host' }, fieldIcon && (h("ls-icon", { key: '6ee5150550cf1fcbe0ddf70e1100a424c4cbf799', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '4db4ca2f5402d0081750eb05c24d384e6604915b', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'bd8f98837ef04e4f47ea4cb6f14e7cf75d40e026', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '4b9fcca0baa77a2fc70ecfcda72e09fc60560005', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '2bbf87b77cf0df42e620b8ee8990a15efdf29699', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '53e406ede857fa2fbe2550ac448b5ebf81427a02', id: 'buttonIcon', name: buttonIcon }))))));
     }
     static get is() { return "ls-textarea-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-formfield/ls-formfield.js CHANGED Viewed

@@ -38,10 +38,10 @@ export class LsFormfield {
     render() {
         const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
         const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
-        return (h("host", { key: 'abb10c40dccbc1df9073bb8135933b50c7addf3f', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'b8f8cec278fc8b3e224dd4d4cb2a7e3381f1fc53', class: "formfield-top-elements" }, h("div", { key: '090b6ce8001334d8ea27ee503bb80abdb4458765', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: 'ae0d3022a53947e3948deeb160b1922f9532f662', name: labelIcon }), h("label", { key: '63dfbcd3acfd52aa6f977755734071b320ffe717', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '266a2155a80ccc3e51d5474896fc2250964dff1e', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
+        return (h("host", { key: '7d9ce8f93eef332dc934dbb8b18c686a24b7bb7b', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '83f6dc53d7ed4a97574788f5226f58c7dcdf7f76', class: "formfield-top-elements" }, h("div", { key: '61761e85e2d573f7361d990474dfc8fa168db633', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: 'f2c2d195abf5ecd11db30844f7a9a45f37a585b1', name: labelIcon }), h("label", { key: 'eb97be872ffcb60d4d161283af72882303471e76', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '09065bb12b3df7e2daf4fd761b328f7b86fdb44e', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
             count ||
             countMax ||
-            (descriptionText && (h("div", { key: 'cc8ffdb0f955baab2627011dc3ce756d9f3fb755', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'b6d2515988fe6022fbc5dbf353650ad03fa06ed0', class: "formfield-count-container" }, h("p", { key: 'ac29508788d292a28e13a88f2dfd0f97bfc54120', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'c6da1cc6b8e8970326344ccc37fc7055c36603c7', class: countClass }, h("p", { key: '68250a9de3633f0a9d0f64006016663d5e4f9414' }, "/"), h("p", { key: '4c541ba2dff8b2cdbc9b49830ed46e871cc2bd1f' }, countMax))))))))));
+            (descriptionText && (h("div", { key: '0729bf9725dd53684bf0475718955fbe6847ebcf', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'df740e5bc22bd24bbc496a00c02023a95fdf6b9a', class: "formfield-count-container" }, h("p", { key: '0bcd5b23f4ab2483cda330829feea022f2bb33fd', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '36280cff83fc6522a36778577f04bd9644e1f800', class: countClass }, h("p", { key: 'a1516c03a84710c101b92710cc9ea77ca8a5d45b' }, "/"), h("p", { key: '55b029ed794ce322b7e75a49776d74d21e6f57cf' }, countMax))))))))));
     }
     static get is() { return "ls-formfield"; }
     static get originalStyleUrls() {

package/dist/collection/components/ls-helper-bar/ls-helper-bar.js CHANGED Viewed

@@ -8,11 +8,11 @@ export class LsHelperBar {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '061822abff6f324af19fc264ca4ef838bb0bbe0a' }, h("div", { key: '76cc6c198cf588c9f25557094449edc9522d22f4', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '8b8d38b8625b4b4f072beb2c4eb31379d90d40be', style: !this.expanded ? { display: 'none' } : { display: 'block' }, id: "keyboard-btn", ref: el => {
+        return (h(Host, { key: '0ea5ddfbf8e09f857ce4bea741fab2f9661785c7' }, h("div", { key: 'a0d17c33fa0f6513ab6b22d3715bf31625e77fba', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: 'd4d1405c68b9e96babb93e2044d7bf7b736444b3', style: !this.expanded ? { display: 'none' } : { display: 'block' }, id: "keyboard-btn", ref: el => {
                 if (el) {
                     this.shortcutsBtn = el;
                 }
-            } }, h("ls-keyboard-shortcuts", { key: '23c97b13dad7092a849dfe3093000e07d2f9ff7b', referenceElement: this.shortcutsBtn }), h("ls-icon", { key: '5a64cbe09d163178f2cfb613b4a9d871bc7661cd', name: "keyboard" })), h("button", { key: '3fd30dd762bf8bf3266d5be0cee8c41a4cedcdb1', style: !this.expanded ? { display: 'none' } : { display: 'block' }, "data-pendo": "launch-new-edit-tour" }, h("ls-icon", { key: '4173bf9e2c74a21e7bc02b09657c2f9fab638dc0', name: "map", "data-tooltip": "Take a Guided Tour", "data-tooltip-placement": "left" })), h("button", { key: 'd2960e5793c7a3a0ccac756ace603714fb650f56', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: '0fe4f8204e9988d4149b0988f71c8d4cf18ec6cf', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("div", { key: 'd9fc9f72efa34d85d49292a22483dceefe70fcf5', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '27469a568bd52b8720fd1f7f09eb1847aea7504f' }, h("ls-icon", { key: '59025902862e563da1cc9f45bdf5b822b00ab4c9', name: "question-mark-circle" }))), h("slot", { key: '4336509f3a61062d59d5f5a87ccfeb1021de2a9a' }), h("ls-tooltip", { key: '0d9025118f530702b32903c96bdd468b7907a211', id: "ls-tooltip-master" })));
+            } }, h("ls-keyboard-shortcuts", { key: 'dce4fffb30a3ed7115ee0816434552996794ad3a', referenceElement: this.shortcutsBtn }), h("ls-icon", { key: '04e31a96e6593b2fc73854619bbc80ef20fc4d26', name: "keyboard" })), h("button", { key: 'e0ff256398468065fb76fe273c1a4089af598dbf', style: !this.expanded ? { display: 'none' } : { display: 'block' }, "data-pendo": "launch-new-edit-tour" }, h("ls-icon", { key: '5ce37cfa92b2525a8d344fed6b8835930db1aeb0', name: "map", "data-tooltip": "Take a Guided Tour", "data-tooltip-placement": "left" })), h("button", { key: 'ab1cc9441815b58fc92d1688bf540a6ad9ea9349', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: 'fdb1d13e35ff66d03c77bd15858910c4773b5105', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("div", { key: 'cfc76e9434590eb0c06055d89b219479e4b0fa8b', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '430c37f8e0f4206a76f006c3f72c60c5e2b8a2dc' }, h("ls-icon", { key: 'c3e6c2bac0ec08c2cec5c0c5237cdb7b2ec740ef', name: "question-mark-circle" }))), h("slot", { key: '38c98e7e91042d1cddb4217e8f61c44d32f65a7a' }), h("ls-tooltip", { key: '8ddaf7d60cd84a206efb4c71240db45772bc8d70', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-helper-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-icon/ls-icon.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class LsIcon {
             console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
     }
     render() {
-        return (h("host", { key: 'cde74309a5d2874ef637402ef4263d7b498c74cc' }, icons
+        return (h("host", { key: '956e1302ed74daa15889d092a1060e585c0013e9' }, icons
             ?.filter((icon) => icon.name === this.name)
             ?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
                 height: `${this.size}px`,

package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js CHANGED Viewed

@@ -3,7 +3,7 @@ export class LsInputWrapper {
     leadingIcon;
     select = false;
     render() {
-        return (h(Host, { key: '7750671f8dde3da2567df36c98dca70344b63ca4' }, h("ls-icon", { key: '20fe94a9a904f9872cdc106ad8b01432e9021211', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '45e1dddd802766e2e9c6c744c956864d641be133', id: "selectorIcon", name: "selector" }), h("slot", { key: 'cf176ab0464b7f7b01160391327b741733887c12' })));
+        return (h(Host, { key: '80c79e120bd0d44c11cac3e8096715e59d21a793' }, h("ls-icon", { key: 'a8af28777cb9cea7294075df1714473b8310d98d', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '0e68b967bcb36ea63a3bbd147c4af70916443c68', id: "selectorIcon", name: "selector" }), h("slot", { key: 'c547d8642431a3fc34e36c967bf9789e7b10921d' })));
     }
     static get is() { return "ls-input-wrapper"; }
     static get encapsulation() { return "shadow"; }