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

legalesign-document-viewer 0.4.5 → 0.4.7

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

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: '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 => {
+        return (h(Host, { key: 'f09669b903371ee341bcad9d0c690c73564796fc', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'c88a63694f4c7badef501d1d6e6065e1e2f8b0c1', class: 'ls-field-format-bar' }, h("div", { key: '14b3550fa16813865c4640bf789ec59de23f9841', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: 'cb1c66047558d46587d5ed10858e5de853930d2f', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '467779af8ae5de655a3f94eaa1d93401c8c21b6e', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, 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 => {
+            }, class: 'has-leading-icon' }, h("option", { key: 'ab2adc71db5cb0304d3ef0e88cd39f9c3b0695ff', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'b87685950342e18f67136c15b626ecddf594f9f1', value: "arial" }, "Arial"), h("option", { key: '23c3c6f267862f66649517e165fbd3b4168fb12b', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'd5df1c563bff199141bb1e3abe57aeaac20e680a', value: "courier" }, "Courier"), h("option", { key: 'd9e693b2a601ae8373e7bed6f6f63b5176f0f53f', value: "helvetica" }, "Helvetica"), h("option", { key: '53ff1c000a0a20c574ae4a0efe783a297a5a3e9e', value: "verdana" }, "Verdana")), h("ls-icon", { key: '56b5f263672aabc30b7a4fecdaf0b29dd645e239', id: "selectorIcon", name: "selector" })), h("div", { key: '1fe61ed2c6e16e2c9a58c1a349a7991dfed9bc5b', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '80a2dfae58c432af9860811270ef14887ef1dba9', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '5b662354c0bfaa6cdc9d6c085f2732b238a9a675', 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: '531d5d3392b5418d0c117e3ff62a999c9aa5a164', class: 'button-group' }, h("button", { key: 'a37a10f9c317b1d4d2e545da018562182d0133be', onClick: () => {
+            }, class: 'has-leading-icon' })), h("div", { key: 'bdc70a6f70ac24ede3e375da95a31b09fc6e0cab', class: 'button-group' }, h("button", { key: '93bd2e0f321a7630e4a5203c607b9ae97896820a', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '7495967a664b752e9af12343e1778cfbe2067b5a', name: "menu-alt-2" })), h("button", { key: 'caa6369eabbe15f8c6fd46e0300160a3c95874dd', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '75ceda811a343eb024c8eacfa863d7d1ec0fa538', name: "menu-alt-2" })), h("button", { key: '1fbfcfdfe4b60992ad507f87c281bde9e1cfb6ac', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '6ed41fd2f767487167ab4717655e4e97765c42b0', name: "menu-alt-5" })), h("button", { key: 'b36dcde58f3193e6e415566c3d82bc4937c71cad', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '225df89a538e7e67c4bc95a309afd5167b67b6ce', name: "menu-alt-5" })), h("button", { key: 'b8cbc695c18f0a556ab6a83e00b2cf0da78ce8f5', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "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 => {
+            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'd3d569ce70e69c8425449549b6563eb1d966de18', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93cea0ccee515f28a1464bb86847998866ff28c9', class: 'ls-field-format-bar' }, h("div", { key: '8bf4b19264ec43d4880c0f1afd49bc0e95653ccb', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '00fc36a118fed88906b6dc6f10d4c5b572c9415a', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '631f24095b4735af86670d4464dc0dfe82722160', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '1ec3611079e764e9e052fafa18ed73bd2879a3b2', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, 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 => {
+            }, class: 'has-leading-icon' }, h("option", { key: 'b4e20742209d89cf2f81724e56cf4e271b242efe', value: "arial" }, "Arial"), h("option", { key: '90e07a1b1642602cb82a17d55c47fa151dd042cc', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'a1be70434a95b0032f7e0bd742a5493f4191e552', value: "courier" }, "Courier"), h("option", { key: 'cf58305e89c6cd764563564b4b8c4c97d3148837', value: "helvetica" }, "Helvetica"), h("option", { key: 'aee06cd107c49e5efccdc188439e51b341aef443', value: "verdana" }, "Verdana"))), h("div", { key: 'd96af2693b5160f090877ae272235e6e4c199be0', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '054ac7cfdca186932b67186e1af9b4fc207ac8af', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '25e2bc4275d0f94a09b1dcccb62521c2aa2c33c2', 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: '933b4baea697f8524adb3adc0ef13b7def5fb66c', class: 'button-group' }, h("button", { key: '40a062746ab0555b30cf6a27e8ff8ba8b2146310', onClick: () => {
+            }, class: 'has-leading-icon' })), h("div", { key: 'e7b8af56e32c8cc09e5090391c164edab53de5a6', class: 'button-group' }, h("button", { key: 'abf70e78272b06353a074b093f0a316bb4bb4188', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'd3d5b625a674e3360ee06208819dac9418220bba', name: "menu-alt-2" })), h("button", { key: '580006ab0a7e785a0a42bc7e06a16c534c26776e', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'f7dd25decd2cd245141f8e00cc79096c283323ac', name: "menu-alt-2" })), h("button", { key: '5c68ddd64a36d8a8b486db63fa4831522a021c8d', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '315977f700bae7240260170681604315ca43f95d', name: "menu-alt-5" })), h("button", { key: 'dd568f27339beb1c88ca1beafc245c0537ba6880', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '023ad09061b00186dca7da21df38a5a478cdeed1', name: "menu-alt-5" })), h("button", { key: 'db06134b4512dbdb1d8de66975e6aca1496a24c4', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'd94a38666edc580c7a79a6b33b394c4dff37226e', name: "menu-alt-3" }))))), h("ls-tooltip", { key: 'd360f63e5eb2f42b4704ccf1407d09e4239c6924', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'ddc4dfb005babf7dfe1d7cf9cc95d8ccd80c9031', name: "menu-alt-3" }))))), h("ls-tooltip", { key: 'd1f71302cf1ad18577e416d6cbca86a1c442c4c8', 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.css CHANGED Viewed

@@ -103,7 +103,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
 }
 .input-wrapper {

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: '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" })));
+        return (h(Host, { key: '2891a22cc782d26e8019f621139dbb9cfa7912ae' }, this.isMultiple(this.dataItem) && (h("div", { key: 'fca4cfba664c7dcc850247145a19155359778fd6', class: 'ls-field-properties-section' }, h("div", { key: '6840302fca04a9512675d308a0faf89f588e4c92', class: 'ls-field-properties-section-text' }, h("p", { key: 'f148990ba318730ecd8f63dc2a1e07dbfe2e0758', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: 'b6e3392804efacfa479b8352fe9220aa202386ac', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7c23a0dc256c248870b945337ff3699ee34faca3', class: 'input-row' }, h("div", { key: 'eb3c8491792b11452959601a11d0bb45576112ce', class: 'input-wrapper' }, h("ls-icon", { key: 'e0ef76fb7b4209ea9fca1f69ca063d9db54cab3e', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '366b808ac6308e7a4c753473db2a906bfb81fe5c', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'cc27cf6674efd760f0bf72ba0879750bd3ec58d5', class: 'input-wrapper' }, h("ls-icon", { key: '215d388859634b7ba8bae7772bc2f123bf5072e4', id: "selectLeadingIcon", name: "y" }), h("input", { key: '2679e4e35dcb2529dceab7628e51a06ebf2cb084', 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: '36051ca4885a6f000e62b98e93a8cee9275cec56', class: 'field-set' }, h("div", { key: '71f569f20e1cc8a1afdd07979d277cb046832d02', class: 'ls-field-properties-section' }, h("div", { key: 'c3221f6b321a2fe37bb5950bfed9c17d89b4ec06', class: 'ls-field-properties-section-text' }, h("p", { key: 'cac50315a0bf1e69fcda4836b294aded0b9c5b38', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '57d46a199248986056fa2283a3f983f788ca015f', 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: '600507c665204c312ec88d7dae69f1fd943492e0', class: 'multi-button-group-row' }, h("div", { key: 'bddd2f75ef7695d6f8e8eaebdd8cee1bf3e6f838', class: 'button-group' }, h("button", { key: '00e1849e66a0852577a94889839efe43c1b1c81a', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '9f54b7db1137cef47089564d53e36b3e95a130ee', name: "field-alignment-left" })), h("button", { key: 'c32102532ba8914bfe3ef7345d9a542f5fb3a61b', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: 'b4c4383eadcef61117f3b048bd2b3178b3c0a038', name: "field-alignment-centre" })), h("button", { key: 'bb859c7f759609101af575a282c5f64dabe69c09', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: '688b723605ec157fae2b659bd4d88b08fd897353', name: "field-alignment-right" }))), h("div", { key: 'ed944060fff8351aaa7fd42649cd6447a3961004', class: 'button-group' }, h("button", { key: '808bc6db4bd34934b4aa2f6b7fe47bc561041d7c', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: '7215638df9c08fac87e730b9db6963bdaabb6679', name: "field-alignment-top" })), h("button", { key: '740fb0baef8a931ff8f9e3998a048e57e1f73868', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '75151df5e47d9a6f2bdccfcc9de925fd19e7274d', name: "field-alignment-middle" })), h("button", { key: 'd92b4595a17ce95ed97d116a8ec1f1ac848cf45e', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '4b46bcab1783eae38c8135cb435123ebf635678b', name: "field-alignment-bottom" }))))), h("div", { key: '3ab3f3ba7a84f9e10590b3e74441f11115fcfcca', class: 'ls-field-properties-section' }, h("div", { key: '2d2bc1642911a36943f543aaea4e1113f6d90468', class: 'ls-field-properties-section-text' }, h("p", { key: '2716c6bd177cee3a74b57f27fceb802f99d00153', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '12b0116cf566e8fbd8c716ce30ff50547f075eeb', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7c9d57d5988ac74a052d1e8b48891b9e49689f18', class: 'input-row' }, h("div", { key: '80f2dc6d84b2460f9119a4ad6c38cd23754b3f95', class: 'input-wrapper' }, h("ls-icon", { key: 'b5ce0258e81146a5e69ee892db47026af0e4b857', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: 'e1364c47bb93b6486e6a43e1c8375646cc90b19e', 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: 'd1785c7797954a99563205073b080fecd91ae9cd', class: 'input-wrapper' }, h("ls-icon", { key: '1c4a39e9dbf1b538c1c5330799d73749421efe40', id: "selectLeadingIcon", name: "y" }), h("input", { key: '1577cc2f618217940a68522e511be25906f93af1', 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: 'e07c33f5a5a0076f9e9d4762280deda6acb70c13', class: 'ls-field-properties-section' }, h("div", { key: '2164bb922476bb458aadb653ddf56811afd6bada', class: 'ls-field-properties-section-text' }, h("p", { key: 'deb4e93fe9730ad60df1ead15d6fd1125e5f1c7b', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: '85be0bf98871e745aeab85a7b3d5e7c7679bbbc1', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '5ea831b28aac09f5379e9fb227f6331ccb496682', class: 'button-group' }, h("button", { key: '8ed8a6be64facd93648d027fde2916a67f42c29c', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '136027ff733b7a222ecbe244bd0fb36ff3652427', name: "field-distribute-vertically" })), h("button", { key: '3408c19d67284f7ea72d73281315be8d8d233f5e', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '0360b37978f388df95806681c652f535e0eeafdb', name: "field-distribute-horizontally" })))), h("div", { key: '44bcfa853a0eaa54b06923d31706d2fa9734e866', class: 'ls-field-properties-section' }, h("div", { key: '7d5949bcc965f4ed677fb6296f541587ad2d78f0', class: 'ls-field-properties-section-text' }, h("p", { key: '4c19bf6ad558044ccd57f959b95cfaf9137d80fe', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '293c1c62bbf46e56b2ab4cbe95926c8baec55a9c', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: 'c27747a77cce6f8e59f297c68e58c0ad3844a4a7', class: 'input-row' }, h("div", { key: '26961c543f14fe3cc3fab27264c1900e85540e95', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '960ecb65e5729f20baa8e6c3ca091ee8e64d880b', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '43057c9c211ab5e6b9d6c0df9867cc6a64b2729b', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '5ffd08a406bac946193b108a8ff7cf215b0d1d1a', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '84979d224cbeead196f6e06cd1e1ec0de3b92fb4', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '1f1b03545533e57fad828649407e14ede6f41fbe', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: 'f04cdce03dae2e63bec8d9588eff9f2e15ad16ff', 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.css CHANGED Viewed

@@ -37,7 +37,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
 }
 .input-wrapper {

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: '8b14975eed8fd2bbeb0fce44fa332ea5ca50bcc9', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '3e5c926ef4f6e45b814c1ca4f9e8ea48434a3ae4' })));
+        return (h(Host, { key: 'bab499f31527d5413652945bbf7723c5dab79405', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '1b7a65e7ba35b960519ed1c102c4ffb0306a2b5d' })));
     }
     static get is() { return "ls-field-properties"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,7 +124,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
 }
 .input-wrapper {

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: '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 => {
+        return (h(Host, { key: 'adc2b87c39dbe48a990e310d319488193fa4363f' }, h("div", { key: 'afe76dc7c97f20a5d02c468749efc624f8a5bd2f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'd90e8d469d9e4243f28fbb98725be48589546193', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: 'd856a8c15b922468197d35e4b6aee05530a08699' }, "Advanced Properties")), this.expanded && (h("div", { key: '005a9eee056ecfa5c580a719cc80515795dddefc', class: 'field-set' }, h("ls-props-section", { key: 'ffc3a6ce7ba2b75d4b1dfaf92e2a75a451f55988', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '0c0486fa164da4f0b38bebbd18d94dd53ebd9181', 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: '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 }) }))))));
+            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: 'ba15bc93246434122c4fb2643b2219f3b7d34d83', sectionTitle: "Ref. Name" }, h("input", { key: 'f6863eb4dda557936717be368a3bb97aa66a743a', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '92abbd7166def72c7022722c1ce974176715002f', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: '7bdcb137b35ec05b952cb20794e18805ec044285', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'f2d2fc0434936e4bff0f73cec02b7b691374530f', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'e2b51d08c8919fce07fb9c59cf8d00d7b79faa9e', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: '6d490150eaab50b67ffc5cd0f598d72da8367d1b', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: 'c08d94ebd13055167b1e1e5ae914007213cbabfc', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '22170d401110443ff1559b3b937a6e64e01ffec1', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: '3f561f9faf0924e8c4bc853dcc0cbcb41211a358', 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-advanced/ls-field-properties-advanced.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-properties-advanced.js","sourceRoot":"","sources":["../../../src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"names":[],"mappings":"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~~IAAI~~,EAAC,KAAK,SAAG;~~gBACxE~~,kFAA0B,CACtB;YACL,IAAI,CAAC,QAAQ,IAAI,CAChB,4DAAK,KAAK,EAAE,WAAW;gBACrB,yEAAkB,YAAY,EAAC,aAAa,EAAC,kBAAkB,EAAC,4DAA4D;oBAC1H,8DAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE;4BACxF,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4BACf,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAA;wBACvE,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA,CAAA,CAAC,GACxC,CACe;gBAEnB,yEAAkB,YAAY,EAAC,WAAW;oBACxC,8DAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,GAAI,CACtI;gBAEnB,yEAAkB,YAAY,EAAC,WAAW,EAAC,kBAAkB,EAAC,8DAA8D;oBAC1H,+DAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,YAAY,gBAAY,YAAY;wBAC9H,+DAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,WAEpD;wBACT,+DAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,gDAEpD;wBACT,+DAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,qBAEpD;wBACT,+DAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,oCAEpD,CACF,CACQ;gBAEnB,yEAAkB,YAAY,EAAC,YAAY,EAAC,kBAAkB,EAAC,yDAAyD;oBACtH,8DACE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EACnC,KAAK,EAAC,IAAI,EACV,WAAW,EAAC,oBAAoB,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,GAChF,CACe,CACf,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-advanced',\n styleUrl: 'ls-field-properties-advanced.css',\n shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop({ mutable: true }) expanded: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object, bounceDelay: number = 0) {\n console.log('Altering advanced props:', diff);\n let diffs = [];\n if (this.isMultiple(this.dataItem)) {\n this.dataItem = this.dataItem.map(di => {\n return { ...di, ...diff } as LSApiElement;\n });\n\n diffs = this.dataItem.map(di => {\n return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n });\n } else if (this.isSingle(this.dataItem)) {\n this.dataItem = { ...this.dataItem, ...diff };\n\n diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n }\n\n if (bounceDelay === 0) {\n this.update.emit(diffs);\n this.mutate.emit(diffs);\n }\n else {\n this.debounce(diffs, bounceDelay);\n }\n }\n\n private titletimer;\n\n debounce(diffs, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.update.emit(diffs);\n this.mutate.emit(diffs);\n }, delay);\n }\n\n getValue(key) {\n if (this.isMultiple(this.dataItem)) {\n return '';\n } else if (this.isSingle(this.dataItem)) {\n return this.dataItem[key];\n }\n return '';\n }\n\n render() {\n return (\n <Host>\n <div class={'expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n <ls-icon name={this.expanded ? 'expand' : 'collapse'} size=\"20\" solid />\n <p>Advanced Properties</p>\n </div>\n {this.expanded && (\n <div class={'field-set'}>\n <ls-props-section sectionTitle=\"Field Order\" sectionDescription=\"Determines what order fields will be filled in by the user\">\n <input value={this.getValue('fieldOrder')} type=\"number\" placeholder=\"eg. 1\" onInput={e => {\n console.log(e);\n this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 100)\n }} \n onChange={() => { console.log('onchange')}}\n />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Ref. Name\">\n <input value={this.getValue('link')} placeholder=\"eg. checkbox group\" onInput={e => this.alter({ link: (e.target as HTMLInputElement).value }, 300)} />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Type\" sectionDescription=\"Determines in what way this field is linked to other fields\">\n <select onChange={e => this.alter({ linkType: (e.target as HTMLInputElement).value })} name=\"Link Field\" aria-label=\"Link Field\">\n <option value=\"0\" selected={this.getValue('linkType') === '0'}>\n None\n </option>\n <option value=\"1\" selected={this.getValue('linkType') === '1'}>\n One of a group (e.g. select one checkbox)\n </option>\n <option value=\"2\" selected={this.getValue('linkType') === '2'}>\n Add to a total\n </option>\n <option value=\"3\" selected={this.getValue('linkType') === '3'}>\n Make this conditional upon...\n </option>\n </select>\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Value\" sectionDescription=\"Fields with the same Link Value will be linked together\">\n <input\n value={this.getValue('logicAction')}\n width=\"30\"\n placeholder=\"eg. checkbox group\"\n onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value })}\n />\n </ls-props-section>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-properties-advanced.js","sourceRoot":"","sources":["../../../src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-advanced',\n styleUrl: 'ls-field-properties-advanced.css',\n shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop({ mutable: true }) expanded: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object, bounceDelay: number = 0) {\n console.log('Altering advanced props:', diff);\n let diffs = [];\n if (this.isMultiple(this.dataItem)) {\n this.dataItem = this.dataItem.map(di => {\n return { ...di, ...diff } as LSApiElement;\n });\n\n diffs = this.dataItem.map(di => {\n return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n });\n } else if (this.isSingle(this.dataItem)) {\n this.dataItem = { ...this.dataItem, ...diff };\n\n diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n }\n\n if (bounceDelay === 0) {\n this.update.emit(diffs);\n this.mutate.emit(diffs);\n }\n else {\n this.debounce(diffs, bounceDelay);\n }\n }\n\n private titletimer;\n\n debounce(diffs, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.update.emit(diffs);\n this.mutate.emit(diffs);\n }, delay);\n }\n\n getValue(key) {\n if (this.isMultiple(this.dataItem)) {\n return '';\n } else if (this.isSingle(this.dataItem)) {\n return this.dataItem[key];\n }\n return '';\n }\n\n render() {\n return (\n <Host>\n <div class={'expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n <ls-icon name={this.expanded ? 'expand' : 'collapse'} size=\"1.25rem\" solid />\n <p>Advanced Properties</p>\n </div>\n {this.expanded && (\n <div class={'field-set'}>\n <ls-props-section sectionTitle=\"Field Order\" sectionDescription=\"Determines what order fields will be filled in by the user\">\n <input value={this.getValue('fieldOrder')} type=\"number\" placeholder=\"eg. 1\" onInput={e => {\n console.log(e);\n this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 100)\n }} \n onChange={() => { console.log('onchange')}}\n />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Ref. Name\">\n <input value={this.getValue('link')} placeholder=\"eg. checkbox group\" onInput={e => this.alter({ link: (e.target as HTMLInputElement).value }, 300)} />\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Type\" sectionDescription=\"Determines in what way this field is linked to other fields\">\n <select onChange={e => this.alter({ linkType: (e.target as HTMLInputElement).value })} name=\"Link Field\" aria-label=\"Link Field\">\n <option value=\"0\" selected={this.getValue('linkType') === '0'}>\n None\n </option>\n <option value=\"1\" selected={this.getValue('linkType') === '1'}>\n One of a group (e.g. select one checkbox)\n </option>\n <option value=\"2\" selected={this.getValue('linkType') === '2'}>\n Add to a total\n </option>\n <option value=\"3\" selected={this.getValue('linkType') === '3'}>\n Make this conditional upon...\n </option>\n </select>\n </ls-props-section>\n\n <ls-props-section sectionTitle=\"Link Value\" sectionDescription=\"Fields with the same Link Value will be linked together\">\n <input\n value={this.getValue('logicAction')}\n width=\"30\"\n placeholder=\"eg. checkbox group\"\n onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value })}\n />\n </ls-props-section>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

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

@@ -34,7 +34,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
 }
 .input-wrapper {

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: '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' })));
+        return (h(Host, { key: '602e19c1de17c1573e1d32c0529de48a8c063589' }, h("div", { key: '8c29c9fb7ce90f61cfa4703b2706f6bbd6002d6b', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '02b1fcac1f2833806dd43c051a9d5dad06b8836f' }, "Label: ", h("input", { key: 'cfa56c618a0dda6639d81749f6ea12fd1a7a8dfe', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ad074de09ce3c4c32b6f71313406d4fd48271c91', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd44c890e2b0796b20d20bf4b6da98394d4245cec', dataItem: this.dataItem }), h("ls-field-footer", { key: 'b4b839dc085d49e291b1dddf87120a6e9c2f1c1d', dataItem: this.dataItem }), h("slot", { key: '9dcf2162b5111c76a8c76aec0453a719c19a5c91' })));
     }
     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: '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 }))));
+        return (h(Host, { key: 'f867d8adae7a885d62f54f2d66c471a135dfd327' }, this.tabs.length > 1 && (h("div", { key: 'fb74674c68910651e351f595aa62b4e1a58a99b8', 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: '6bcb9bdfa29a664b3af157699389f5df081497f2', class: 'scrolling-container' }, h("slot", { key: 'ad6335f0acc5f70e160657d9da66720d7403ccb0', 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.css CHANGED Viewed

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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: '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 })));
+        return (h(Host, { key: '3d76414ea17b5b153bca2f695493f3bd6b08a16f' }, h("ls-field-properties-container", { key: 'edfec9516b12063d1912957a601457bbd0b62974', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'caed93b4ef27d30449cbf98e79682e5a6d64769d', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '5489d32e008c9b17c720805a9b6aaca50f5dfde9', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '09751239e9bc7d87be6617592ebe4ae85899c59a', dataItem: this.dataItem })), h("div", { key: 'ca90747a5ba7ae0c27f523aa6a75cb550efa13a2', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '846b2bab340087292cf0c62a170e77f01969af2c', dataItem: this.dataItem })), h("div", { key: '1b88e526fb50d6c4efc8caaf7a04d1e2b3dac4a7', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '5b9ab2b7cea77a40456d7a13f523da2faf23a1b3', dataItem: this.dataItem }))), h("ls-field-footer", { key: '7724a99ca02d4aa2755ef487b6713a1bfbdba675', 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: '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 })));
+        return (h(Host, { key: '6ab36b10433f2a9c0cd5e39f3b78f3471f795c15' }, h("ls-field-properties-container", { key: '4cfe8d66c414f0684282d5379b7950cef1ea5773', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '673962971e8e8e219c02d13e9e61d2cdcad83887', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'ae5e0250d816457bfacf2a6d9d2b711feeb05dd8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '07f776cee20cc1f8929db189cd84f68b5b349501', dataItem: this.dataItem })), h("div", { key: 'a8e1665f9d3f88fa1caa881ebb71d97bc17ba4fc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a8f7df3d69a5f6d8fd4ebe7293b948bf2855b73e', dataItem: this.dataItem })), h("div", { key: 'e8a36fe97a69841dc48c6e99d6517fad087ef05d', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0872ceab1ea0af0b8e8c6e7b7a01e453c264b4da', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e4609c33b929269673d302b5d7e53c0a1820d60e', 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.css CHANGED Viewed

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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: '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 })));
+        return (h(Host, { key: 'dcee9ffb353c373a7ad4018ffc3e5f27a8f991fa' }, h("ls-field-properties-container", { key: 'd9cc3a82c913a05be483e02ceec791294925f4dc', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '01caaf2b2db49c80bd9c936ace589db080761ac5', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '34c4b5344993f49e908d0a36dd737266bdce86ef', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '03d37d252278f413b8f84f0efb495a1ddbbcc598', dataItem: this.dataItem })), h("div", { key: 'b4f667e8f4357bb21bd2d338443549fb9a46ab33', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a458d3f26c42bf616fece1fee7677fe108d2a34d', dataItem: this.dataItem })), h("div", { key: '2e9f6d5cba11d46cf577787a8f4f0d73e614385e', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'a465faa14c1cb736bc7bae76acd47091f64e1194', dataItem: this.dataItem }))), h("ls-field-footer", { key: '704c6d8df46067cc0514805c419754de1a894c32', 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.css CHANGED Viewed

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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: '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 })));
+        return (h(Host, { key: '88b1194eadd620a301e5163f28e6ed7abb95d851' }, h("ls-field-properties-container", { key: '537f4627d4e12eefd996eb0e08792f6cdff51f9b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0e126a53c285c2849b112a152c71b65f97346029', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '424e82d675b7582d7e133f172c55620ecd1d3b85', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3705e79f0a68db4861abe9ad73e2ea75cdc238cc', dataItem: this.dataItem })), h("div", { key: '5facf5a8593c86aa027c3ec8f575852156359d2e', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'b1c4404b2181e2bf859f62dd4f2195125b4e1ff5', dataItem: this.dataItem })), h("div", { key: '7920be7e29f48f890441711040b2d7cd37109e4f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '61cac1518a8c20da611f7c9c9cb1799a1d21097d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '079d83b3d9b867a3436454f7828eef28b2eddfcf', 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.css CHANGED Viewed

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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: '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 })));
+        return (h(Host, { key: 'c5a783c9c50191a03243eacba093df4bc12c01e9' }, h("ls-field-properties-container", { key: 'e982350c67800227aa7bb29e0af36539a34d4ed1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f47da6e521961f4946b5dcf757668915f3da7f45', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2eaecda4df966427b680166930e8ac55166cf6c1', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '8c58fc6ee970a04ebdeaa5339885010797d47403', dataItem: this.dataItem })), h("div", { key: '7e8c06a26b03c2a38ddc7d5ac8c28fe2769f843f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '483075e06327527baecd7ad5eae6fdd213d47bae', dataItem: this.dataItem })), h("div", { key: 'a5a11197ce8a6f2cf6c8f634be5ff60e15e9f662', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '8c972251f595ee3beadef8607f79578458ef8009', dataItem: this.dataItem }))), h("ls-field-footer", { key: '1a9dff5743fa48f22ce3729fa78f1f06971ba90f', 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.css CHANGED Viewed

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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: '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 })));
+        return (h(Host, { key: '22f5ce8899defc26526afb33f7bc7cbd70a8e048' }, h("ls-field-properties-container", { key: 'f11b88fa01aa9a0138155c5fdbfb7a912f8e8e6d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ceed990e895bbb889fe62480cb4d5aa7a82dec27', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'e932672e87051224b90b57e148a69b102f9a644c', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '065e8d0d3059d78ee60004cdae52034946dfcb34', dataItem: this.dataItem })), h("div", { key: '8721aec4a3f120a3298082ffd8c35d02f3601fc0', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '43636f26161eb313ac666eabf6ba4e446391d7e2', dataItem: this.dataItem })), h("div", { key: '75b9b6b55e4f0ada1b242bc30a3a1a8c72068e15', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '37f37b80650362d92de618f2a36a664a8bb4875b', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ca5264df240cf75afd536c1d585ddb05779bfe00', 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.css CHANGED Viewed

@@ -179,7 +179,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }

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

@@ -51,14 +51,14 @@ export class LsFieldPropertiesMultiple {
         return { isSame: allSame, optional: allSame ? firstElementOptional : false };
     };
     render() {
-        return (h(Host, { key: '378afbd073b74f428f365f962429dfb55d5efe2f' }, h("ls-field-properties-container", { key: 'af924136a1d09551d6b66683fbde04729dc59f4e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3625636d31d4a19c0b8a9483233f2f257aff150a', class: 'field-set', slot: "content" }, h("div", { key: 'b76d549076ae1e7e31fafdfff62959119e98de36', class: 'ls-field-properties-section' }, h("div", { key: '467b0644c4e147f422c724c2ef4101ffa5aa6f50', class: 'ls-field-properties-section-text' }, h("p", { key: 'd05f06a2fe2983abd87cd4c5ab34f12813e9b018', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: '1d4c31b686e354d3d91fd8bc9035ae4bd7d2a6a9', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '6942963a3366ae9dbb2cb5ad3c28571ae3956a08', class: 'ls-field-type-wrapper', style: {
+        return (h(Host, { key: '898bf5f2dcae78a352a6b8a636412b8a534b496a' }, h("ls-field-properties-container", { key: '78e9db977ced7ae601f7a1ff6af853fa772ccf42', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '484e69c5f6e2e1610959afd8119eb5cadbff8b82', class: 'field-set', slot: "content" }, h("div", { key: '48bbaa0b6b54638a67006a6b97c03f529861eb77', class: 'ls-field-properties-section' }, h("div", { key: '5631d6db8ba45449dd34f60dc2d8822a319a2dc3', class: 'ls-field-properties-section-text' }, h("p", { key: '05260984a9f922f7e080fce2d75883d2267ece3a', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: 'c5076d4a6b92186e99ebcfbe57b585f32bae8560', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '438ccaaf02b909e0ebba17394d553fc4c00a9809', class: 'ls-field-type-wrapper', style: {
                 border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("div", { key: '42df344f3cdd962e99eaca2026445aade103cadc', class: 'ls-field-type-inner' }, h("div", { key: '2fb4b7237d4e38c0233fb5a082a85571a2601e4e', class: 'ls-field-type-icon', style: {
+            } }, h("div", { key: '7d078c08df9362e321987924ad36e2672deb7d33', class: 'ls-field-type-inner' }, h("div", { key: '5b24658d67b87b5ed07380ad2254509e846ca9ec', class: 'ls-field-type-icon', style: {
                 border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
                 color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, h("ls-icon", { key: '3eece4d2229348b6dcf3f0a98ddb2925662a3a9b', name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { key: '221e48a4f197623615adb1dedc941965c9f644e9', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: 'd3ab776c9e80da26f44b515f0169428822eb785b', class: 'ls-field-properties-section row' }, h("div", { key: '04fb8a296d5b42d35f7613f5fac46b4821197a23', class: 'ls-field-properties-section-text' }, h("p", { key: 'f3bfd7594ec5f48f82491de51dc731a32f967f28', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: '021989bf0355b332f9b63161215dc32d50e2bbb5', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '69e8f2a9feff9f04900955dbbb568814467d2bdc', class: 'ls-field-properties-section' }, h("div", { key: '4e0a9cf9f67976c747bf49f66e80d8ff34cd41aa', class: 'ls-field-properties-section-text' }, h("p", { key: '7369978669d067fa92ae0e120129a7ea9f77254c', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '273566dfca480cccb796763547068b333e5e465a', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: 'adc180d0eb423de6e76d0708357995c80187de73', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '79fdc1d37732c66313153cb31c5048479d12854b', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '49533f478b98a27a2399cf2fd5268f1676dcc347', dataItem: this.dataItem }), h("ls-field-size", { key: '460cdce3b7659e3e5d96242c131abf7ed9526d64', dataItem: this.dataItem })), h("div", { key: '9bc7d1ce2a08af933a4b05443382a753adf334ac', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'c24c7b626038a45b22309b66f892ea0d5b519473', dataItem: this.dataItem }), h("ls-field-placement", { key: '70de6fa563c72ebe7cc9a65c7c1e360756aa6c14', dataItem: this.dataItem }), h("ls-field-distribute", { key: '9c48fe88d210f1373625ce2219b31f4c0ab3791d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '0aa2163ba9571a4a0856bcbbcc1a2f018d0cc464' }), h("slot", { key: '3de2d0c0b1d35d64d6aa53bcc24abe53b0c6ec92' })));
+            } }, h("ls-icon", { key: '7bdd33ecf47ff7f282031091f06d7cde704819da', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), h("p", { key: 'b1d773176ea02bd27d46cea0c5b997ebe5c575fc', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: '398a8ddf0fdb5466baf13d3185746d4515bf8de6', class: 'ls-field-properties-section row' }, h("div", { key: '2777add4b21cefd15d430f0a64cd4888e53569ca', class: 'ls-field-properties-section-text' }, h("p", { key: '91672c9039cc267bbfe5b6c82ec1b415028d16ba', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: 'e1581cbd990fd085f9164abf3ecaae4f608eaf70', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '654f98a2b3fdbfc1f75ebbc6fdcd4924c34d0f77', class: 'ls-field-properties-section' }, h("div", { key: 'c8379e6ac365ee97c77a2fc62f52691386e9e9fc', class: 'ls-field-properties-section-text' }, h("p", { key: '927458b6483aca60507bb384c6b8183e64fa0560', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '6c26748b388121507b19d8a83fdaf82f5f461bbb', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '23309345964c6cabdf7342b669eebec4b3506363', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '81fb6ba5642271ef254e73acc510ac757f647e6c', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c24eefb1f599624eaa6b6fee9b9c938a99f697f8', dataItem: this.dataItem }), h("ls-field-size", { key: '6fd636331dd35bf6b02ea2769c88864773a67ae6', dataItem: this.dataItem })), h("div", { key: '88875c4d8fe159a136ad39429be909f4cd25d620', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: '8e9601b8157a65ed12dcde1e5a76f9234b111137', dataItem: this.dataItem }), h("ls-field-placement", { key: '349b804d481e72abb977b0b35ed475c679be70cc', dataItem: this.dataItem }), h("ls-field-distribute", { key: 'c0611739c68d01c64e9b74c2ff0e8a48758b4730', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'bda746f14ab32d2c11921d34f1189ccd0d3d8b55' }), h("slot", { key: '973a8f1004677bd0cd27c2574acdf06718d7199b' })));
     }
     static get is() { return "ls-field-properties-multiple"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-properties-multiple.js","sourceRoot":"","sources":["../../../src/components/ls-field-properties-multiple/ls-field-properties-multiple.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\n\n@Component({\n tag: 'ls-field-properties-multiple',\n styleUrl: 'ls-field-properties-multiple.css',\n shadow: true,\n})\nexport class LsFieldPropertiesMultiple {\n @Prop({ mutable: true }) dataItem: LSApiElement[]; \n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));\n this.debounce(diff, 500);\n }\n\n private labeltimer;\n\n debounce(diff, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: { ...item, ...diff } }));\n this.mutate.emit(evs);\n this.update.emit(evs);\n }, delay);\n }\n \n allSignersSame = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, signer: undefined };\n const firstSigner = this.dataItem[0].signer;\n const allSame = this.dataItem.every(item => item.signer === firstSigner);\n return { isSame: allSame, signer: allSame ? firstSigner : 13 };\n };\n\n allLabelsSame = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, label: undefined };\n const firstLabel = this.dataItem[0].label;\n const allSame = this.dataItem.every(item => item.label === firstLabel);\n return { isSame: allSame, label: allSame ? firstLabel : undefined };\n };\n\n allElementsSame = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, elementType: 'mixed' };\n const firstElementType = this.dataItem[0].elementType;\n const allSame = this.dataItem.every(item => item.elementType === firstElementType);\n return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };\n };\n\n allFieldsOptional = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, optional: false };\n const firstElementOptional = this.dataItem[0].optional;\n const allSame = this.dataItem.every(item => item.optional === firstElementOptional);\n return { isSame: allSame, optional: allSame ? firstElementOptional : false };\n };\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <div class={'ls-field-properties-section'}>\n <div class={'ls-field-properties-section-text'}>\n <p class={'ls-field-properties-section-title'}>Field Type</p>\n <p class={'ls-field-properties-section-description'}>The Fields you currently have selected</p>\n </div>\n <div\n class={'ls-field-type-wrapper'}\n style={{\n border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,\n background: defaultRolePalette[this.allSignersSame().signer % 100].s10,\n }}\n >\n <div class={'ls-field-type-inner'}>\n <div\n class={'ls-field-type-icon'}\n style={{\n border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,\n color: defaultRolePalette[this.allSignersSame().signer % 100].s60,\n background: defaultRolePalette[this.allSignersSame().signer % 100].s10,\n }}\n >\n <ls-icon name={getFieldIcon(this.allElementsSame().elementType)} size=\"20\" />\n </div>\n <p class={'ls-field-type-name'}>\n {this.dataItem.length} {this.allElementsSame().elementType} {'Fields'}\n </p>\n </div>\n </div>\n </div>\n <div class={'ls-field-properties-section row'}>\n <div class={'ls-field-properties-section-text'}>\n <p class={'ls-field-properties-section-title'}>Required Field</p>\n </div>\n <ls-toggle onValueChange={(ev) => this.alter({ optional: !ev.detail })} checked={!this.allFieldsOptional().optional} indeterminate={this.allFieldsOptional().isSame === false} />\n </div>\n\n <div class={'ls-field-properties-section'}>\n <div class={'ls-field-properties-section-text'}>\n <p class={'ls-field-properties-section-title'}>Field Label</p>\n <p class={'ls-field-properties-section-description'}>Add a label to clarify the information required from the Recipient.</p>\n </div>\n <input value={this.allLabelsSame().label} onInput={(e) => this.alter({ label: (e.target as HTMLInputElement).value })} width=\"30\" placeholder=\"eg. Sign Here\" />\n </div>\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n <ls-field-size dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-alignment dataItem={this.dataItem} />\n <ls-field-placement dataItem={this.dataItem} />\n <ls-field-distribute dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-properties-multiple.js","sourceRoot":"","sources":["../../../src/components/ls-field-properties-multiple/ls-field-properties-multiple.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\n\n@Component({\n tag: 'ls-field-properties-multiple',\n styleUrl: 'ls-field-properties-multiple.css',\n shadow: true,\n})\nexport class LsFieldPropertiesMultiple {\n @Prop({ mutable: true }) dataItem: LSApiElement[]; \n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));\n this.debounce(diff, 500);\n }\n\n private labeltimer;\n\n debounce(diff, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: { ...item, ...diff } }));\n this.mutate.emit(evs);\n this.update.emit(evs);\n }, delay);\n }\n \n allSignersSame = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, signer: undefined };\n const firstSigner = this.dataItem[0].signer;\n const allSame = this.dataItem.every(item => item.signer === firstSigner);\n return { isSame: allSame, signer: allSame ? firstSigner : 13 };\n };\n\n allLabelsSame = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, label: undefined };\n const firstLabel = this.dataItem[0].label;\n const allSame = this.dataItem.every(item => item.label === firstLabel);\n return { isSame: allSame, label: allSame ? firstLabel : undefined };\n };\n\n allElementsSame = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, elementType: 'mixed' };\n const firstElementType = this.dataItem[0].elementType;\n const allSame = this.dataItem.every(item => item.elementType === firstElementType);\n return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };\n };\n\n allFieldsOptional = () => {\n if (!this.dataItem \|\| this.dataItem.length === 0) return { isSame: true, optional: false };\n const firstElementOptional = this.dataItem[0].optional;\n const allSame = this.dataItem.every(item => item.optional === firstElementOptional);\n return { isSame: allSame, optional: allSame ? firstElementOptional : false };\n };\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <div class={'ls-field-properties-section'}>\n <div class={'ls-field-properties-section-text'}>\n <p class={'ls-field-properties-section-title'}>Field Type</p>\n <p class={'ls-field-properties-section-description'}>The Fields you currently have selected</p>\n </div>\n <div\n class={'ls-field-type-wrapper'}\n style={{\n border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,\n background: defaultRolePalette[this.allSignersSame().signer % 100].s10,\n }}\n >\n <div class={'ls-field-type-inner'}>\n <div\n class={'ls-field-type-icon'}\n style={{\n border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,\n color: defaultRolePalette[this.allSignersSame().signer % 100].s60,\n background: defaultRolePalette[this.allSignersSame().signer % 100].s10,\n }}\n >\n <ls-icon name={getFieldIcon(this.allElementsSame().elementType)} size=\"1.25rem\" />\n </div>\n <p class={'ls-field-type-name'}>\n {this.dataItem.length} {this.allElementsSame().elementType} {'Fields'}\n </p>\n </div>\n </div>\n </div>\n <div class={'ls-field-properties-section row'}>\n <div class={'ls-field-properties-section-text'}>\n <p class={'ls-field-properties-section-title'}>Required Field</p>\n </div>\n <ls-toggle onValueChange={(ev) => this.alter({ optional: !ev.detail })} checked={!this.allFieldsOptional().optional} indeterminate={this.allFieldsOptional().isSame === false} />\n </div>\n\n <div class={'ls-field-properties-section'}>\n <div class={'ls-field-properties-section-text'}>\n <p class={'ls-field-properties-section-title'}>Field Label</p>\n <p class={'ls-field-properties-section-description'}>Add a label to clarify the information required from the Recipient.</p>\n </div>\n <input value={this.allLabelsSame().label} onInput={(e) => this.alter({ label: (e.target as HTMLInputElement).value })} width=\"30\" placeholder=\"eg. Sign Here\" />\n </div>\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n <ls-field-size dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-alignment dataItem={this.dataItem} />\n <ls-field-placement dataItem={this.dataItem} />\n <ls-field-distribute dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

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

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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

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

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

@@ -50,7 +50,7 @@ a:hover {
 select {
   appearance: none;
-  height: 36px;
+  height: 2.25rem;
   width: 100%;
 }
 .has-leading-icon {

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

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