npm - legalesign-document-viewer - Versions diffs - 0.3.9 → 0.4.1 - Mend

legalesign-document-viewer 0.3.9 → 0.4.1

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

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

@@ -120,9 +120,9 @@ export class LsFieldAlignment {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '16462ffe97721feb1c5116c9cbdc6194acb09c88' }, h("div", { key: '8b49b100acabf5428f0c6c96617b5face71cc8fb', class: 'ls-field-properties-section' }, h("div", { key: 'cd17f6e15d2da47217c9e81674bce61ffb93c5a2', class: 'ls-field-properties-section-text' }, h("p", { key: 'c7b348993120880a8569e122fc541c27e00b2996', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'faea33f277f2a0676ea49fe9aa89e2aa5403d2b3', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '46cbb0916710f4543714a66fb79e0530325773d4', class: 'multi-button-group-row' }, h("div", { key: 'fa2c33f3b95adbbc6676d301849f2b3265da576b', class: 'button-group' }, h("button", { key: '9811795776b9d3b72e6e01227537ba647765c1f7', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: 'c9cccea1fce16b039046eccd7770008744431d15', name: "field-alignment-left" })), h("button", { key: 'c1b61bce62bee85743552f58296a20cb8727b6b4', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: '50b82372296941ac55d244a4e6142ca5298f9e03', name: "field-alignment-centre" })), h("button", { key: '6d1c84c9d18fa3a34031aff232b20802322cad12', onClick: () => {
+        return (h(Host, { key: 'ff91106055b553840ec7cea1879831b4c67386ab' }, h("div", { key: '74d6d92db343203f303c0f15b2374e0a9c845b77', class: 'ls-field-properties-section' }, h("div", { key: 'bfd04b955977341041dcf7c843c6357c84161dc7', class: 'ls-field-properties-section-text' }, h("p", { key: 'c0f2cca8fedf5cfa7c834794f587c88c6a1aa960', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'e25aafb98356cb281c218c2d749b9965046cf079', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '423dd85ddf396fa13f222eeddf1df1180bd4bf51', class: 'multi-button-group-row' }, h("div", { key: '5e1adbaa0bc58934af572aef687fdd833f4738ec', class: 'button-group' }, h("button", { key: 'e4e6d565781f0455e26b10360fa7ac73aa205203', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: '355a0590e97eecd9284d87ff06234a74d7af631d', name: "field-alignment-left" })), h("button", { key: 'c33adc4c659ce5d7580febfde642bcfd5941d51e', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: '1d809c339e1a3a3bccf5dce4b39e7f54727879fa', name: "field-alignment-centre" })), h("button", { key: 'd07eb6abeb1c6fd448baa766c44b4a67d6958169', onClick: () => {
                 this.right();
-            }, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: 'bfe5ee90db7501e726fa39a261bb30ab73e6f95b', name: "field-alignment-right" }))), h("div", { key: '208cbaf9fbd64a236d21b05e651f4c186884bea5', class: 'button-group' }, h("button", { key: 'f519fd5dbffc3142cb5903acb7351b3ac90498ad', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: 'f865644ee98d5ac1344305db3f36f01e115339ee', name: "field-alignment-top" })), h("button", { key: '01413374356dcba3d8e610d53cad1e54c9505ef1', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: '972cf08862151472512535e83c293e06c0f3517a', name: "field-alignment-middle" })), h("button", { key: 'f50e3a0b9979286d84a4d5c7b08434b898c7e3e2', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '54ff2ee565b8a57c2d9d833cb44428526456d1cf', name: "field-alignment-bottom" }))))), h("slot", { key: 'ecb3c25fc535b1c95ef548fad465015c0c51be56' }), h("ls-tooltip", { key: 'bc9ef2625c2a44a76ce3346f706852262b545592', id: "ls-tooltip-master" })));
+            }, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: 'd9fcb4753b7528d334774badca2b3721aa618eb6', name: "field-alignment-right" }))), h("div", { key: '8bc6e5c74c3257b6cf0cf1972a9ac1575f81858c', class: 'button-group' }, h("button", { key: '4fa65b94f2337d08c2f38a46a525f96d30f02531', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: '8fbe38a0ea22e0ca50eb0625d66fafa73e0f8588', name: "field-alignment-top" })), h("button", { key: '15b2b3fbfdfa3998edb0fd3ddee0e0c45e5688b8', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: 'e5a0c30844cd64171f67339fa6a981ff63aec1de', name: "field-alignment-middle" })), h("button", { key: 'a98cb23b87a3b55864b24f1451fdd57bbd2c4554', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: 'd022dfe301b8e04cbb4f6dd3143e2db1cade82e5', name: "field-alignment-bottom" }))))), h("slot", { key: 'd88145120dd088adcd12b9e40d8c85c623447d99' }), h("ls-tooltip", { key: '46d836e0b43cd99f4784fc2eeec48f726916059a', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-field-alignment"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,9 +28,9 @@ export class LsFieldContent {
         return !typesWithValue.includes(this.dataItem?.elementType);
     }
     render() {
-        return (h(Host, { key: '469cf72380b04675585bd5a75c552090dfb31cb1' }, h("ls-props-section", { key: 'bd179adb9c330f0ac52a9bfaa7f41b43682150d3', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: '884c45d88f28acd845a241b1022f455c20482ed9', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: 'ceff8d2945c0606e8538e9d8ef69a90ee33532ac', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: 'db3ff81161b862e1c0e82c806d01dff34efe2b18', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: (ev) => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: '9c0321591806140057480f8964e8dec896ca6b73', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: 'c802f44d3110f31b701c036ceb65f9e7fe23af01', value: this.dataItem?.label, placeholder: "eg. Sign Here", onInput: (e) => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: '35a42e6f281504040e4fff0a847eee69e95e07fc', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: '7b62dacdec444a2a71f95fc91b9199f9094f67be', value: this.dataItem?.value, placeholder: "e.g. Gordon Smith", onInput: (e) => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '2a969b1ebc374193082c6222ece3bdd151613cfa', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: 'ac6f074fab3b4950c7f69d5c42876d719f96b653', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: (e) => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '37a174b6c1be16da8457f792dc48d66da9b3f5b3', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: 'd0a742b3acb91b4d0a53581c8a28c34ba6906fd3', select: true }, h("select", { key: '29f50f108f67a27dd19478e82e9a98680c56dc51', onChange: (ev) => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
+        return (h(Host, { key: 'ea54ac72a01daec82ce341886b234c645aa60db1' }, h("ls-props-section", { key: '60df9d1bae753c9ab040e47c01d7ee8855610153', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: 'ea9af34cb06da7ed83bb4739783e6302aa266b01', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: 'eca42ca34e5a5e97cdea9de46bc70f41756a0aa6', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: 'cebf77f8c11e04b915cf2b5c7c150ed20bed1438', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: (ev) => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: 'ec954a15b94a426b8c2ee4cc2f039e90b138404c', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: '903c214ba08295790ef1d215c6b0076de29f9e86', value: this.dataItem?.label, placeholder: "eg. Sign Here", onInput: (e) => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: '8426bf506f0094574883c4fcfd2423fbbe6f99bb', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: '914992f012a9feace4e23083be3bbaa8512cd3bc', value: this.dataItem?.value, placeholder: "e.g. Gordon Smith", onInput: (e) => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'dd69da6537735e5564162805a3b2f36787ea5323', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: '05180642ab28a84e81614a142e68c36402bebc31', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: (e) => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '4ba34bb716a3559c8731a067de1cecaefcc41740', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: 'd9f2abcb55f28bee04e360cf90e3d1d0fd68990a', select: true }, h("select", { key: '89c33d60decbc4788a8c3ccdec1930513fa7dc6d', onChange: (ev) => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
             .filter(type => type.formType === this.dataItem?.elementType)
-            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '2e4237fd38aadbfd41a7232319893b66d9946280' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: 'a2dc5760ad030b2aee4254f9aba78e916d326ac5' })));
     }
     static get is() { return "ls-field-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class LsFieldDimensions {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '9991be3176b61f811fb1c2b12aefc09c7721602b' }, this.isMultiple(this.dataItem) && (h("div", { key: '2a2ca8b9ff1e40b749e8dab4d0d33e6ca7eb6e47', class: 'ls-field-properties-section' }, h("div", { key: '135e011c3aa0520b2188470d21623215b57c96fc', class: 'ls-field-properties-section-text' }, h("p", { key: 'e501b3741b98ed1c46fb7adcda4368a1264917fe', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: 'e5af928dbd84b2bb658eac1ebfc8c032eae0993d', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'afcf2bb4cffe8ec59bd79415a45ec58fd22dc3db', class: 'input-row' }, h("div", { key: '1bcbdd2fbfe77b165db2e526415daf208904b0c0', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: 'b8a4be07027869c245929177750f87921f66e8df', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'ddbc4087e1a24f1e07038ff60dc690c678c91c22', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '36ec1cb0f0a9c07e4869429e350170b3e0072f35', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: '98a794adfd53382ed35ff324eabb3855a982d635', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: '71b0abf06ee4181b14a1afca1668acf84289605b', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '7e22b51c2e04e96f8607afb23d57263d44e7ebc4', class: 'field-set' }, h("div", { key: '64564de590cb2e0c489c24b12a099a8cd47e5426', class: 'ls-field-properties-section' }, h("div", { key: '8b7161afac947c2301176ede8185b94fa43ad895', class: 'ls-field-properties-section-text' }, h("p", { key: 'a4c46d8a531314acb13ccf1a01d6cbd5a6d6aec4', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: 'ecfe7ae649bc84eed9027c558b1bbce1d224d2c0', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'fde3898d235042ae8ce18c3456218b872b19614b', class: 'input-row' }, h("div", { key: '59e870be2405aa286c6ab4f5178b050fe13a4ee0', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '24b0a688e45e455ff25993f692276d2906b7c2cd', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '1ae5a959e7318eacc99037b19d8cd548b6535f3d', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", value: this.dataItem?.width, onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: 'a70b8b4c6e4c0bf2fb33245571d0831394b0ebc2', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'd614e2ba87dc831f8296c5b1f6941406574ee0e4', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: '2a6a9246da04040d4a9b6ce9b805c4100d26f283', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => this.alter({ height: e.target.value }) })))), h("div", { key: 'e4a090f7f51b6321f7293fe8137f3b66f127f182', class: 'ls-field-properties-section' }, h("div", { key: '849892116a729e7e6f3cd188193972b57eef1759', class: 'ls-field-properties-section-text' }, h("p", { key: '6f551850ffe4cf334a4b8d65f18c9a97ecec18c7', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '9a991485b86e7aa4a955767bdb5ca4b0fb2dfae9', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'b860ff6e6a9bac7d6a2478b1869b75220c53a4f2', class: 'button-group' }, h("button", { key: '1ab5508d149619b7c6504f20a856b55a030d7e02', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: '31a9652b067430c1823053387c3bab268f490d5a', name: "field-scale" })), h("button", { key: '3602bc41a9857b8597f5a2a7b94b14fca72cb65b', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: '27bd652ccc3c3e9220689e60edce16e49b506431', name: "field-match-width" })), h("button", { key: 'dabda8d20e44afb49a0afa0a83c6e86147624841', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '61171edeb819ac82e763d97a62566e1a3253c1a9', name: "field-match-height" })))))), h("ls-tooltip", { key: '5430f6d5341e07d02dd3e1f7f5c4e2926296643d', id: "ls-tooltip-master" })));
+        return (h(Host, { key: '33579f54ee4ea80fcfe74694597cbe046eeaa87f' }, this.isMultiple(this.dataItem) && (h("div", { key: '7a101d3396be251cd8749d353bc241f096aec914', class: 'ls-field-properties-section' }, h("div", { key: 'cac711c2d9b1d8f2374bfd32885a1dc7e3f9163b', class: 'ls-field-properties-section-text' }, h("p", { key: 'b816d4ac4e7cadfa65c0c804af4ada6076a31379', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '96f0213da2d04c64fc0e3bf86acbcd6c3a36be1d', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'd4687b42e8088f2f1eb9677e75e272e1ad1ce959', class: 'input-row' }, h("div", { key: '720e0823fc8587086d1ac0f43d90d051d6caa8fe', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '3d6e310b920031bfa8edb3c4adfac5d68697c8f4', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'c20b328c11c45d3edac7d4c65f5b5d015d20662d', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '95b69d2ee2729e64e6bb436683a6b7f680826f7c', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'f0ca45ce64c4d755ddc9520b266732cf83ab5895', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'd71eb9d329024ecfda33d7b8250be5d5e2aa560c', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'b6302ab188570fd27fcda8792a79390c35952ca1', class: 'field-set' }, h("div", { key: '226bec5f9fe17232e426b90c38cfb58aabef8c69', class: 'ls-field-properties-section' }, h("div", { key: '51a67e29166ae49a39a0bc34cdbfe42ec19b33f8', class: 'ls-field-properties-section-text' }, h("p", { key: 'e8d050055f282e521e57126df0a5a4fe1572e06c', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '5080e801f5b421179b0a921a32effe44250720fa', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '5332e942f03a3e49b97de9ff8da730a4262464ef', class: 'input-row' }, h("div", { key: 'b71901cef0176c508f69f5d4ae243227382aaa1a', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: 'e3760f612e014a65ce1d77c071fe32d16e601e2f', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'daccd33e44b07f81e9803754cdb98255f5440299', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", value: this.dataItem?.width, onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '758fb5c95a621b6a00d56df0b9b19a10e8a11e4e', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: '1ddb453f3deeb8ad10f3515084270645a7cee4db', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'bdcc41257dfaabf722de6d659a161f663ebf5480', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => this.alter({ height: e.target.value }) })))), h("div", { key: '4573550b0cf5e3d0177423d01f8e24ad9e9696cd', class: 'ls-field-properties-section' }, h("div", { key: 'b7aba2228f5680987444faef112357bb4429a9d2', class: 'ls-field-properties-section-text' }, h("p", { key: '2b02d3952d9fe4c32c749a27a10eb89e42bf0464', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '410961d4d006fb6b129641f9ab38e0788d9f63a6', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '9a12372bccf8aab4744744cd7d5d50f40ff596a3', class: 'button-group' }, h("button", { key: 'ee2fdd6a760117dfa4646d03050ea0f7fd48edfd', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: '86d5c41b3cf232946ff80ffa240d2098bfc5579e', name: "field-scale" })), h("button", { key: '30241bd561165cf02f2b6560738c55032489a9b1', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: '7416c03def8311f90dad7ef12bdb8bb253a1f0a3', name: "field-match-width" })), h("button", { key: 'ee0820d337d7f401d5cbecedc3e06ed5ba317f2a', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '6d72b1d4cc65059b033bb268345024361d358df7', name: "field-match-height" })))))), h("ls-tooltip", { key: 'b20549bc97e99eb1cbcbffd10a20e85c3dc3cd4b', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-field-dimensions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -139,15 +139,15 @@ export class LsFieldDistribute {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '2763b7c434ae9496669c951fc5ae96031d132d51' }, h("div", { key: 'f8fcbb74c149c097e76af30cdfd39679d79b00b9', class: 'ls-field-properties-section' }, h("div", { key: '33ee733d9d9e60edc02180ac7b67bfd0022c61cb', class: 'ls-field-properties-section-text' }, h("p", { key: 'b8748dacb4ee141191833fbdc53a7423ae9cfa40', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'ccba0a2edf2db0c93a2de21f05e24526851f8b92', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'b0b00b083fadbf4e29161992e706b820f76f3027', class: 'button-group' }, h("button", { key: '0a2985bdd1482d2bebe5da3a23c8f1dd76742c95', onClick: () => {
+        return (h(Host, { key: '59048599a1e37b88e7badb22082e6e6081a8b111' }, h("div", { key: 'c4031a27356d60ce690bea54743898deea973bb8', class: 'ls-field-properties-section' }, h("div", { key: 'f85a158b0b80b2606daac10a10da18f5ea67c3bf', class: 'ls-field-properties-section-text' }, h("p", { key: '1222eb8d6d940d3bec5927ad7ad969a390dde235', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'f8ad9958b46185515711d032e2acd7e9903e0b54', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '8d2d50a1e516ac954017ea13a630a11e3e676df5', class: 'button-group' }, h("button", { key: '382a8695ddb78b177d10389f4d096892eb24d2e2', onClick: () => {
                 this.distributeVertical();
-            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '226363d74d1e5928878937a48be1a5e3d63d11e6', name: "field-distribute-vertically" })), h("button", { key: 'a011ba43f090429eef226ad31708edf446f7bd13', onClick: () => {
+            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '7ddc6ac479e424277332f90b384870628b90158a', name: "field-distribute-vertically" })), h("button", { key: '8ab9a9a772ca63f73d28407d2ef35ca1d4e86b3c', onClick: () => {
                 this.distributeHorizontal();
-            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '9ee0ebc693aba86a80a2c0a71242ce4e6e705514', name: "field-distribute-horizontally" })))), h("div", { key: '598954e41d82c4fa28d134331a663ac4cd2c5bdf', class: 'ls-field-properties-section' }, h("div", { key: '300e84d5c83a2f0eedc8e67e06a44779a41d6b06', class: 'ls-field-properties-section-text' }, h("p", { key: 'b399a1a14ab74434276d4a8f3f83226c81f6da7f', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '3ec335cf48345c1dcd92dc2c556bc54d8d521d7e', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: 'be7e3dc19e453a14b7c3f8ab4f70851e7f677248', class: 'input-row' }, h("div", { key: 'ce58273f54dc806766d941ee62b47d033edd4394', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '123f5c729418828e2df9396ab8bac08c8dd0b721', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: '1f47cb7bc92da4500d84a79f1f1db8a56367502e', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
+            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '4f91aecee5ec3230176e61b791771f4fa4b8524a', name: "field-distribute-horizontally" })))), h("div", { key: '2ad325847587990f8280456373cd94bfa0bf4890', class: 'ls-field-properties-section' }, h("div", { key: '59fcde4b64e86eeeece1f9a2e69a360d3762e23f', class: 'ls-field-properties-section-text' }, h("p", { key: '5ab744d8783ba4eaf86aee1575341325dea435ce', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '58cc8ce5cb15a81383d37c78914927dea4982c42', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '16f31fdfdbf4fd051d776da9196e613ec343f9fb', class: 'input-row' }, h("div", { key: 'd08f3225de705e36f3aec87405ac7de020b138a0', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '860b1bda1c40824cb8b5fec757f626677760e5c0', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: '94b41cb6ca0c4c9312a206f94c81039d361079e8', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
                 this.gapVertical(parseInt(e.target.value));
-            }, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '650eb633c06af9c1afce46f32eefa7666d286737', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: '744bc4cbf3225bb5b966dc02a0fdfb94152b0409', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: 'fd5e397884ea19a3b12ad00395699df0ba2a7d69', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
+            }, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: 'e5ad73ae44a263aacebf207ad2d84401b0c9b4a3', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: '4a716b0aa37048e1086f52242da95dd33499ae8c', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: '3ce5e41259cbfc38fcf528e324a8771630d92a9d', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
                 this.gapHorizontal(parseInt(e.target.value));
-            }, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: 'da5cf6c8862aab01b2548d1ca8c0f4921bfbbcd5', id: "ls-tooltip-master" }), h("slot", { key: 'd2c43ac8ad75607e64d7ae03f2e4f52c21037220' })));
+            }, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '31b08e72a9d47b65ba78fa9b631e154342956f3c', id: "ls-tooltip-master" }), h("slot", { key: '7e5507606832d343a15f11d8a7cc5ebcce0aff7f' })));
     }
     static get is() { return "ls-field-distribute"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class LsFieldFooter {
         // this.selectFields.emit([newItem]);
     };
     render() {
-        return (h(Host, { key: '1594c7adce1e761344f405a937f9f1399ee58d71' }, h("div", { key: 'd9a6f18c35bbc7240d6f88a09d4e4716194d23a9', class: 'button-footer' }, h("button", { key: 'cf98b90594bcca9b8242c271d698be3d78ce3efc', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: '279e9bb8693dd5a66591e71924904b050df2dc8b', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: '091b81c22403da984a629dec4e582dfeb4ec662b', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: 'adef4163b8ea4572ad19fd5d40271d8bb562b19c', name: "trash", size: "20" }), "Delete")), h("slot", { key: 'c82b39ad3a9e293347ae377e553795ce4aceabfd' })));
+        return (h(Host, { key: 'da4f1c828b80134ae2403ca2be1aa2ee84a76e9d' }, h("div", { key: '32894e6120275c76f38e9d6cd6b359e0dfef6ebf', class: 'button-footer' }, h("button", { key: 'a63924c5a7911db1d5427d7a9b2fd4df66f96dd8', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: '8007f022d9c3109d58b5b4acdf1badeb5d84c42c', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: 'c32a9e070f4e7109a8a57322aa42435c07a25cf7', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: '1de10eabdd1b3d902f890121c0ee44c79e07eb39', name: "trash", size: "20" }), "Delete")), h("slot", { key: 'b0e99a1fc8aa193e3104c4fe64a421c541451114' })));
     }
     static get is() { return "ls-field-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,31 +47,31 @@ export class LsFieldFormat {
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (h(Host, { key: '0859768e92a4f7224215188f1d13a2ee0c0c14ec', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '8606bbf54a949da3f2d4f420ba8d8378781fd3d7', class: 'ls-field-format-bar' }, h("div", { key: '6e5d6285fd8db5d20a4865d49ecf4469c025c1fa', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '7b97bd42a675f58b2e310d76b1e59b60073acf01', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'ac649c3e78d624de918971651513a7526881a5df', id: "ls-toolbar-font-select", onChange: input => {
+        return (h(Host, { key: '91904dea2ef41d927e3da5887baa4a323591cb1a', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'a54cf1a79c973ce5af75edc991d60899d21add2a', class: 'ls-field-format-bar' }, h("div", { key: 'd42c031a6436d31f48f1b886acf491b7b9e0d1eb', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '41c34e54cc96fb8b8a3d8f27f6fa2442d8b71311', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'a0845bcf73385eaf2d3c31629eddb71ee3ffcd36', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'has-leading-icon' }, h("option", { key: '2fa116dd41a13cc71bb4c8160186e4584dc60ad0', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '0b07c4d09a90bd3a0a2ca050cf35aabcc24f2ace', value: "arial" }, "Arial"), h("option", { key: 'dc8f38707436d7e2e4cacc555412246865015ea7', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2cbed009b7533c646a3cc57aa04edfcb9a79a5e6', value: "courier" }, "Courier"), h("option", { key: '6fe8e2e5259b92894b2be99590681d22ca0e8598', value: "helvetica" }, "Helvetica"), h("option", { key: '6e4b87f7cf94250898d276032124ae4080911600', value: "verdana" }, "Verdana")), h("ls-icon", { key: '1f594749ac4dc21892121e85923af160cff581df', id: "selectorIcon", name: "selector" })), h("div", { key: 'e006f2c18ce8054c58f3b156b25cae1e327009ac', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: 'a9a1c9155ac7698326e1eedb6072d19d8394ae81', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'ec699259b7c1bedfcbe3691664b403d55ca3cdfa', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'has-leading-icon' }, h("option", { key: '2d75ace90ec9c92dd0ad0375a9d4442d542191aa', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'da10b03b8918bd7aa624e266bf4d8d03d52c6041', value: "arial" }, "Arial"), h("option", { key: '22fad1090e9aef80739ebe48f035feb2ef1af845', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '606131c91403d285f25b311ee39872ea9ad9b37d', value: "courier" }, "Courier"), h("option", { key: '3130923722b981b56671400489fbd538df4b0577', value: "helvetica" }, "Helvetica"), h("option", { key: '31d9bcf4d4b66a9d0d4834a7568e66f28ae6167a', value: "verdana" }, "Verdana")), h("ls-icon", { key: '7d81c85294b2fb8419b8dae5c6b048607da99390', id: "selectorIcon", name: "selector" })), h("div", { key: '7264390a9d7df8190e30e0372fb13dac8a3cd18f', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '18bc7f3d890d32727def93564743e1805fbedaee', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '560fcadff4e48f5c294c3400bb662380fcb30b59', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'has-leading-icon' })), h("div", { key: 'fdc37da4848f995a7085f3b0d1d94ee83e9d2d75', class: 'button-group' }, h("button", { key: '6748c66d477ce772f9d7995d037136fa8b43baf1', onClick: () => {
+            }, class: 'has-leading-icon' })), h("div", { key: '531d5d3392b5418d0c117e3ff62a999c9aa5a164', class: 'button-group' }, h("button", { key: 'a37a10f9c317b1d4d2e545da018562182d0133be', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'f02a4eeb2beb0631b5fc488339ce8764b2c564e2', name: "menu-alt-2" })), h("button", { key: '48ec7d3352d4eee35654251cdc59e0dafa5e1fbc', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '7495967a664b752e9af12343e1778cfbe2067b5a', name: "menu-alt-2" })), h("button", { key: 'caa6369eabbe15f8c6fd46e0300160a3c95874dd', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '0eb3fd96fe38e31090c1ec3b1cd2d861c14fe5e9', name: "menu-alt-5" })), h("button", { key: 'f30306089378abf1fdab633480d2b95d706f7c8c', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '6ed41fd2f767487167ab4717655e4e97765c42b0', name: "menu-alt-5" })), h("button", { key: 'b36dcde58f3193e6e415566c3d82bc4937c71cad', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '484d852d603f6a7881b305075815c50e8dd535db', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: 'd1339b6c32da71f11b29e4bdc248048387cd7ab5', class: 'ls-field-format-bar' }, h("div", { key: '3a954196fd960cdc7dbee0cb45bdcfe58c0de239', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: 'd02872fcaf09718ffcf12705471aad6df7dbcb45', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '81c3986067d0a771a330dc23ccb3615eda7fbfe8', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'eaa54d107c3c4dcaf3dc7f2d4942a169e8ebe831', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '6627729479f641991e1838910139e5816336f6cb', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '4deb56b506fdca4033ddae85db997007ad884be8', class: 'ls-field-format-bar' }, h("div", { key: 'dcf37bd8f1702c8da10517b5e4f6a4e5e6ea6db9', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '5f5419591be0c1c3c1ca494d7f69239093b2efb1', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '0f04f71e6d5819838b45416a7b4895c14d903dfd', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'ae3f730149a57886aa76f10e239fd6b387130d0e', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'has-leading-icon' }, h("option", { key: '6113ae9df3d6717e3a33623c15e351b2c331db87', value: "arial" }, "Arial"), h("option", { key: '743d03597ca544b60ad6d62a62b141abd1869d78', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '6c720cb9f70d8ca398c8ff81919f2a07d5d23f19', value: "courier" }, "Courier"), h("option", { key: 'f7bc35f462739f30b6152ed1cf2474783b8b1a15', value: "helvetica" }, "Helvetica"), h("option", { key: '184d4bd8709fb38bc55a1a848aad7fd24dbc76e5', value: "verdana" }, "Verdana"))), h("div", { key: 'dac26543643e5946a3baff9bf4069541bbbf32fe', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '7be6dc41f28296511db4d3426f407d549bee0ab7', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '9e0f3265cb43a1cb1c083ec53f22563c6b9442c6', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'has-leading-icon' }, h("option", { key: '986f537ca8ee6f993d919ffcd8e065235a7af6cf', value: "arial" }, "Arial"), h("option", { key: '34868fc86461b734bc299a52d3bf764c5733c524', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'a0842823da3cc59df6e541e41fbadf985e34cd92', value: "courier" }, "Courier"), h("option", { key: 'deb6c832fe8ed0221557e74ef36cb52ae3506146', value: "helvetica" }, "Helvetica"), h("option", { key: '6e57150e9dd30b79556f2f7edbfc0c601fbea78b', value: "verdana" }, "Verdana"))), h("div", { key: '7e25a56576279c7cd2e356feb946c26ceaeb7cde', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: 'b2a0152766a14ca67d3c1aac071260b18f4d9f3c', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '8e6c594178eacadd4df80f2419f1c8dd7d6c220d', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'has-leading-icon' })), h("div", { key: 'c48b8e847e9804d55fd1520c2e77afff0f189c02', class: 'button-group' }, h("button", { key: 'ee09f693a8cfc903b0f2493e309db02d1b48ed4a', onClick: () => {
+            }, class: 'has-leading-icon' })), h("div", { key: '933b4baea697f8524adb3adc0ef13b7def5fb66c', class: 'button-group' }, h("button", { key: '40a062746ab0555b30cf6a27e8ff8ba8b2146310', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'd6286a5c0e6f2aba78904bc2e508b098ea0cb7fc', name: "menu-alt-2" })), h("button", { key: 'af66340f8916d687228a5187600bc0d4fdaff1ee', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'd3d5b625a674e3360ee06208819dac9418220bba', name: "menu-alt-2" })), h("button", { key: '580006ab0a7e785a0a42bc7e06a16c534c26776e', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '13c8d90de703dd4c5a276476d92bd8802fd5f4ac', name: "menu-alt-5" })), h("button", { key: '26495ec3565171416a08fd697251f5f8d9e74f7f', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '315977f700bae7240260170681604315ca43f95d', name: "menu-alt-5" })), h("button", { key: 'dd568f27339beb1c88ca1beafc245c0537ba6880', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'f07037517347d5efb7d6e91d24fe383f3aa47d7b', name: "menu-alt-3" }))))), h("ls-tooltip", { key: '407f95e6552cd794ce590e5a606a48a382ff1c3c', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'd94a38666edc580c7a79a6b33b394c4dff37226e', name: "menu-alt-3" }))))), h("ls-tooltip", { key: 'd360f63e5eb2f42b4704ccf1407d09e4239c6924', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-field-format"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class LsFieldPlacement {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: 'fb898a434a220151e5975d087a1ed23137f3325b' }, this.isMultiple(this.dataItem) && (h("div", { key: 'e1b38e180f51b8d110476faeb3d5875d04965131', class: 'ls-field-properties-section' }, h("div", { key: '4d063be5ccd36a34666ae5245a49d34bb24472a7', class: 'ls-field-properties-section-text' }, h("p", { key: '0c4985637290ec604d9847e264ba4b0b7046dca2', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '4f61c592d32742726354895c1aab4be11887d171', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '1ac7de1d1d21091aa5c4ee173695f2fa824201e2', class: 'input-row' }, h("div", { key: 'fe416a4fdf442af3b052ce0e4eb344e4e5799ded', class: 'input-wrapper' }, h("ls-icon", { key: '17176b317f796691d3522365fd7b5cbbc5dfd89b', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: 'bcc77980a9207d2d3f1892b8e6f75ec1b623689e', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '7a301ac2c29fd4868cf9671ef1b61c3ac8d33223', class: 'input-wrapper' }, h("ls-icon", { key: 'cdc10ed979803476f5229071340aeed809b7b2c1', id: "selectLeadingIcon", name: "y" }), h("input", { key: '33263a8eace33568aac8ca6903b6df8dd9059a41', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '76c65fe03f221a6b033377d3bbd083a36be7d179', class: 'field-set' }, h("div", { key: 'd43d7497318acd5bc7401e8f4165e254602fad1f', class: 'ls-field-properties-section' }, h("div", { key: '40ee63a2016741c9bb248a359584c4824b55010b', class: 'ls-field-properties-section-text' }, h("p", { key: 'ec9955d17bbb584e01783c10b86b02bb8badb6d9', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '6191719e404adb163e959e39a0630503ea970cc3', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '505b9a4b530e837202d0bbe2517e663a26dde081', class: 'multi-button-group-row' }, h("div", { key: '32935ba6f86dad3fb7229508f53fab532c5cafe6', class: 'button-group' }, h("button", { key: '0ae8e210d9c79f2e60a938b1344b6267bd5370b0', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '3dff2ebda866b74161e0bfcd1e956d0505864dee', name: "field-alignment-left" })), h("button", { key: '84d1bcd563736af427464f37d5574bb1671c278a', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: '4c64afa4e16cdcf71d2c810402e323066ca85e69', name: "field-alignment-centre" })), h("button", { key: '45d8ca5e6630e7aac05655dced8f3ac99fe18716', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: 'bbbbe62f11f4de87aa50354013bd569b9860391c', name: "field-alignment-right" }))), h("div", { key: 'f254beb900ae30f9028e4a40ee739fafa7bffa55', class: 'button-group' }, h("button", { key: '18ee712f692df33fef3a529d16edd56760bae177', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: 'b2d42db41524b20fc2147dcdb231e1d7e6f343cd', name: "field-alignment-top" })), h("button", { key: '02de8cc536f6fa7bd437f82015bf6f5098e98f17', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '86aa7faaf3a3b5f022141101fdf419afdcdf09fa', name: "field-alignment-middle" })), h("button", { key: '8de725ca74947a1ca14adf684b1ab1b9a2fbe869', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '2c58fd242ce46ddf935f6090c4192a2c1e3815db', name: "field-alignment-bottom" }))))), h("div", { key: 'd9c49c6aa200e05a832482b0da86757d921a698f', class: 'ls-field-properties-section' }, h("div", { key: 'e2b93079a3c34918058b9694b98a5d4aa3e0d007', class: 'ls-field-properties-section-text' }, h("p", { key: 'f524259dde1c143cc72e021956af8d7f841c3aec', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '366f18dbd3f944dd14ea4039b0dac91fed7dced9', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '6418197eaf1053991594eea86d1b63711ed74e4f', class: 'input-row' }, h("div", { key: '5f09df65c570ccab010d20bfba93a203973cef9b', class: 'input-wrapper' }, h("ls-icon", { key: '176ea252b68660b68fb4d4472b5b5023969d9c56', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '4428dde7157b2d60ae3f6cf33e31c0712cea64fc', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '57aed801893c3b02356b83ec57ff68a379cdb7d0', class: 'input-wrapper' }, h("ls-icon", { key: '78db1a1abeaf0bc5902bf9803cdd635d2e6da345', id: "selectLeadingIcon", name: "y" }), h("input", { key: '17ad6d8336f9dd30a7ed0810bf6bc69fd02912a5', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '3e195a988520632f41beec5e54e939db3dccb249', class: 'ls-field-properties-section' }, h("div", { key: '13d439b92f183f163f2e26ef38b627a80f4ea64c', class: 'ls-field-properties-section-text' }, h("p", { key: 'c86b7d06d259b113ba2dbe692740e4c2c35fe60b', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'cda8975a184164bd9d9dee4a043df8c43c8aca1d', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '35f15695f98adc7e6a2425d55b3ef63ed0f3003b', class: 'button-group' }, h("button", { key: '39f0bba58102fd6115484c307c195a9821b2f0c5', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '34d4dbb1717ed486d77554f6fcd3c8e8364b8153', name: "field-distribute-vertically" })), h("button", { key: 'd408509d0578c68667f70f0ddc5b646061262ad1', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '9ff5a1f589c74f5b7586041352c01a90e1dbaccb', name: "field-distribute-horizontally" })))), h("div", { key: 'e0c8fb79c488bc72c511c31f35c09814f7f63a05', class: 'ls-field-properties-section' }, h("div", { key: '1006e99a23bed70cea2e5ce5abeedf3fef755f87', class: 'ls-field-properties-section-text' }, h("p", { key: '4c66b4acf7f189dd51f348126db730b0488b5d4b', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '7c8f37adbe000de9621d9a874ee44255122ec9f3', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '52d2fd9e5605016389a7e9460f249077199af067', class: 'input-row' }, h("div", { key: '4094c09f154818cd7a401120c5dde1bc32fb58f2', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: 'd5d01efb6c3d1f15a055d97f3376cdb309241dd3', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: 'c98d95fa83a77542352fdd514d001c6ebe868491', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: 'a02eedc46700c2b55ae949939a03e977e9661d80', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '8a1189c052e118771127095c57efc958592bc1f3', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '7a2cc4c1a8082b18160294144ab53b6a38d63235', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '7f7f6a8f2bee35667b3511d49819e3b16fe4e8ec', id: "ls-tooltip-master" })));
+        return (h(Host, { key: '36f80bd453b565aa02c8dee68a8b5b80be46fbd3' }, this.isMultiple(this.dataItem) && (h("div", { key: 'd6e02596d403c08237b3448f11aa74fb960dedc5', class: 'ls-field-properties-section' }, h("div", { key: '2ab8035a93780b0b64bf857471bfbff07d1aba6c', class: 'ls-field-properties-section-text' }, h("p", { key: 'bac56756ba1bdafd927c9e28b3895fbde1f52bc3', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '318c12a31ba6a0a31b345ba93999ab0d5ecde273', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '3db0489d706b906c06171e29e1924e712594458a', class: 'input-row' }, h("div", { key: '86a5a688a0b785749c106228661e663f36c50750', class: 'input-wrapper' }, h("ls-icon", { key: '3db8391837b1597257f53bf2b103717d5eb25df7', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '479f72ba56add255d6e7d734f2662f6b3d012d8e', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'ddad8591a8932c6e4ac34b14fedbfc4afce1a564', class: 'input-wrapper' }, h("ls-icon", { key: '1ec0551718d272397f6a6d3c43a9fe60121ca99c', id: "selectLeadingIcon", name: "y" }), h("input", { key: '096f6478c58ead15e95a105c87eb25c4c68b86a1', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'a105ba59553c2736865a21c11c2577b165aa94bf', class: 'field-set' }, h("div", { key: '930ad119c2f86ad59289c3dad8bdaeb0cfcd36b8', class: 'ls-field-properties-section' }, h("div", { key: '97b922f2817763bfe4d8f4fedfcd809da2e4f434', class: 'ls-field-properties-section-text' }, h("p", { key: '430941cb15144fd09bbe73d4371b84e2cf5028bf', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '13e025ede881db06c9c0b5fbf90aa9c5b71255f8', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '4b1af4297bb322166534326685e380f2374c91f8', class: 'multi-button-group-row' }, h("div", { key: 'd9cf29743256caccc5604385070105a8af683cb6', class: 'button-group' }, h("button", { key: '5ea2c951887d85d5af04213c2203ec25e4fbefe3', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: 'ffc6e36fe9a28f21e1a3948d7224c3c8646a5ccd', name: "field-alignment-left" })), h("button", { key: '2c9f1114babf362d728982164df27cfce4e04bfd', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: 'af865e915619185adea9bfe382cf061b59b54af8', name: "field-alignment-centre" })), h("button", { key: 'c97819c2d6edf5d320b20bc07416a8ee8f10361d', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: 'fed4200b05434bd2657998c5525dbfa609358eac', name: "field-alignment-right" }))), h("div", { key: '3e56250bc7864903ef787b5ef3f14f43b0a5ecf8', class: 'button-group' }, h("button", { key: 'd18a486d4c9dd22d0f83638aaf5eaf36cbeecb19', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: '6b9320f2fde13f963bdc4c53cc0c2ca6686a5ce6', name: "field-alignment-top" })), h("button", { key: 'd1e78f8bc89486abec29109ae997f2605e134a50', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '2ad1a9390e580a09f9ca169e6ab20366c6507898', name: "field-alignment-middle" })), h("button", { key: '2137a6ea908d00e53c81c1c298a27fde3d2b3247', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '4e512b2acabc8d2e2a894d3b429198d16fb41543', name: "field-alignment-bottom" }))))), h("div", { key: '4fdef07cf4f116261144a9f53b1850a4bd2559c9', class: 'ls-field-properties-section' }, h("div", { key: '99e48ae43a5d1b0d35ce2d2c2ccb5df94d68cc4b', class: 'ls-field-properties-section-text' }, h("p", { key: 'b7a93783ad49d357f1b5b822369561b5283cd580', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: 'a88c03e04e11ede5025b247f07c52c6b024b554f', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '61e4ec2aac12f2be2300827845995ecb9555696d', class: 'input-row' }, h("div", { key: '43863231bb7a0ce543821f7de413fd284cb18f55', class: 'input-wrapper' }, h("ls-icon", { key: '60dca912811fe88c4033f7573899a26ca22908eb', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '3bf31dc6936e88aa3fd27ba4a60ca4bb795253dd', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '29352b34720c158e6591d7d3867669c997425cb9', class: 'input-wrapper' }, h("ls-icon", { key: 'c16b59dcdf2f3ffa86bca1ac575b69348ae890a7', id: "selectLeadingIcon", name: "y" }), h("input", { key: '8407294860edcb522d2a5242a893505258107a81', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '4633eed1c771f4d61b84b1c63f46db6a4c984b8a', class: 'ls-field-properties-section' }, h("div", { key: 'fb638934d31730924063153d7e3f0c3a75093513', class: 'ls-field-properties-section-text' }, h("p", { key: '2cc5bd58cc7ea4c47e5d3f30010dd6803efbf6ab', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: '4e005e2313e41ffde5f7e6b589626fb60c404885', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '159221fb40cb44a621376efa8667ad974a10bf15', class: 'button-group' }, h("button", { key: '94e77d93a649c1cbe6241fe16a61096730b2e5c6', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: 'c7dc3e6ec99437e53208a84e74ddc9cd0bdf64f5', name: "field-distribute-vertically" })), h("button", { key: 'a902b5756be14223d96c78c5c8139dc0e21027b8', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: 'd54c20b9ad2690aac670803b4bfcad33dbc057b0', name: "field-distribute-horizontally" })))), h("div", { key: '3c335da8e5b0e263c447fe7333a8bd55a733e15d', class: 'ls-field-properties-section' }, h("div", { key: '968955d96417608abadde4e1a6a159d34d170d95', class: 'ls-field-properties-section-text' }, h("p", { key: '2a9a1bf3122c26aad9e4bb64f7f3ddacbac0ce7f', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '89242423bcbd787101cd020bb49765ca27d0c3dc', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '9e997914d995fb2ead747c345a22921b4474ff76', class: 'input-row' }, h("div", { key: '36c4f48520f96109a2901e658e3a28e62afb7c3c', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '6e2a9152d67a35924c3d7ba08b99dc5c3331c574', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '8574410027adbe8253a2d0faae3109cc28f77d38', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '8652785d2e7741520e375f098f494c3bbbb8480e', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: 'e3b3234d36bb5f369e33d45156665ddecb12efaf', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '0375c413df83613ab4597fd5431bffecdf679877', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '0d80fcdc8f9353c13d228ce7297bc87988456f24', id: "ls-tooltip-master" })));
     }
     static get is() { return "ls-field-placement"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class LsFieldProperties {
         event.stopPropagation();
     };
     render() {
-        return (h(Host, { key: 'e10f84f92b07c03c076dcee664c2acfb968e7626', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '24fa6ef914db2f305854bb21240effc5a86478f3' })));
+        return (h(Host, { key: '8b14975eed8fd2bbeb0fce44fa332ea5ca50bcc9', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '3e5c926ef4f6e45b814c1ca4f9e8ea48434a3ae4' })));
     }
     static get is() { return "ls-field-properties"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,10 +55,10 @@ export class LsFieldPropertiesAdvanced {
         return '';
     }
     render() {
-        return (h(Host, { key: '229d7ddd665d729e9e677814b0636cb2150397e2' }, h("div", { key: 'fde44b85c29bc148d8b4f2bd835622be2227e962', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '0722b4102c79b815105d163a8710265abe839008', name: this.expanded ? 'expand' : 'collapse', size: "20", solid: true }), h("p", { key: '40d0fe3c61437359436320f24dd0ff09b1e079c4' }, "Advanced Properties")), this.expanded && (h("div", { key: '5eb41b7685321264dca681525254d68cb83f2290', class: 'field-set' }, h("ls-props-section", { key: '940f314bf3ade17bd6d73b6f4b3b22315aa781a2', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '326bb6acc0948e774e29e414919c9b8ae6f51213', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
+        return (h(Host, { key: '525aca5b25e79b70c7edfb024c1ad333076fae54' }, h("div", { key: '6e785de381db8c33d362f47250e3233d1ec85883', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'e1ba6a77f53ac7a3d5c094eec85b29c6976b2c3a', name: this.expanded ? 'expand' : 'collapse', size: "20", solid: true }), h("p", { key: '841527428aed8dd8805af990ce2feced57fbd067' }, "Advanced Properties")), this.expanded && (h("div", { key: '47d1956fd618aed368ae522e7ea5e919121e72e4', class: 'field-set' }, h("ls-props-section", { key: '2650024b73a3dabd3d510fc3431a235011684e68', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '76da63a43c571d48fd84e59a72e6f69e8bdd43eb', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '86c67a544da6feb588ad0582dcaca95e793f9c83', sectionTitle: "Ref. Name" }, h("input", { key: 'a76eed6902eece334c51e045b056cc7aca047b22', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '74633905b6c63c4b2315a8f624a31ddcdd9424dc', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: 'd6ae68fa08d437b49df08e108afe136db5d366c1', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '9d626ed40dce45e6c2b9ae043269532128e18f60', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'fcd485e0b7dff9d79e45cb7830543b9ea51757ee', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: '414f7d46c9d4b32c64338c3ac031f191926d9fbb', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '09fe5d2ec3822ef21c777792b6a4e53f24cc686a', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: 'd3a7b937c486cb922ee40925a1b5d0796945f667', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'c3762f4d14ab872e6de69ce06e292e424d83488f', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
+            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: 'dafbad02f11bcabffd31e88d9a706fe48370f4b3', sectionTitle: "Ref. Name" }, h("input", { key: '97c830d6a867fbdb4e97ef2bbfef1381877f24f3', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '428b4964bc93131748697eed41130cadbf3aa201', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: '4ce87c075e789519a47b3f501d15f2e65b877103', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '35e994dcf2a4328b988ff56fa0217cc1364e7c17', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: '008319f53d1ce8fa2f16aa3e2992fcc14325ba1e', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'afa8bc473058f3edd507d1a9a7d26359dedb2e7d', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '70b0a4bdb81c68b1be7c80c33c118c6e8ebcf3e7', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: 'abc77933b19cbccb685a3a6da362aeaceecd0b38', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'b5c6738d7800471a00f71bbe0158e9d1483f4460', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
     }
     static get is() { return "ls-field-properties-advanced"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesAutosign {
     dataItem;
     render() {
-        return (h(Host, { key: '3fbad8ed745b4900fc76f2f5642c4aeda93193f9' }, h("div", { key: 'f433089f386eaf85cde4dac1f800634730b2e9d0', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '8142d175bc2e494aa4741b4c2c4e82523f117bba' }, "Label: ", h("input", { key: '70b4e47422f4e090d01946171a4bb3618949e9a6', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '17cbfbad642d9919e44632b78b72bf7694957e37', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'b3e3704ee4e17b85f536581795a8331adc6d0a4c', dataItem: this.dataItem }), h("ls-field-footer", { key: 'eca74f7af4fd303c81be26df4863965c5acea42c', dataItem: this.dataItem }), h("slot", { key: 'b880e6d4331cef73aa9f1e0a329cdb56835a8a22' })));
+        return (h(Host, { key: '9285ab2a5cb12f9b91271be75e75fa7195409073' }, h("div", { key: 'c08e687347c27506b2957468b396c9671acf1e0e', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: 'aefb685cd71e70b7a5ae0331870b2dd767ed55dd' }, "Label: ", h("input", { key: '8e12b81736653e6cc1242890f23666551cfb6378', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ff49889d87a43ce879585149539943618d6864df', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd7d8034eedcbb9ad75ab945e96386066d1f43a03', dataItem: this.dataItem }), h("ls-field-footer", { key: 'f14b774253690484099d2660cb764618207f27de', dataItem: this.dataItem }), h("slot", { key: '78bca0ddb0e6d84c046f33a4a1d1570c0d20adf0' })));
     }
     static get is() { return "ls-field-properties-autosign"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class LsFieldPropertiesContainer {
         }
     }
     render() {
-        return (h(Host, { key: '3fa6c8fd48b21f1fedfb5af0270afed918c2639f' }, this.tabs.length > 1 && (h("div", { key: '2314daf0f47d5f4a694eae0d9aac3f0a775df26d', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), h("div", { key: '967f6c1b1b7d24a14dd9520d8fbd4b7d16041a03', class: 'scrolling-container' }, h("slot", { key: '4e190919fbb04a3b159acb0b522f160c91218e20', name: this.selectedTab }))));
+        return (h(Host, { key: 'e19c0cdbd6e2ff2258804d46f8faa3c726daae23' }, this.tabs.length > 1 && (h("div", { key: 'b0b5329bec449c6da23646a0983bd3f636a44ac1', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), h("div", { key: '72450e3a8bae527a73408c89ef719c78cd1e81db', class: 'scrolling-container' }, h("slot", { key: 'b088d8010f2e3cc24847382acfcc4188b4df9df7', name: this.selectedTab }))));
     }
     static get is() { return "ls-field-properties-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesDate {
     dataItem;
     render() {
-        return (h(Host, { key: 'ea5bd0d382ad32fa79de34674dbb745a55048089' }, h("ls-field-properties-container", { key: '787ad9439736b7ee01ecb2c9042bb7308fe4ac45', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ef59ba835a6ffedee3a197206924e9e39c01d820', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '4649ae40b11ccd292332cee9c27a6b1830bf33de', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '4459ea3865782cf7143e129ab8305f43133f51f1', dataItem: this.dataItem })), h("div", { key: 'a458ef9a2e60b54d3125c43be725384f09b9428e', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f49bbb7263642b2f56d45011008e1b7a7d846dc8', dataItem: this.dataItem })), h("div", { key: '972244ffb6d6be51a0cce0daecd8adaaa2978c18', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'b03300627b1a07ca540c490c042decf092ecd71c', dataItem: this.dataItem }))), h("ls-field-footer", { key: '05a527172d65454d5094f3ad8af56050e485ad4b', dataItem: this.dataItem })));
+        return (h(Host, { key: 'f78f03bccce97c0d12ae21e3f7879f4a83452d0b' }, h("ls-field-properties-container", { key: '6f2391a7ed6e85dda3b868a15a735c05701c1f3d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cce3f53fa0b32efe341fe9682775928c7a1645a8', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2a4a986d17ec0e3537d75988cd61820d673ab364', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'be070de8f0d9c212e8849498055b232e90f77a21', dataItem: this.dataItem })), h("div", { key: '4218d20c0ad2987fde6b7ad190c77e6f45580e0d', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '902fc665b8dd167afdb8fb90101458b63d381956', dataItem: this.dataItem })), h("div", { key: 'a9f23940fe88417be866999d8f03d53c24e9eef4', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7b80f9305ae3ae83c4f807693faeb0085e9dae7d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5feb5badd9c982424988daa66127b2b89af53c47', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-date"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesDropdown {
     dataItem;
     render() {
-        return (h(Host, { key: 'c205e50348c57bcce7ae2ad52f32c042825c3bc9' }, h("ls-field-properties-container", { key: 'ab77b6522f4fd21adc65c2490906d5f40f432106', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '2a3acde05c571a7814492b9b9f0643406dece58b', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'a5244ad6be0ec95b141012896ba5b9e528fdcaf4', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f584a9b5b27cb38c3af0682833b761a591b2d1f4', dataItem: this.dataItem })), h("div", { key: 'e53bc67e7bb258016092185412ce5c7efa5d997b', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '666ba3ee948d1c1f67ecc51d6348b0e96b14cf10', dataItem: this.dataItem })), h("div", { key: '107f1265cea6ea2d9aef5c9b08ea11bdfb89bf08', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '10357639a406a7d0091e4114d582f4bf3c6a05ad', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e79eb42805233a06312aa7d5d78cac1fc627f3bf', dataItem: this.dataItem })));
+        return (h(Host, { key: 'cf4a701ae1a4e4a794874e5b5442ccb13162494a' }, h("ls-field-properties-container", { key: '8b10f1d45a86eb0cb7a150476513c10d00f643f5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ebd19d3770cb563e90cf84e3aa4a8a6f16c15d22', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '1827b4b81665b50127ca658d17e0ab8da3955276', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '0da9e6aee8307e7d5501c62b1f984e30acaf7edb', dataItem: this.dataItem })), h("div", { key: 'cb811972008d6d6aab3675e404ae518d92e3da67', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '80a7f0ceebf44088b0ceba2bb66526e4b7b2ccd4', dataItem: this.dataItem })), h("div", { key: '67ab96868f2e20f6134823efa2c9f915a0451990', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'bf4530ef267aae9efe0c48e26dc2068d8ec2c198', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ebfad46e949d644af64d2e30b56377339df95d19', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesEmail {
     dataItem;
     render() {
-        return (h(Host, { key: '03f17e83adf2d96c97d3e81fe8f8d27004e8d04d' }, h("ls-field-properties-container", { key: '9f0dcde98baf608dee974ea9aa80433165698b9e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3e2a0b21f95cf09caa10239620a7dfb95fdf1ee3', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'f24d926e602f70fc96bb5da5acc7c8b21a98b485', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'a64bfebb79abcbe6c215222daa8b7cf932e488ab', dataItem: this.dataItem })), h("div", { key: 'c39bc587c5283a5de9b6f45f1c323101fbb252e1', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a2006559f2789c94242b80be1144a98a4da1ec56', dataItem: this.dataItem })), h("div", { key: '5402c41ada0a9e317298fd9de9364f59d08631a7', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'e92280d9d3edf4e361075571f2e6ae0079d98cb5', dataItem: this.dataItem }))), h("ls-field-footer", { key: '0962db2f1c55d0012861b07e65b6ccabb1fb0624', dataItem: this.dataItem })));
+        return (h(Host, { key: '30fd66966b014f070b6677c826fabafb0c225eee' }, h("ls-field-properties-container", { key: '8201505f1d5a4d460d3d6b0d0735098750471cf4', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '17004940d7dac75dbef27ef61796685f1d886b76', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2e3a9de0cbc6ca5180e028534ed4ccbc422bc207', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '36d07ceac363a42c6bed429914a8459b66eeb4e8', dataItem: this.dataItem })), h("div", { key: '578f3a12bff6f3a032e70e1814e3918fd07347d6', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4d10b99dcac6cc22b2ebe1c73e9a5082448c4d5d', dataItem: this.dataItem })), h("div", { key: '65aaf87dbe3ae8cbbeba7dd131624609f77cfa93', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'b3d9b2305ea6e717fc7214cd797e0b2c6b19c186', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ff4aedff1fdef6df7112a1a49c1bc6ef86bee460', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-email"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesFile {
     dataItem;
     render() {
-        return (h(Host, { key: 'e289cf173e59ca8863d0e269c2e5bee7425c4c23' }, h("ls-field-properties-container", { key: '17da20002aae28cabd1a7c4a1e3ce8c30cbabf5a', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5f24deadae0363e970c4d2bf0fe579bef9743e10', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '57170d0c508faea47601f218c26b6203f0408429', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '314d1554716d6c1da161304bd21038db0fa64685', dataItem: this.dataItem })), h("div", { key: '594675307f7f04e0f3fb34b2c502c5ced276ae97', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '672a068e51101ec33216ed718760a80807a5c2dc', dataItem: this.dataItem })), h("div", { key: '48f6333bc7c7f78f8151a2d32e3a66383f40cb4b', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '9093062db1751a58a1f0b4fa1ac15edf4add0b26', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ee1373c67ee077b70aec28777d8f578de088f3a5', dataItem: this.dataItem })));
+        return (h(Host, { key: '793c278f31cf863add93c7465cede135ee51512f' }, h("ls-field-properties-container", { key: '54d20224c2f629da4e0499a4335c38ceab50066f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ef927fbcfdd145123ba87b9d172bd98364b283f8', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'a0de4e95eec2b9746ed0f0dd8894a40a0eab5f95', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '557295236a921b08b58df8b769af32c9353ffe48', dataItem: this.dataItem })), h("div", { key: '4c3bc45d9f84177a6ea1cbcda178de302551c5f0', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'ad70e188c3e483724c2c6c33e7918e53cf2f288f', dataItem: this.dataItem })), h("div", { key: '4b757f9c215af017c6f58565cc3075ee27f1b21f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '95ce9cd140d9f0abf15b0f250e73a7c4647f1ef9', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3c0317518f63abca0471fd429ed9856f76ace6ff', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesGeneral {
     dataItem;
     render() {
-        return (h(Host, { key: 'd9e8a7d86953c989a5eef39a673175dedb50bc51' }, h("ls-field-properties-container", { key: 'cbf124ad40f0ea03550002d8c7c7dea7e852bde1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'b445b69cabad7d6aedc1ab0a4421d5eabe265b20', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd73a461930b6d7937e5017c507dfaa4c92f6c0b9', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '46142a3640788ef49f3b45bfc683f709d1e48550', dataItem: this.dataItem })), h("div", { key: 'c13dc1d2b1c2699de0bcb24522c5aa973c4670d5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '29253aed81bd3b6d75394cba030c477873aeee33', dataItem: this.dataItem })), h("div", { key: 'e3fc96036bb64306dffefe120648a160b18c5658', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'aeabd4c7fb911fba4baac92af14cf37f5311fb03', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'f4ff8e73493eb107d7cdedfdf415322e2bbff961', dataItem: this.dataItem })));
+        return (h(Host, { key: '51ee28edf66a199e6fb108cca166c70906b909bb' }, h("ls-field-properties-container", { key: '0873c36bffe29a1027aedacfd5713b64152dc17e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cab05eb3ca7deb99567f1bf3fee25d454ba30283', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '86c4aec175cd5749493bf00ca6ce74996c089659', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd83a285dbf707f9694c44c877e625aec6b6ef034', dataItem: this.dataItem })), h("div", { key: 'a5d7b9b529f0c392777f6693f5b691f69ce12c75', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '907fe3d7e5bed707b9e36aa9d23c715560ca28c5', dataItem: this.dataItem })), h("div", { key: 'd163d16cdce6ee20ed1f45b21cadec28fa72c6f9', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'e9e827f77a90e5a141928ad680d81fa418e232bc', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5eb492578fdd032fcbde081911cfb40955807d3e', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-general"; }
     static get encapsulation() { return "shadow"; }

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"; }