npm - legalesign-document-viewer - Versions diffs - 0.3.8 → 0.4.0 - Mend

legalesign-document-viewer 0.3.8 → 0.4.0

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 (292) hide show

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesImage {
     dataItem;
     render() {
-        return (h(Host, { key: '76698e021703b31b3eadf875acdc783c07b66566' }, h("ls-field-properties-container", { key: '48868b667e0164882b8690b41de396a66025046c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd03ebcbf3e125a66b0a918a381a4f5604fe67021', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '4fc4cdd553efe775c21b2245e853c35611271c3c', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'dd8be6bf4d096d7d36f5c1cf199acf87b0481090', dataItem: this.dataItem })), h("div", { key: '92958af42a9d4627c990b24eb032ca5dd3b16da1', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '21135e63bb0e438e36b39f3b58396f6776e219d9', dataItem: this.dataItem })), h("div", { key: '3990cd9d9232835603fa8815b7f486edfcec9f6c', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '4e71a306733b04a0f47dff219c1d5ef75d4d41a5', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'bf7c9a0a67944f57c72b759f9628390e808f9225', dataItem: this.dataItem })));
+        return (h(Host, { key: '3cf25226c1a72f571d65240d277b61ba8bdbf87a' }, h("ls-field-properties-container", { key: 'feceff66e159753ad1058b5f7d7efaa3fcadbd89', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f31cd33af8ef76d72bab66719f9769591777ed09', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'c7eaacc48d1946cc498be38289378fd96938f540', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f9b77ba5b6f10eadb56b8d289abc380f954e1669', dataItem: this.dataItem })), h("div", { key: '2a05a1964511e174a17675ed3a06208f294c03e7', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '30151d527bd82c86ddc1d795517e096075cd9753', dataItem: this.dataItem })), h("div", { key: '8f58ad2014834bfc75f6d407dcb04d69eef762f4', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'e902b9ea651852d2879522bcdbbb118cb07b55d8', dataItem: this.dataItem }))), h("ls-field-footer", { key: '055c3357b7a1d35aa49f87e19619a4dff7db4ba3', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-image"; }
     static get encapsulation() { return "shadow"; }

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: 'bfdda69abaed0fcd9dfb19849859154093198c88' }, h("ls-field-properties-container", { key: '04274011b6c6c35a1e54c5581cd053ba934feda7', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '912d0929b96b030a536c7577b7f44eb189c38765', class: 'field-set', slot: "content" }, h("div", { key: '258f174030134fd125ae9695a9e4ecc6252a9dc4', class: 'ls-field-properties-section' }, h("div", { key: 'd3fdb50f7f55b97c3d5b992b2e12fca3b5a8d043', class: 'ls-field-properties-section-text' }, h("p", { key: '9421cdf63e77a7c85274e21fb4b1c438eaed24e1', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: '76010f503fa82a18b6f7a7010545f126ac55003c', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '5521f46efb712ca2cbc263a7d1ae849906c3c499', class: 'ls-field-type-wrapper', style: {
+        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: {
                 border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("div", { key: '68aa7e9078c323708b80fba47f02b7e41623b9b7', class: 'ls-field-type-inner' }, h("div", { key: '642364397abe4e2a9714b72068e0cd4aef10fb9b', class: 'ls-field-type-icon', style: {
+            } }, h("div", { key: '42df344f3cdd962e99eaca2026445aade103cadc', class: 'ls-field-type-inner' }, h("div", { key: '2fb4b7237d4e38c0233fb5a082a85571a2601e4e', 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: '617bafcce3fb5e65fd2d44201d2299f8e2ad45c7', name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { key: '9527b42f7ce91d818665a5dabb6b2c94730867c6', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: 'c757c7305c211a3f79aeddf1fcf0a872c0d6c9cf', class: 'ls-field-properties-section row' }, h("div", { key: '7a4d87b96c4d6784cce29af4b6da339d46d565bb', class: 'ls-field-properties-section-text' }, h("p", { key: 'eceffe0d60419e6ef4f3d71abceaf2f6cc55e01e', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: '48621d156a4b302699790d85248b70c1f0df4ee7', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '7595cb6725b7a95d40cf39bfbad8244fb2612ea8', class: 'ls-field-properties-section' }, h("div", { key: 'e0a9190c22f68591f781270ba4c30a6971880d80', class: 'ls-field-properties-section-text' }, h("p", { key: 'ca9901a54c2a1da198edaa1caee318323d70e9d2', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '8e545a6f9ab543393eda2fa07f073c39a3304bbf', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '83ccd1ebd9fbe5d65c91d23139cbac2c2a5eef63', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: 'a07a0fdd4463726f90e41cd4aa7db9e750826752', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'eb583d2ffa80991273669b5fca2c0a75f0cf66f2', dataItem: this.dataItem }), h("ls-field-size", { key: '8af73481f3d96e57cf88956ad666defd7376a117', dataItem: this.dataItem })), h("div", { key: '87e64ebc361a53161126741375abb334a81fe2f4', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'b68f9529080b2cc30bf1a3b6880ffd91fcbc21d0', dataItem: this.dataItem }), h("ls-field-placement", { key: 'bd5bacdced9b4a63133ed1f0c45833b35ab58b34', dataItem: this.dataItem }), h("ls-field-distribute", { key: '5453ebb56fc40756851fe743802233a561b33230', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5afbea2b2e7dedef37708c58185164c808cd6f14' }), h("slot", { key: 'e9959dac10aac9b52570c35690e8c54f6b383125' })));
+            } }, 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' })));
     }
     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: 'db90db665d22502d206f5330ba827268c47785c2' }, h("ls-field-properties-container", { key: '1c1c7134c4c28fd81842e002bb3ada2bb852d6a5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '4911a725c941f66c316f7fc7e1c9d0a614136a15', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '4b511a769d3429baa62d02dd9669d5d8f22ce85a', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3a8bb88ca5b4cb12e18a5558868ab3bcf2d7b6e5', dataItem: this.dataItem })), h("div", { key: 'f615161a6602570f0016ddea2863cf96720de792', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'cab573453a3d47fa69da8a4d2f23281d6281cacc', dataItem: this.dataItem })), h("div", { key: 'aa45f96deeaccb9a026e928b339931623efb9aeb', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '48ac2e5bfe8a16f377b01cbb623b63ff2ef8b892', dataItem: this.dataItem }))), h("ls-field-footer", { key: '46b32fd0db50e8849912a91e0ed3d9e63c0fa30e', dataItem: this.dataItem })));
+        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 })));
     }
     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: '02e78851b6ca20e33932a2a550dafd5d29352b50' }, h("ls-field-properties-container", { key: '1015224ce0904522d1118d1336724566c10a3753', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f129653a8a72b98515bc86f009efc244bc5dfb57', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2aba89ef0ff8fa235781b9748489afe14777b77e', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '55e58f14d60268ccc47d41d2855bdd5851958394', dataItem: this.dataItem })), h("div", { key: 'f785a53490abddbc310d2b284e0296fd7ad5c067', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '8967b5835f02da80be52b1366cfca124a07f4183', dataItem: this.dataItem })), h("div", { key: 'efd458a075dda8da676116c5e5519e1c67bcb38b', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7c522339eb7c7b1c981638f0018dd17c02de3677', dataItem: this.dataItem }))), h("ls-field-footer", { key: '00cd07765992762ed6be618e977b4dde2873f14a', dataItem: this.dataItem })));
+        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 })));
     }
     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: '2b39b35e43c8d7cbdb7410b619f84e9b78d48dbb' }, h("ls-field-properties-container", { key: '3b3e1de3aa432d086b0fe8aedf5974434be91442', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'c68272bde4cce9da24fd82e7dbd5bd84e8caed0b', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'c0f445bc87a3819ff43ae1c800ae83a359fce868', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '14883237dc564a456b867c9f6b2d6b4d4ea9416a', dataItem: this.dataItem })), h("div", { key: '99a1a759e6f2729226d6b1c97b27bb9f9ae58353', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'daa9dc100af158ac33d3d092d0d8c7a3124142f2', dataItem: this.dataItem })), h("div", { key: 'f3a344c3cdf560af2e353649389fae85bf2853cc', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '69155ffd459edca6c3bd1aa9041232642af5df6d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5dc160251e1c3e5e7a7cb0bc5ac1fbaab00847e3', dataItem: this.dataItem })));
+        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 })));
     }
     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: '0b8df35dcb2ee5245be7d0beb5f1ae984424978c' }, h("div", { key: '96bea8f8279951acb209d96d6a11b580b5862821', class: 'ls-field-properties-section' }, h("div", { key: '4b32cfaec2f3f8f2b677b5298b0f527f8139723c', class: 'ls-field-properties-section-text' }, h("p", { key: '050832fd7779067d66ffe20ef0698e52b25624bc', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'c99e2028b0d87e4ddf1f0e78c60e91e78a9f1a2d', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '3118c3d2cc73a8fcfa8bf9777ce5f9b95947c2e5', class: 'button-group' }, h("button", { key: '26820ee61e198b053f9f1c87bccf8394944538f5', 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: '4022d9a4a20aa8582f3f269795e1467437e0db5c', name: "field-scale" })), h("button", { key: '728050c518a04fd0a5304c32e15e44bbe99dbb0a', "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: '6eb796f3793e6a15992e7b6e5a460c65bc787da6', name: "field-match-width" })), h("button", { key: '66639239b17674cb06359722b0b37d10a55dc365', 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: '2c48339fe3c5c2e9b097505933d761d922cae925', name: "field-match-height" })))), h("slot", { key: '79ef838cc29f96218979dca1e6bea57dcfa6c2ce' }), h("ls-tooltip", { key: '39fe2902455b9359639b84c320053c512b84c0ce', id: "ls-tooltip-master" })));
+        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" })));
     }
     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: '4d15751a743942918a0c7e8b025463cfffbd6d37', class: 'ls-field-type-wrapper', style: {
+        return (h(Host, { key: 'b96d23acd3d237cbdb28c0fd245a972c80b7fd25', class: 'ls-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'cdcdf83eec1604f955c7c550eea52442fcd7aa23', class: 'ls-field-type-inner' }, h("div", { key: 'fe0bd8f529ab5634ba8c01ee5c7aa4becbd6a86b', class: 'ls-field-type-icon', style: {
+            } }, h("div", { key: 'cdc499d6c1c686ad2691a74c248c6e222d68f6aa', class: 'ls-field-type-inner' }, h("div", { key: '79170b027981ad4a685fbb9d9632c4972e09dd6b', class: 'ls-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: 'ed265b5db6f2d4e3f05dfb35216318ef4bd9c99d', name: getFieldIcon(this.fieldType), size: "20" })), h("p", { key: 'bcb69b6e46c2368dffbdada92f4a6e8154e28b51', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
+            } }, h("ls-icon", { key: 'e5673bce1895cbd07640580560517efd1fa89c4d', name: getFieldIcon(this.fieldType), size: "20" })), h("p", { key: '8bc1644f6a070c41d2f967d9eb8e535df3dd9bf3', 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: 'd6cdf484589c9d227c511a994358b15f0a7203c1', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'b3665e37f2149dcb1ee8b5ffed682fe98b9a3409', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '3771591b8fbcea7c81ec8cb12af31317e0b4fc5c', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: 'f9ed1f49415c23e68a2b81c876f2a6d31faa39d7', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: 'e8a348c725b9d16534f35fd72606a238da2f55b0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '0d9610e847f3434e738105e77bc598351ebcaed9', 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: '88b3e499da6232a8b6f63e0c0568a5be2c213879', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '7dd7cba9b45fd859c687104781325fca32c406c1', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '27912c7c17b1562cade0bcca96338c95add8d680', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '96e96b4925f196db4e138d63867fe82b9baa9a04', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: '26b423107fb452c73bb1b440971bdcb72009dc2b', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: '8846ca0764c058fc83a2824dfc787da2e0a6afc2', id: 'buttonIcon', name: 'plus-sm' })))));
+        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' })))));
     }
     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: 'e7e8bafe15e29f9f8b78024f8921c445e3bfdc3f', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: 'baf93f6fa384dabba7151c9108e88b1a20d27b7b', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: '714f8c7c84c2e5b1a4af7d8e5433a25628468783', class: 'spanContainer' }, h("span", { key: 'c1eb6e3c43aa9d51a8bb17523e701a035b6bcb66' }, icon && h("ls-icon", { key: '742786b7193584666d255f2b82824935fbe41878', name: icon, size: "16" })), h("span", { key: 'dbaccc572cee54235321c7d4c0782f8313fb33ad' }, label))));
+        return (h("label", { key: '92e3bc9b5774de619922d43ef9c24ad7a43568c7', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '3e89bd9b39c9f37c156f17d42108bc788091ebcf', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'e3f1f7b06e8b81eee01d2ce4d674a7ff5c9c76a4', class: 'spanContainer' }, h("span", { key: '7170cb3702dbf2dc9bc07a67c4d91ebc9a8e30ea' }, icon && h("ls-icon", { key: '4de2c9271302dc11bdd6b35fd273b3c6a5b33b39', name: icon, size: "16" })), h("span", { key: '9ce53c08c5031725d09e2edb03660eac4aae9f16' }, label))));
     }
     static get 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: 'e22bd6924365a77cebda382a7ee9445263de716f', class: 'host' }, fieldIcon && (h("ls-icon", { key: '4e0d8d395c7874235f2618c39331ebb77112bd25', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '68077a1eae69a43ec4c37dff022c096bfd7c0c4d', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '13f5f193359e4752bb790d2d8b518b5bb6f91e49' })), h("div", { key: 'a06550b784b85776e9976b7a27e51dab2be69e5d', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '7d70d7d3a28ed3082518d588c0b6d6be04829412', 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: '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' })))));
     }
     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: '9f58679c7e72b2aa0bb0efb777c1d17420d9fbc6', class: 'host' }, fieldIcon && (h("ls-icon", { key: '7fc0da24a79e8b0aca1a72a998a86c070b8a33d6', 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: '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) => {
                 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: 'a9873657c293611cb5b0bfdc7c2936ad2859e1e1', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'b22a919a5886cfd395c19693d3311ea7c34de25f', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '2b09bca182cedcb44d124bb91a588878075c1290', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '08e4457eba4879b4dcb1a6f0e8df18694b172f4e', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '56dd71d1b86db74a61bc187d3f85caa3bc001a69', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
+            } })), 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 })))));
     }
     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: '05b7cf86fb66c48b317fc10ea80a3ace14995b8c', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'feadc66f81c470b50c41734d917c3d9976224719', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: 'de65b8db3f8f9925f4d4a0db0bd2498f4371d7cd', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'bde7626f2001a10b9d1eda52d07daebb511277f8', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '86b31eec02b683803802d9a4fbe50e83fcc1afa5', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'aaeeee06d1568469cd070ce9a2715aef1a8b11d3', class: 'button', onClick: buttonClick }, h("ls-icon", { key: 'cdeca2f643972e176867ebe111431608fc32cc93', id: 'buttonIcon', name: buttonIcon }))))));
+        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 }))))));
     }
     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: '19aa13876ebe0c20b2ec0ec83c749e4119a8100e', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'e1dcf69ba8c3f9ec62376d9e303737eebf92da0a', class: "formfield-top-elements" }, h("div", { key: 'ea50d721ef6a77e7d67a7304cd758921cc3e1866', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '267f18033109fd18bbfef712471e5ce81f7351d1', name: labelIcon }), h("label", { key: '3a87fe6e53db73708040d03a8dd78758b89b1771', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: 'ea94d57fd409df19e6808fc94bbdabee51cf4410', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
+        return (h("host", { key: 'abb10c40dccbc1df9073bb8135933b50c7addf3f', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'b8f8cec278fc8b3e224dd4d4cb2a7e3381f1fc53', class: "formfield-top-elements" }, h("div", { key: '090b6ce8001334d8ea27ee503bb80abdb4458765', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: 'ae0d3022a53947e3948deeb160b1922f9532f662', name: labelIcon }), h("label", { key: '63dfbcd3acfd52aa6f977755734071b320ffe717', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '266a2155a80ccc3e51d5474896fc2250964dff1e', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
             count ||
             countMax ||
-            (descriptionText && (h("div", { key: '6a17a0eb6234a6beec0dda3e4ccd06a16d95b17f', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: '3e579b2aee967c2a6ea6973926afa2f3a33535e1', class: "formfield-count-container" }, h("p", { key: 'c47b78ed6863386f9b933bde960c5252a2facca8', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '19fb3b5e4fb2467c6aae75c7f8c52802edc5229e', class: countClass }, h("p", { key: 'e68d2d8abb15be6b1f66fc085d8b5df73f083911' }, "/"), h("p", { key: '11d569dc63c78755822f54ab5c08fa63b898ce12' }, countMax))))))))));
+            (descriptionText && (h("div", { key: 'cc8ffdb0f955baab2627011dc3ce756d9f3fb755', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'b6d2515988fe6022fbc5dbf353650ad03fa06ed0', class: "formfield-count-container" }, h("p", { key: 'ac29508788d292a28e13a88f2dfd0f97bfc54120', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'c6da1cc6b8e8970326344ccc37fc7055c36603c7', class: countClass }, h("p", { key: '68250a9de3633f0a9d0f64006016663d5e4f9414' }, "/"), h("p", { key: '4c541ba2dff8b2cdbc9b49830ed46e871cc2bd1f' }, countMax))))))))));
     }
     static get 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: '0242b574b0c0ba959a967b662728d4c1efcedf91' }, h("div", { key: '655d3577366a9a89c1020deb4331de5b802678f0', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '5ccc942d2074f1a2d96e599765b9a6a738c476ac', style: !this.expanded ? { display: 'none' } : { display: 'block' }, id: "keyboard-btn", ref: el => {
+        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 => {
                 if (el) {
                     this.shortcutsBtn = el;
                 }
-            } }, h("ls-keyboard-shortcuts", { key: '6a1068c2875a3b2bd7eaa177ad9a88ecd1ce7ade', referenceElement: this.shortcutsBtn }), h("ls-icon", { key: '4cd22a3a90d8043d1ddcb42371dcc2dcd8bd2b13', name: "keyboard" })), h("button", { key: '603450f893dedef6f328fc37e18481432c6fa2b2', style: !this.expanded ? { display: 'none' } : { display: 'block' }, "data-pendo": "launch-new-edit-tour" }, h("ls-icon", { key: '125053796a842e701ee55602fe43fa02800bbe78', name: "map", "data-tooltip": "Take a Guided Tour", "data-tooltip-placement": "left" })), h("button", { key: '61621774787715e41c57a8a5ab3fb1d160428380', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: 'f7b2cacaee5ed9b10e1f52619e7f91c25c41a269', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("div", { key: '794b4362a4f338af6b8a7000c9e163aa17c0cb38', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '7830114f56e458cc507a05a1f0198ee96d833454' }, h("ls-icon", { key: '3d4dd69c36922d3aef54d7936ae2f13d980a5446', name: "question-mark-circle" }))), h("slot", { key: '38d21c37b910bb7e759d94516c6f9ba19cc29715' }), h("ls-tooltip", { key: 'a0a1b1e60c81168afb1278e1280c5eabb92cc824', id: "ls-tooltip-master" })));
+            } }, 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" })));
     }
     static get is() { return "ls-helper-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,6 +4,7 @@ import { IconEnum, iconNames } from "../../types/Icon";
 export class LsIcon {
     name;
     solid = false;
+    color = "#000000";
     size = "20";
     customStyle;
     // Added function to check that the Icon enum type has all the icons from the icons.ts file
@@ -24,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: 'fb29f9489142bd9b56a79741034a27f0f8523040' }, icons
+        return (h("host", { key: 'cde74309a5d2874ef637402ef4263d7b498c74cc' }, icons
             ?.filter((icon) => icon.name === this.name)
             ?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
                 height: `${this.size}px`,
@@ -81,6 +82,26 @@ export class LsIcon {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"#000000\""
+            },
             "size": {
                 "type": "string",
                 "attribute": "size",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-icon.js","sourceRoot":"","sources":["../../../src/components/ls-icon/ls-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7D,MAAM,OAAO,MAAM;IACT,IAAI,CAAQ;IACZ,KAAK,GAAa,KAAK,CAAC;IACxB,IAAI,GAAY,IAAI,CAAC;IACrB,WAAW,CAA6B;IAEhD,2FAA2F;IACnF,kBAAkB,CAAC,IAAc,EAAE,IAAc;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/D,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAE5C,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAC1C,SAAS,EACT,IAAI,CAAC,iBAAiB,CACvB,CAAC;QACF,IAAI,CAAC,YAAY;YACf,OAAO,CAAC,IAAI,CACV,4IAA4I,CAC7I,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACG,KAAK;YACJ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;YAC3C,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,WACE,GAAG,EAAE,IAAI,EAAE,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;gBACxB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;gBACvB,GAAG,IAAI,CAAC,WAAW;~~aACpB~~,IAEA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,WAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAG,CACvD,CAAC,CAAC,CAAC,CACF,WAAK,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAI,CAC1D,CACG,CACP,CAAC,CACC,CACR,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { icons } from './icons';\nimport { Icon, IconEnum, iconNames } from '../../types/Icon';\n\n@Component({\n tag: 'ls-icon',\n shadow: true,\n})\nexport class LsIcon {\n @Prop() name?: Icon;\n @Prop() solid?: boolean = false;\n @Prop() size?: string = \"20\";\n @Prop() customStyle?: { [key: string]: string };\n\n // Added function to check that the Icon enum type has all the icons from the icons.ts file\n private arraysAreIdentical(arr1: string[], arr2: string[]): boolean {\n const modifiedArr1 = arr1[0] === 'none' ? arr1.slice(1) : arr1;\n const modifiedArr2 = arr2[0] === 'none' ? arr2.slice(1) : arr2;\n\n if (modifiedArr1.length !== modifiedArr2.length) {\n return false;\n }\n const sortedArr1 = [...modifiedArr1].sort();\n const sortedArr2 = [...modifiedArr2].sort();\n\n return sortedArr1.every((value, index) => value === sortedArr2[index]);\n }\n iconNamesFromEnum = Object.values(IconEnum);\n componentDidLoad() {\n const areIdentical = this.arraysAreIdentical(\n iconNames,\n this.iconNamesFromEnum,\n );\n if (!areIdentical)\n console.warn(\n '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.',\n );\n }\n\n render() {\n return (\n <host>\n {icons\n ?.filter((icon) => icon.name === this.name)\n ?.map((icon) => (\n <div\n key={icon?.name}\n class='iconContainer'\n style={{\n height: `${this.size}px`,\n width: `${this.size}px`,\n ...this.customStyle,\n }}\n >\n {this.solid ? (\n <div innerHTML={icon.svgSolid} style={{ top: '0px'}}/>\n ) : (\n <div innerHTML={icon.svgOutline} style={{ top: '0px'}} />\n )}\n </div>\n ))}\n </host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-icon.js","sourceRoot":"","sources":["../../../src/components/ls-icon/ls-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7D,MAAM,OAAO,MAAM;IACT,IAAI,CAAQ;IACZ,KAAK,GAAa,KAAK,CAAC;IACxB,KAAK,GAAY,SAAS,CAAC;IAC3B,IAAI,GAAY,IAAI,CAAC;IACrB,WAAW,CAA6B;IAEhD,2FAA2F;IACnF,kBAAkB,CAAC,IAAc,EAAE,IAAc;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/D,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAChD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;QAE5C,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAC1C,SAAS,EACT,IAAI,CAAC,iBAAiB,CACvB,CAAC;QACF,IAAI,CAAC,YAAY;YACf,OAAO,CAAC,IAAI,CACV,4IAA4I,CAC7I,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACG,KAAK;YACJ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;YAC3C,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,WACE,GAAG,EAAE,IAAI,EAAE,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;gBACxB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;gBACvB,GAAG,IAAI,CAAC,WAAW;aAEpB,IAEA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,WAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAG,CACvD,CAAC,CAAC,CAAC,CACF,WAAK,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,GAAI,CAC1D,CACG,CACP,CAAC,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { icons } from './icons';\nimport { Icon, IconEnum, iconNames } from '../../types/Icon';\n\n@Component({\n tag: 'ls-icon',\n shadow: true,\n})\nexport class LsIcon {\n @Prop() name?: Icon;\n @Prop() solid?: boolean = false;\n @Prop() color?: string = \"#000000\";\n @Prop() size?: string = \"20\";\n @Prop() customStyle?: { [key: string]: string };\n\n // Added function to check that the Icon enum type has all the icons from the icons.ts file\n private arraysAreIdentical(arr1: string[], arr2: string[]): boolean {\n const modifiedArr1 = arr1[0] === 'none' ? arr1.slice(1) : arr1;\n const modifiedArr2 = arr2[0] === 'none' ? arr2.slice(1) : arr2;\n\n if (modifiedArr1.length !== modifiedArr2.length) {\n return false;\n }\n const sortedArr1 = [...modifiedArr1].sort();\n const sortedArr2 = [...modifiedArr2].sort();\n\n return sortedArr1.every((value, index) => value === sortedArr2[index]);\n }\n iconNamesFromEnum = Object.values(IconEnum);\n componentDidLoad() {\n const areIdentical = this.arraysAreIdentical(\n iconNames,\n this.iconNamesFromEnum,\n );\n if (!areIdentical)\n console.warn(\n '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.',\n );\n }\n\n render() {\n return (\n <host>\n {icons\n ?.filter((icon) => icon.name === this.name)\n ?.map((icon) => (\n <div\n key={icon?.name}\n class='iconContainer'\n style={{\n height: `${this.size}px`,\n width: `${this.size}px`,\n ...this.customStyle,\n \n }}\n >\n {this.solid ? (\n <div innerHTML={icon.svgSolid} style={{ top: '0px'}}/>\n ) : (\n <div innerHTML={icon.svgOutline} style={{ top: '0px'}} />\n )}\n </div>\n ))}\n </host>\n );\n }\n}\n"]}

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: '3b9b239d8b6e72a48a89fc9e7d7945f8cc1d583f' }, h("ls-icon", { key: 'd67e95c422b422195798df26522030f151ea70ad', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: 'c33527ba4e13a032c4858d33751015517cf5437c', id: "selectorIcon", name: "selector" }), h("slot", { key: 'de63a071f7c33a35da15eacfe46919b26dfd13b0' })));
+        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' })));
     }
     static get is() { return "ls-input-wrapper"; }
     static get encapsulation() { return "shadow"; }