npm - smoothly - Versions diffs - 1.119.0 → 1.121.0 - Mend

smoothly 1.119.0 → 1.121.0

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

Files changed (446) hide show

package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const SmoothlyInputCheckboxDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b87b050eb78e63350fdef9978b8ab3f6f75f90ba' }, index.h("h2", { key: 'b59d7d2132935b59925b3d486334adaa57d34111' }, "All inputs"), index.h("smoothly-form", { key: '2cf49373621aa3b4952816aa554835ab9a1dc75a', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '342a601528a1e72db8a79995d906d2f2d8ebd85d', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '6ffb6868dc9fb8b91a535712012a2f1c12137afc', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'a61b4f80fa1a58b159870fcf6c3633ced18634ae', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '774574e34066312584d662925f47ca07809e4e78', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'b60d029086821dc8b5e754776c5e62233e5cc3b8', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '3c9969ce5448170cc919b40944981f5ad43edd7e', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'd8410427e1341ff530ecb7dee9823c21852fa3a7', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '61c64bbe7250b4eb4290bd2c75caf62528c355c1', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '44bbffb4103eb379652bbf436761458a14a7175f', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'c5dcb3b19adec142097e43ed1b10f80984477c49', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: 'e1cc8f36aa4dd9c84750797073c5d8ed0f2bad10', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: '9543a9f9cc6ac7402415825a9872ec37d3048b3e', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '41cbb2fab7585029ee91ea45d2b1d2f360a6a732', slot: "label" }, "Month"), index.h("smoothly-item", { key: '498d55992f8539e09c3862c0a147c271a645038d', value: "1" }, "January"), index.h("smoothly-item", { key: '1609ea60cb94e9ef195f4a18c61465c5319fb44d', value: "2" }, "February"), index.h("smoothly-item", { key: '1312da1f050e2e4ffde8c4b13dce23cb22711a2d', value: "3" }, "March"), index.h("smoothly-item", { key: 'ada60354212087fc55fb81939f831d6551d6ef7d', value: "4" }, "April"), index.h("smoothly-item", { key: '00da4e1699a9e1fc127a6f48ea7f440b0e3199da', value: "5" }, "May"), index.h("smoothly-item", { key: '93c3f12dd68334918a5f6a96b37506b548bba081', value: "6" }, "June"), index.h("smoothly-item", { key: '16c5a1d2d4a76312933e4c75312e29bbc4e77bc2', value: "7" }, "July"), index.h("smoothly-item", { key: 'fd8b80bb3b8e643f533543ea16041aed0e36a304', value: "8" }, "August"), index.h("smoothly-item", { key: '5f85430c08aa753b36b31f9de1a7a1d7d8d793e6', value: "9" }, "September"), index.h("smoothly-item", { key: '1c9447ee0e21fc37b625c4a2c9699659a6a03d80', value: "10" }, "October"), index.h("smoothly-item", { key: '648214d00c82a87a5403650e289dfc16470417d5', value: "11" }, "November"), index.h("smoothly-item", { key: '9b680e645e7589c8a8ece5f7fe951d3e818b04d2', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '2cc62e638bd2037f1ff2f841c070840763b4ad32', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '958f4e3773a9002b8b531defd76b69723abd8f3f', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '962f4103e460087672484eb3f88045027d32a130', value: "folder", selected: true }, index.h("smoothly-icon", { key: '6345e8422873c99e0dbab80025984b73aa4bbf68', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '848077e1177766f84d6c7d59d9ffec16792631d4', value: "camera" }, index.h("smoothly-icon", { key: 'd2c00f76124a9b7be6fc25fb9c07b4de189af3da', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '66a99e5d40cc59d07b203c88596def4a04f80616', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'a1c6b415241594b64b0faf73f363d16f78124cd9', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '100e28190aaddd73697716b92ec4fb9ad8dd4924', start: index$1.isoly.Date.now(), end: index$1.isoly.Date.now() }), index.h("smoothly-input-date", { key: 'ed20d251ffc8bc5a1ddf527da2b2995b9e3bd4bf', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '92228279c6a86738a4674bd44288a524b83e6307', slot: "end" })), index.h("smoothly-input-range", { key: 'e4fe8940464d23127d57edcfc79a3f808122107a', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '62f3734c6b281d314d585eba4667860ed93860d3', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '67a043f52e277658892f34af93b8ab2d50451dd9', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '133126812e7dbae7f1491640dab148f4feb1c561', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: '24cde6c2ea0b981781248e2bd4bad76612bde4ae', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: 'b3da2cca79cf80972d6d2eb2370c46bcfe75a7ed', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '352432da59dfba1eac043d8b150b2740faf38384', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'f711a241f53cfb5803979dc19c0421aa5b4b9936', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '9f0ab930a4b1159d0373f9e33490c54dc070f71f', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '114f04898200155379a21c30fd6fe0bc9fac29c1', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: 'e13dfab8e36f03e1862a73ad36e7a16e2f55cd00', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '667402ebc3bdfef1b6cd11be423cd95259d096b9', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '8bf6222df1f9e450a44c28eba57774ab0b00aa43', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '3d628aed8faa2698a051915c01a6487b59ffa28c', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'f82e58a33a25824d8ff34103072d404f4b4b98fb', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (index.h(index.Host, { key: 'b352bdfbee661343cf47d50f12abebfc0cf6ab16' }, index.h("h2", { key: '91c946ac08fdd45e077f83fc330b2ab936b3a1e4' }, "All inputs"), index.h("smoothly-form", { key: '6fff86e68d54df3d04c6aff0dd68cc159b59db8a', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '6dc3fd3c8e17bd65c40e10c209d5c9e9af05606c', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '7d7acb5d57428af599b670ffb305d1deec054ebe', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '27c3f25370ebcd5cccce3db547b28a10570679fb', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '49aa72aa749938f51ffdf9ebd7a466d94845ee9d', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '286f46fa39c7ad3786b62730fd58be655d447917', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '91ad70640e71a52489c855e1852c609a88bb2eb6', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '3068f8e03da6c743c9041d00e6206674d8647db6', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'd636989038d98000ba11ce424ccc27ab625d0515', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '5b5e6959f78fc2e3d08eb38e1be5d8e72e46972b', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '1bbb84c8f3a50612a1fd0b54d08e12486ed98fc7', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: 'cd125a26f203f4d1aeb056bee95ae5acb632ff46', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: '814ebdf5fde8126970fdf5b333bdf9fa78a528bc', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '01b6346ec1df5a391709de9619eaffd6b5eb3142', slot: "label" }, "Month"), index.h("smoothly-item", { key: 'edccdd1fa584a1d1e8c4d0eb79236cca0da371d1', value: "1" }, "January"), index.h("smoothly-item", { key: 'd1e30185f0fe5d7be1fb93caa0858760c3ece3ea', value: "2" }, "February"), index.h("smoothly-item", { key: '87b05bb03e14c13271e9a4d91d1d61dcf2ccdb4e', value: "3" }, "March"), index.h("smoothly-item", { key: 'a2f732d3a5e1e2257fc63d1777d5ff9440e5a6ea', value: "4" }, "April"), index.h("smoothly-item", { key: '2a4355ba7020386bd68f3064e758f3c302c914b1', value: "5" }, "May"), index.h("smoothly-item", { key: '4e2ca1c70ebab9644f0b9f23f8838349a2af5662', value: "6" }, "June"), index.h("smoothly-item", { key: 'c28b5bf4614565fb363e96f1419f642a5a1e511a', value: "7" }, "July"), index.h("smoothly-item", { key: '29f55d2c10ea35f64d372b4bacf3d16ce6158462', value: "8" }, "August"), index.h("smoothly-item", { key: 'af6f0893b6c8f74ab2ec83c994fa4c283ccd50d1', value: "9" }, "September"), index.h("smoothly-item", { key: 'bb9dd4309de5f13ee8b09413ed140656f0cd8993', value: "10" }, "October"), index.h("smoothly-item", { key: '4494fc9fde1fcae901228b8a3bc59f66f39062e6', value: "11" }, "November"), index.h("smoothly-item", { key: '8e30882cfc9d205c27455edc3dddcef27c5f3f6e', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '95012437948deee3d15b981e9fd2782dd2e69bf8', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '488a3819d8b5f9d67c7d6a438f23c2f82fddf711', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '246ee9908f5b491020a9e4bc983b11ded6a584a9', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'c08ecd57f6eb097c243f291a3c81fb9d2348dd53', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'fae16d67f4e6d37db50eaa88b5f7c4a8c864a524', value: "camera" }, index.h("smoothly-icon", { key: '2599688d7fea657f0fc6eff69ef2418b972574a6', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '322949e94c629f7e145dcecf9018fbf76d12288f', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '9cc5b47dc19012948e305a5757ce8db32e8604a6', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '90fd7d3c0be11f0392facadb1d222a103cb70229', start: index$1.isoly.Date.now(), end: index$1.isoly.Date.now() }), index.h("smoothly-input-date", { key: '4c2763206ed70c88dd68be14d7dd052b343e9ed4', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '0d0d5e29aa88d9813233f37c4a44b03716b0b0c7', slot: "end" })), index.h("smoothly-input-range", { key: '7b9629770c6f9a0cf56bf6b2879622a1c3916bf8', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '2189012b707e0c9d59ce9d98a2934e46d4757cd6', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: 'ec909bac6b45f203d3b62c3a4bf4edb1786ab29c', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: 'e4a149d8f21fe0183c1c02af96b36dd45372464e', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'b12f8a0caa8efadc3517e4d49ac10a28a77c3113', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '5c0efcf118ca8fe07c45801b1ce0a40ec6ae057f', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: 'ea359e74dfe9cbde7b72843d57c8a220b3b47fed', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'ad4abed80bcd4d341202927e20f53348be67c254', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '316576fc7488e1858fcb80431d9ca4550bfda77c', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '5e5c1586fa0728fcf8ca296a666fdf5557e3ef04', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '344bc835f9590416000916aa48b9e66a16dab543', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '46567f5f92d87e3352e61ee14115086804e8de1c', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '6857cae3aed0fe81e2600295af74e6be32b7a46a', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '5959f0903bfa4179c95609c9fa05adb4ccbc4eec', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '1503fb2488ea528635f4b7f162df3a28729d47b1', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 };

package/dist/cjs/smoothly-submit.cjs.entry.js CHANGED Viewed

@@ -29,7 +29,7 @@ const SmoothlySubmit = class {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (index.h(Submittable.Button, { key: 'acc877b650fa22b82f50c4fd3a5069b2e668c94d', disabled: this.disabled, type: this.type }, index.h("slot", { key: '9b5dbe03ca023d879223239e24c84208c36c0bb7' })));
+        return (index.h(Submittable.Button, { key: '1bf07e4fa1cb07457467d9a1ff354a789d198351', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'cfa1b6e14321cb83f410d2e897160fc9dfe029f0' })));
     }
 };
 SmoothlySubmit.style = styleCss();

package/dist/cjs/smoothly-trigger-sink.cjs.entry.js CHANGED Viewed

@@ -24,7 +24,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '50c905abcea9a6a8ad47134a44b837ca5f328f77' });
+        return index.h("slot", { key: 'a4cf9c0d1480244dd05e88e8689d8aebd5177d09' });
     }
 };
 SmoothlyTriggerSink.style = styleCss();

package/dist/cjs/smoothly-trigger-source.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const SmoothlyTriggerSource = class {
         }, window);
     }
     render() {
-        return index.h("slot", { key: 'a802c3a97c5523f4b16160e3c54f05ea27acbd81' });
+        return index.h("slot", { key: '5c9a3d827ccb03e4af75c6fdc51443bc21da9ee9' });
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/smoothly.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_99.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-button-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[260,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"navBreakpoint\":[513,\"nav-breakpoint\"],\"mobileMode\":[32],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedChanged\":0}]}],[262,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"paths\":[32],\"mobileMode\":[32],\"setMobileMode\":[64],\"getContent\":[64],\"setSelected\":[64]},[[8,\"smoothlyUrlUpdate\",\"setQuery\"]]],[2,\"smoothly-tabs-demo\",{\"extraTab1\":[32],\"extraTab2\":[32]}],[0,\"smoothly-notifier-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-user-input\",{\"textIndex\":[32],\"selectIndex\":[32],\"checkboxChecked\":[32],\"radioIndex\":[32],\"rangeValue\":[32],\"colorIndex\":[32],\"dateValue\":[32],\"datetimeValue\":[32],\"dateRangeValue\":[32]}],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested-no-cell\",{\"loadingIndex\":[32],\"loadedRows\":[32]}],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[{\"nameChanged\":0}]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[{\"updateInputHeightText\":0}]}],[2,\"smoothly-input-date-demo\",{\"date\":[32],\"alwaysShowGuide\":[32]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-input-demo-radio\",{\"selected\":[32]},null,{\"selected\":[{\"selectedChange\":0}]}],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[262,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[262,\"smoothly-theme-picker\",{\"element\":[1]}],[262,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"open\":[1540]},[[0,\"click\",\"clickHandler\"]],{\"open\":[{\"openChanged\":0}]}],[262,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513],\"closeModal\":[64],\"openModal\":[64]},null,{\"open\":[{\"openChanged\":0}]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[262,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-no-cell-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[{\"onUpdatedNotice\":0}]}],[262,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[262,\"smoothly-summary\",{\"open\":[1540]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[262,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[262,\"smoothly-table-foot\"],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[262,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[262,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"min\":[1],\"max\":[1],\"date\":[32],\"hour\":[32],\"minute\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"date\":[{\"handleChange\":0}],\"hour\":[{\"handleChange\":0}],\"minute\":[{\"handleChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[262,\"smoothly-tab\",{\"label\":[1],\"name\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[{\"openHandler\":0}]}],[262,\"smoothly-tabs\",{\"tabs\":[513],\"numberOfTabs\":[2,\"number-of-tabs\"],\"tabElements\":[32],\"selectedElement\":[32],\"removeTab\":[64]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[{\"onSelectedChange\":0}]}],[262,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[262,\"smoothly-table-cell\",{\"span\":[514]}],[262,\"smoothly-input-file\",{\"readonly\":[1540],\"disabled\":[516],\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"binary\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[262,\"smoothly-table-body\"],[262,\"smoothly-table-head\",{\"scrolled\":[32],\"depth\":[32]}],[262,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"readonly\":[1540],\"disabled\":[516],\"output\":[1],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"open\":[32],\"sliderMode\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[262,\"smoothly-input-date-range\",{\"locale\":[513],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"max\":[1],\"min\":[1],\"open\":[32],\"startHasText\":[32],\"endHasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[{\"startChanged\":0}],\"end\":[{\"endChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"name\":[{\"nameChange\":0}]}],[262,\"smoothly-input-checkbox\",{\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1540],\"value\":[16],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}],\"readonly\":[{\"handleDisabledChange\":0}],\"checked\":[{\"elementCheck\":0}]}],[262,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"defined\":[1028],\"readonly\":[1540],\"disabled\":[516],\"type\":[1],\"min\":[2],\"max\":[2],\"name\":[513],\"step\":[2],\"outputSide\":[1,\"output-side\"],\"label\":[1],\"showInput\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-date\",{\"locale\":[513],\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"hasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"onValueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025],\"disabled\":[32]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[262,\"smoothly-input-radio\",{\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"direction\":[513],\"clearable\":[4],\"readonly\":[1540],\"disabled\":[516],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyRadioItemRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyRadioItemSelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[2,\"smoothly-date-text\",{\"locale\":[1],\"readonly\":[516],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"value\":[1],\"parts\":[32],\"order\":[32],\"separator\":[32],\"focusedIndex\":[32],\"setValue\":[64],\"select\":[64],\"deselect\":[64]},[[0,\"beforeinput\",\"beforeInputHandler\"],[2,\"input\",\"inputHandler\"]],{\"parts\":[{\"partsHandler\":0}],\"focusedIndex\":[{\"focusedIndexHandler\":0}]}],[262,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1],\"end\":[1],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"startInternal\":[32],\"endInternal\":[32],\"jumpTo\":[64]},null,{\"start\":[{\"onStart\":0}],\"end\":[{\"onEnd\":0}]}],[262,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[262,\"smoothly-input-month\",{\"readonly\":[1540],\"color\":[513],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"max\":[1025],\"min\":[1025],\"next\":[516],\"previous\":[516],\"inCalendar\":[516,\"in-calendar\"],\"showLabel\":[516,\"show-label\"],\"allowPreviousMonth\":[32],\"allowNextMonth\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[{\"valueChanged\":0},{\"setAllowPreviousMonth\":0},{\"setAllowNextMonth\":0}],\"min\":[{\"setAllowPreviousMonth\":0}],\"max\":[{\"setAllowNextMonth\":0}],\"name\":[{\"nameChange\":0}]}],[260,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[{\"watchValue\":0}],\"readonly\":[{\"watchReadonly\":0}]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[262,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"copyable\":[516],\"initialValue\":[32],\"state\":[32],\"copied\":[32],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"setSelection\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"setCustomInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"input\",\"onEvent\"],[0,\"beforeinput\",\"onEvent\"]],{\"name\":[{\"nameChange\":0}],\"currency\":[{\"typeChange\":0}],\"type\":[{\"typeChange\":0}],\"state\":[{\"stateChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"readonlyChange\":0}],\"readonly\":[{\"readonlyChange\":0}]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[262,\"smoothly-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"disabled\":[516],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[516],\"clearable\":[4],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"display\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"]],{\"name\":[{\"nameChange\":0}],\"selected\":[{\"onSelectedChange\":0}],\"required\":[{\"onRequiredChange\":0}],\"filter\":[{\"onFilterChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"open\":[{\"onClosed\":0}]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[262,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedWatcher\":0}]}],[262,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"tooltip\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"tooltip\":[1],\"latestPromise\":[32]},null,{\"tooltip\":[{\"nameChanged\":0}],\"name\":[{\"nameChanged\":0}]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[262,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[513],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]},null,{\"checked\":[{\"unavailableChanged\":0}],\"unavailable\":[{\"unavailableChanged\":0}]}]]],[\"smoothly-color.cjs\",[[262,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[262,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]]]],[\"smoothly-trigger-sink.cjs\",[[262,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[262,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_99.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-button-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[260,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"navBreakpoint\":[513,\"nav-breakpoint\"],\"mobileMode\":[32],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedChanged\":0}]}],[262,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"paths\":[32],\"mobileMode\":[32],\"setMobileMode\":[64],\"getContent\":[64],\"setSelected\":[64]},[[8,\"smoothlyUrlUpdate\",\"setQuery\"]]],[2,\"smoothly-tabs-demo\",{\"extraTab1\":[32],\"extraTab2\":[32]}],[0,\"smoothly-notifier-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-user-input\",{\"textIndex\":[32],\"selectIndex\":[32],\"checkboxChecked\":[32],\"radioIndex\":[32],\"rangeValue\":[32],\"colorIndex\":[32],\"dateValue\":[32],\"datetimeValue\":[32],\"dateRangeValue\":[32]}],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested-no-cell\",{\"loadingIndex\":[32],\"loadedRows\":[32]}],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[{\"nameChanged\":0}]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[{\"updateInputHeightText\":0}]}],[2,\"smoothly-input-date-demo\",{\"date\":[32],\"alwaysShowGuide\":[32]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-input-demo-radio\",{\"selected\":[32]},null,{\"selected\":[{\"selectedChange\":0}]}],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[262,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[262,\"smoothly-theme-picker\",{\"element\":[1]}],[262,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"open\":[1540]},[[0,\"click\",\"clickHandler\"]],{\"open\":[{\"openChanged\":0}]}],[262,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513],\"closeModal\":[64],\"openModal\":[64]},null,{\"open\":[{\"openChanged\":0}]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[262,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-no-cell-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[{\"onUpdatedNotice\":0}]}],[262,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[262,\"smoothly-summary\",{\"open\":[1540]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[262,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[262,\"smoothly-table-foot\"],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[262,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[262,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"min\":[1],\"max\":[1],\"date\":[32],\"hour\":[32],\"minute\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"date\":[{\"handleChange\":0}],\"hour\":[{\"handleChange\":0}],\"minute\":[{\"handleChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[262,\"smoothly-tab\",{\"label\":[1],\"name\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[{\"openHandler\":0}]}],[262,\"smoothly-tabs\",{\"tabs\":[513],\"numberOfTabs\":[2,\"number-of-tabs\"],\"tabElements\":[32],\"selectedElement\":[32],\"removeTab\":[64]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[{\"onSelectedChange\":0}]}],[262,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[262,\"smoothly-table-cell\",{\"span\":[514]}],[262,\"smoothly-input-file\",{\"readonly\":[1540],\"disabled\":[516],\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"binary\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[262,\"smoothly-table-body\"],[262,\"smoothly-table-head\",{\"scrolled\":[32],\"depth\":[32]}],[262,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"readonly\":[1540],\"disabled\":[516],\"output\":[1],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"open\":[32],\"sliderMode\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[262,\"smoothly-input-date-range\",{\"locale\":[513],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"max\":[1],\"min\":[1],\"open\":[32],\"startHasText\":[32],\"endHasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[{\"startChanged\":0}],\"end\":[{\"endChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"name\":[{\"nameChange\":0}]}],[262,\"smoothly-input-checkbox\",{\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1540],\"value\":[16],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}],\"readonly\":[{\"handleDisabledChange\":0}],\"checked\":[{\"elementCheck\":0}]}],[262,\"smoothly-input-range\",{\"value\":[1026],\"dual\":[4],\"looks\":[1537],\"color\":[1537],\"defined\":[1028],\"readonly\":[1540],\"disabled\":[516],\"type\":[1],\"min\":[2],\"max\":[2],\"name\":[513],\"step\":[2],\"outputSide\":[1,\"output-side\"],\"label\":[1],\"showInput\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-date\",{\"locale\":[513],\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"hasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"onValueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025],\"disabled\":[32]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[262,\"smoothly-input-radio\",{\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"direction\":[513],\"clearable\":[4],\"readonly\":[1540],\"disabled\":[516],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyRadioItemRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyRadioItemSelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[2,\"smoothly-date-text\",{\"locale\":[1],\"readonly\":[516],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"value\":[1],\"parts\":[32],\"order\":[32],\"separator\":[32],\"focusedIndex\":[32],\"setValue\":[64],\"select\":[64],\"deselect\":[64]},[[0,\"beforeinput\",\"beforeInputHandler\"],[2,\"input\",\"inputHandler\"]],{\"parts\":[{\"partsHandler\":0}],\"focusedIndex\":[{\"focusedIndexHandler\":0}]}],[262,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1],\"end\":[1],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"startInternal\":[32],\"endInternal\":[32],\"jumpTo\":[64]},null,{\"start\":[{\"onStart\":0}],\"end\":[{\"onEnd\":0}]}],[262,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[262,\"smoothly-input-month\",{\"readonly\":[1540],\"color\":[513],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"max\":[1025],\"min\":[1025],\"next\":[516],\"previous\":[516],\"inCalendar\":[516,\"in-calendar\"],\"showLabel\":[516,\"show-label\"],\"allowPreviousMonth\":[32],\"allowNextMonth\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[{\"valueChanged\":0},{\"setAllowPreviousMonth\":0},{\"setAllowNextMonth\":0}],\"min\":[{\"setAllowPreviousMonth\":0}],\"max\":[{\"setAllowNextMonth\":0}],\"name\":[{\"nameChange\":0}]}],[260,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[{\"watchValue\":0}],\"readonly\":[{\"watchReadonly\":0}]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[262,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"copyable\":[516],\"right\":[516],\"initialValue\":[32],\"state\":[32],\"copied\":[32],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"setSelection\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"setCustomInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"input\",\"onEvent\"],[0,\"beforeinput\",\"onEvent\"]],{\"name\":[{\"nameChange\":0}],\"currency\":[{\"typeChange\":0}],\"type\":[{\"typeChange\":0}],\"state\":[{\"stateChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"readonlyChange\":0}],\"readonly\":[{\"readonlyChange\":0}]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[262,\"smoothly-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"disabled\":[516],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[516],\"clearable\":[4],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"display\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"]],{\"name\":[{\"nameChange\":0}],\"selected\":[{\"onSelectedChange\":0}],\"required\":[{\"onRequiredChange\":0}],\"filter\":[{\"onFilterChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"open\":[{\"onClosed\":0}]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[262,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedWatcher\":0}]}],[262,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"tooltip\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"tooltip\":[1],\"latestPromise\":[32]},null,{\"tooltip\":[{\"nameChanged\":0}],\"name\":[{\"nameChanged\":0}]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[262,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[513],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]},null,{\"checked\":[{\"unavailableChanged\":0}],\"unavailable\":[{\"unavailableChanged\":0}]}]]],[\"smoothly-color.cjs\",[[262,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[262,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]]]],[\"smoothly-trigger-sink.cjs\",[[262,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[262,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/dist/collection/components/form/demo/all/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ export class SmoothlyFormDemoAll {
     render() {
         return (h(Host, { key: '2b2e779dc35f9f35173515a6db59425654d7446a' }, h("h2", { key: 'b2423e5f45a6841b6fedcb7db17626ed192ee15d' }, "All inputs"), h("smoothly-form", { key: 'ac6fc721d22456edb5104ba9553c423d6f8bdebe', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
                 Object.entries(e.detail.value).forEach(([key, value]) => console.log(key, value));
-            } }, h("smoothly-input", { key: '4ec033bb9d51a7edc81cce2a1fde55bd21458318', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '8d6abee797b1c9b60efeb068c828453174401012', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '8caeac3cbd2290eaeeda549aea083d4499b960c5', size: "icon", slot: "end" })), h("smoothly-input", { key: '9a22277ed064a84b98a8c68c5f176758735748f0', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '2b45ff8ceaf71289d350e102d53123dc1c82600f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '15856b48204c21b5f7318df22130e17aa3e14e8d', clearable: true, name: "radioFirstInput" }, h("label", { key: 'c94b6e0c185c8ab4325161a6e4249863017e5eb2', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'e978bde5ec519ab872eac3fb2a7d75b493099f31', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '3c30fd0d9b549f93c912759f8329570db377df79', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '2f3f773cade1c39fa2a121b24ba2778a42d9a9b0', value: "third" }, "Label 3")), h("smoothly-input-color", { key: 'f1e0b0b1e759c85c5de1f3a8af9818b41c692bdb', name: "color" }, "Color"), h("smoothly-input-select", { key: '7e1069ff0515224e17145539afefec11979ed88c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c42749acb44e6e7db99f4e7981f20ad0c09f1694', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'fdd0c90294bdf50d77ccf187777fdd804760b8ac', value: "1" }, "January"), h("smoothly-item", { key: '4f0c9d90f6909eaacccd5d385e317832f5a8b213', value: "2" }, "February"), h("smoothly-item", { key: '7779ea4af1f17cb48ef0249b7857262deb6c485d', value: "3" }, "March"), h("smoothly-item", { key: '5f15c3d32240bfb7c3b8d0a61f90599697b8e2a0', value: "4" }, "April"), h("smoothly-item", { key: '0952c95b2cf623f5573d70b5fa39b1c1ce008f16', value: "5" }, "May"), h("smoothly-item", { key: '1352e9245e39341d99d1bc8d051691b6b70dac37', value: "6" }, "June"), h("smoothly-item", { key: '7eddedff608a9148cb2b9c17f23ac2108b2190fd', value: "7" }, "July"), h("smoothly-item", { key: '627e81c5c7ddd5e1230b6eead20ac7932edbff9a', value: "8" }, "August"), h("smoothly-item", { key: '587bcf666e0bc92c14f5665f975563f06a419bac', value: "9" }, "September"), h("smoothly-item", { key: '896f05e2b88d7613cbc7f21b2aa4c58f1ae3938d', value: "10" }, "October"), h("smoothly-item", { key: 'fb539afa5edd3fe8391df5fc9d63fcb84940512c', value: "11" }, "November"), h("smoothly-item", { key: '959e9af2c479a299431f302041649bd86f5db331', value: "12" }, "December")), h("smoothly-input-select", { key: '64e83fb7dba19c8c21b5697eade0c7c5404d330c', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'b1a055ab1c73f28e0b49e626561aeff83efb124b', value: "folder", selected: true }, h("smoothly-icon", { key: '9ba931c9dd28c9f88168f5ab94fd80bc6f7f6bc0', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'acd791714a16504b5dc6a56f2fbfc89cf1ef4600', value: "camera" }, h("smoothly-icon", { key: 'd65e7beb3c74941bf494769126124ef79ce800d0', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: 'd6f2f199daf447bb0992ca8839b89e4e14166846', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '79885d84642626f7cba6d348d0044f2c8037007e', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: '7e791279c3b1bd2898d4c5e9e35ef9df76aa14cf', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: 'f7b07cef9882952dc91be6484c04ba459ef5db62', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '44b404105c6d9aa19c7f14ac529e7b8ab3f964e9', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: 'aca9bc7aebd243f8e82158d1c60b7a69886e9a02', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: '674b16d94949bcbd3fd4980b0b262ba580efbd5b', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: 'b25175ffa941b70d606a66db0f97e61547faf5b9', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '0113d466fc09afc4734a65500cdc20b06267d77d', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: 'cd15c39915ea43095e237f4f1952ed271f6e756b', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: 'a6138d70fbf10e1cf7cc4ad624422315d05c9619', slot: "label" }, "Profile"), h("smoothly-icon", { key: '5c53d92dd91402c2db9d57dc3dfd274cbea4b730', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '497261e5f152c2af406dcc6860a6092df8bbe1af', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '7ba91aa6d31f7ff2ebbb3d07bd958610aad0fc1f', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: 'fd6a01b3f7417aa4074bbf2ca385cec9d437e429', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '3221d6e405488a7af0b917c99ee7f5acd9ca9f1d', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'e81eff668f6592a23f3f13262c123e97d1ca6c30', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '334bca3eb505ccd23c75efe1d3d66faa7638f4e0', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+            } }, h("smoothly-input", { key: '4ec033bb9d51a7edc81cce2a1fde55bd21458318', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '8d6abee797b1c9b60efeb068c828453174401012', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '8caeac3cbd2290eaeeda549aea083d4499b960c5', size: "icon", slot: "end" })), h("smoothly-input", { key: '9a22277ed064a84b98a8c68c5f176758735748f0', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '2b45ff8ceaf71289d350e102d53123dc1c82600f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '15856b48204c21b5f7318df22130e17aa3e14e8d', clearable: true, name: "radioFirstInput" }, h("label", { key: 'c94b6e0c185c8ab4325161a6e4249863017e5eb2', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'e978bde5ec519ab872eac3fb2a7d75b493099f31', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '3c30fd0d9b549f93c912759f8329570db377df79', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '2f3f773cade1c39fa2a121b24ba2778a42d9a9b0', value: "third" }, "Label 3")), h("smoothly-input-color", { key: 'f1e0b0b1e759c85c5de1f3a8af9818b41c692bdb', name: "color" }, "Color"), h("smoothly-input-select", { key: '7e1069ff0515224e17145539afefec11979ed88c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c42749acb44e6e7db99f4e7981f20ad0c09f1694', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'fdd0c90294bdf50d77ccf187777fdd804760b8ac', value: "1" }, "January"), h("smoothly-item", { key: '4f0c9d90f6909eaacccd5d385e317832f5a8b213', value: "2" }, "February"), h("smoothly-item", { key: '7779ea4af1f17cb48ef0249b7857262deb6c485d', value: "3" }, "March"), h("smoothly-item", { key: '5f15c3d32240bfb7c3b8d0a61f90599697b8e2a0', value: "4" }, "April"), h("smoothly-item", { key: '0952c95b2cf623f5573d70b5fa39b1c1ce008f16', value: "5" }, "May"), h("smoothly-item", { key: '1352e9245e39341d99d1bc8d051691b6b70dac37', value: "6" }, "June"), h("smoothly-item", { key: '7eddedff608a9148cb2b9c17f23ac2108b2190fd', value: "7" }, "July"), h("smoothly-item", { key: '627e81c5c7ddd5e1230b6eead20ac7932edbff9a', value: "8" }, "August"), h("smoothly-item", { key: '587bcf666e0bc92c14f5665f975563f06a419bac', value: "9" }, "September"), h("smoothly-item", { key: '896f05e2b88d7613cbc7f21b2aa4c58f1ae3938d', value: "10" }, "October"), h("smoothly-item", { key: 'fb539afa5edd3fe8391df5fc9d63fcb84940512c', value: "11" }, "November"), h("smoothly-item", { key: '959e9af2c479a299431f302041649bd86f5db331', value: "12" }, "December")), h("smoothly-input-select", { key: '64e83fb7dba19c8c21b5697eade0c7c5404d330c', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'b1a055ab1c73f28e0b49e626561aeff83efb124b', value: "folder", selected: true }, h("smoothly-icon", { key: '9ba931c9dd28c9f88168f5ab94fd80bc6f7f6bc0', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'acd791714a16504b5dc6a56f2fbfc89cf1ef4600', value: "camera" }, h("smoothly-icon", { key: 'd65e7beb3c74941bf494769126124ef79ce800d0', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: 'd6f2f199daf447bb0992ca8839b89e4e14166846', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '79885d84642626f7cba6d348d0044f2c8037007e', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: '7e791279c3b1bd2898d4c5e9e35ef9df76aa14cf', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: 'f7b07cef9882952dc91be6484c04ba459ef5db62', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '44b404105c6d9aa19c7f14ac529e7b8ab3f964e9', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: 'aca9bc7aebd243f8e82158d1c60b7a69886e9a02', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: '674b16d94949bcbd3fd4980b0b262ba580efbd5b', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: 'b25175ffa941b70d606a66db0f97e61547faf5b9', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '0113d466fc09afc4734a65500cdc20b06267d77d', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-range", { key: 'd06183dd7731f6a70070ff0d823fb18ad8e4a10f', dual: true, name: "dualRange", min: 0, max: 100, step: 1, label: "Dual Range" }), h("smoothly-input-file", { key: 'ed5cf91c1db69c748cf52d4a99601fc2ddd675eb', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: 'f72fba530a1ee1d6f6a021544863dbb892f5a955', slot: "label" }, "Profile"), h("smoothly-icon", { key: 'dae1cc212fb3ea87ec62ac7e40c7d489bcb5cb1d', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '0e9e8dc38f055440bba351cb5b7c3186d480f661', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: 'ce7946c654f4a4cef855455a94311b08eee47108', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: 'c77b9febf666fac99980b868327a3a03946edb1a', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: 'd1597484a38571db597eecca554f706f484b8d08', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '0fb965b190a21ff54bb69a34b41bf8b264b06b81', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '2003e45ab3c0fa5301cbbc39717b9c2dd3b74af5', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
     static get is() { return "smoothly-form-demo-all"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/all/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/demo/all/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-all\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoAll {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>All inputs</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\ttype=\"create\"\n\t\t\t\t\treadonly\n\t\t\t\t\taction=\"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4\"\n\t\t\t\t\tonSmoothlyFormSubmit={e => {\n\t\t\t\t\t\tObject.entries(e.detail.value).forEach(([key, value]) => console.log(key, value))\n\t\t\t\t\t}}>\n\t\t\t\t\t<smoothly-input readonly name=\"First Name\" value=\"John\">\n\t\t\t\t\t\tFirst name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input showLabel={false} name=\"Last name\" value=\"Doe\">\n\t\t\t\t\t\tLast name\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"phone\" name=\"Phone\" value={\"777888999\"}>\n\t\t\t\t\t\tPhone\n\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-color name=\"color\">Color</smoothly-input-color>\n\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox\">Check the box</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox2\" checked>\n\t\t\t\t\t\tCheck the box 2\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-range step={1} name=\"range3\" value={20} label=\"Range\" />\n\t\t\t\t\t<smoothly-input name=\"pets.0.name\">First Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.0.age\" max={100} step={1} label=\"First Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.1.name\">Second Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.1.age\" max={100} step={1} label=\"Second Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.2.name\">Third Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.2.age\" max={100} step={1} label=\"Third Pet's Age\" />\n\t\t\t\t\t<smoothly-input-file name={\"profile\"} placeholder={\"Click or drag your profile picture here...\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Profile</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"person-circle-outline\"} size={\"tiny\"} fill={\"default\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type=\"duration\" name=\"duration\" value={{}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-clear fill=\"default\" type=\"form\" color=\"warning\" slot=\"clear\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-edit fill=\"default\" type=\"form\" color=\"tertiary\" slot=\"edit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-reset fill=\"default\" type=\"form\" color=\"warning\" slot=\"reset\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit delete slot=\"delete\" color=\"danger\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit fill=\"default\" color=\"success\" slot=\"submit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/demo/all/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-all\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoAll {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>All inputs</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\ttype=\"create\"\n\t\t\t\t\treadonly\n\t\t\t\t\taction=\"https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4\"\n\t\t\t\t\tonSmoothlyFormSubmit={e => {\n\t\t\t\t\t\tObject.entries(e.detail.value).forEach(([key, value]) => console.log(key, value))\n\t\t\t\t\t}}>\n\t\t\t\t\t<smoothly-input readonly name=\"First Name\" value=\"John\">\n\t\t\t\t\t\tFirst name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input showLabel={false} name=\"Last name\" value=\"Doe\">\n\t\t\t\t\t\tLast name\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"phone\" name=\"Phone\" value={\"777888999\"}>\n\t\t\t\t\t\tPhone\n\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-color name=\"color\">Color</smoothly-input-color>\n\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox\">Check the box</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-checkbox name=\"checkbox2\" checked>\n\t\t\t\t\t\tCheck the box 2\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-range step={1} name=\"range3\" value={20} label=\"Range\" />\n\t\t\t\t\t<smoothly-input name=\"pets.0.name\">First Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.0.age\" max={100} step={1} label=\"First Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.1.name\">Second Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.1.age\" max={100} step={1} label=\"Second Pet's Age\" />\n\t\t\t\t\t<smoothly-input name=\"pets.2.name\">Third Pet's Name</smoothly-input>\n\t\t\t\t\t<smoothly-input-range name=\"pets.2.age\" max={100} step={1} label=\"Third Pet's Age\" />\n\t\t\t\t\t<smoothly-input-range dual name=\"dualRange\" min={0} max={100} step={1} label=\"Dual Range\" />\n\t\t\t\t\t<smoothly-input-file name={\"profile\"} placeholder={\"Click or drag your profile picture here...\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Profile</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"person-circle-outline\"} size={\"tiny\"} fill={\"default\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type=\"duration\" name=\"duration\" value={{}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-clear fill=\"default\" type=\"form\" color=\"warning\" slot=\"clear\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-edit fill=\"default\" type=\"form\" color=\"tertiary\" slot=\"edit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-reset fill=\"default\" type=\"form\" color=\"warning\" slot=\"reset\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit delete slot=\"delete\" color=\"danger\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t\t<smoothly-input-submit fill=\"default\" color=\"success\" slot=\"submit\" size=\"icon\" shape=\"rounded\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/form/demo/card/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoCard {
     render() {
-        return (h(Host, { key: '12a00d87271d0af126cadbad9443b858e477561e' }, h("h2", { key: 'b5f4db995901068b60a0005cd99e81c818ea19cc' }, "Card"), h("smoothly-form", { key: '327812f8a2d381d9806338675532029d4f42ce59', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '3379bf37a7333b1599aef7c0362e3e45af69f99d', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: '66f625510bd3f7f2bcd67671e39a55e4009c6f40', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: '2a050bd1808ed0b2b75ba5a62581e942788d115f', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: '4ed6ae1574aaf02fde846bd23dc55782c0f066ac', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: 'd0e62a606289683f604016a935564f8602daa041', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'bfbd0c1a13053aa98d9a93dcc06ceae8b933561e', type: "text", name: "name.last" }, "Last Name"))));
+        return (h(Host, { key: 'd0889b4a3e456b2fb26a93597566c7453d46747f' }, h("h2", { key: '471a1e8530903494b0bdd1a9eff533019d8c5dd0' }, "Card"), h("smoothly-form", { key: '2ec006bf008bd8e02a17402a3fb28f5c65123d68', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '5ef72a77c01144388d22485c148752b64b4a3bf9', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: 'c00fc4964eaaf03ab3201ea1e698e19e634041f7', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: 'bf05960ab0adf45c8ab9438626e6ef6bff49d9c9', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: '3d4ffb589693919a6e24b8870f6b29a3a93d05c9', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: 'e5238377f611551e8c787df7e111b812776e3ea5', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'bbbf04daa4ce51c605cb4abdfe40f2dcebc9d794', type: "text", name: "name.last" }, "Last Name"))));
     }
     static get is() { return "smoothly-form-demo-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/controlled/index.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class SmoothlyFormDemoControlled {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: 'be70b1b758bbe11772a1ba8ba7dca4f5405ea651' }, h("h2", { key: '68973a8cf2107ecaa72790a917cf14191cfd0fa9' }, "Controlled"), h("smoothly-form", { key: '4da1c66f41c89d78c180b55b3ae1df15190eae0c', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '201cb10b36c39d6a5a98d456459b82ef9d3f0a7d', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: 'a434d27014de8a28230f7bc60a3b5c6b706005b6', name: "currency" }, h("span", { key: 'eefb198ba0a863dd7c6ff37162383522c722803c', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '4813e2c249bd21afc6a2c1a6ab78793b49fa2d68' }, "Dummy"), h("smoothly-input-month", { key: '7225723a71776a7d9d88a21361443128a5893d42', name: "date", value: this.date, next: true, previous: true }, h("span", { key: 'be0572c78ce576807a459738426416e941a997fd', slot: "year-label" }, "Year"), h("span", { key: '99bb6cf5516bccb1721013e87ca2bec463341983', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: 'b7be05116d563ee33665f502c45bd01d9aaf61e1', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: 'bf423459f9b8717e9de26e4c900d054ea90baf7a', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: 'fd42172c00aae5c33f2b22e3d3bdccb6e71ec294', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: '1061bb8a73e16641920a69ed39c2861e1181cfeb' }, h("h2", { key: '2cda89170ac80504da7efbde49166b1bbdab7ec4' }, "Controlled"), h("smoothly-form", { key: 'a31ac6ae0da84799c93e0027bb209d151594b6c3', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '8a5ebd13b22a4b98b427f3090be3415738d29111', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: '6c5209dc75ed440b3f42ba06585c3ad056ad09bc', name: "currency" }, h("span", { key: '6d756e50b45c999a90ef1aafc1020d13d8720269', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: 'b1f7dc38934053c148836e5b5d91accd819a4a5d' }, "Dummy"), h("smoothly-input-month", { key: 'e8e1765d0ba064787b14bc1a339ac64dca884fab', name: "date", value: this.date, next: true, previous: true }, h("span", { key: '983f2faab5366f2658f80d2e4f8861df083e0dfe', slot: "year-label" }, "Year"), h("span", { key: 'a5ee74e1293e85da358c248aa272613948236166', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: 'f49c8c23ce5612594a96895cd7d690fac88421e9', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: '28ea077e4c88330a476849a178b74abe55658740', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: '13b11813f5d9521d04c14b847d4aac6db9ff4a10', slot: "submit", size: "icon", color: "success" }))));
     }
     static get is() { return "smoothly-form-demo-controlled"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/date/index.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDate {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: 'f6a0bf1656158091b0b9d6647707ec6c919cbf66' }, h("h2", { key: '210f22f5cbef0a441d7863764a0b6665afecdce1' }, "Date input"), h("smoothly-form", { key: 'eea3a74d6591f0193d8043d552a506868af1721d', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: 'b9fc6aca0411799a7dd952a4ae27fff20bb7a085', name: "date" }, "Date"), h("smoothly-input-submit", { key: '9abd42160b4efd43ec4e976bd143871437d2d08b', slot: "submit" }, h("smoothly-icon", { key: '690f42105cb25db4275ba0c03bdaa6a16b24faa3', name: "checkmark-outline" })))));
+        return (h(Host, { key: 'f87469968c363fc2e6908a6b8323d31d10e43f7b' }, h("h2", { key: '1b039d54dc14bd23fdf4a67404493fe4fa1002e5' }, "Date input"), h("smoothly-form", { key: '503627a427a6e50eaacb0a9aed71b057f0631a35', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: 'a0e1a4482ab53227b1833ee32edf37537766c34b', name: "date" }, "Date"), h("smoothly-input-submit", { key: '3ca7baebc20a2378b0858b84aa4f420d80cc035d', slot: "submit" }, h("smoothly-icon", { key: '44b553b4e0cdc44462ca87e7a2c25ab86be2cc34', name: "checkmark-outline" })))));
     }
     static get is() { return "smoothly-form-demo-date"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/date-range/index.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDateRange {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: '3833e26bb2993e1c9e34f9ae0e769667be96068f' }, h("h2", { key: '22a384e50f46467bcbafa7be795461024c25b8b0' }, "Date-range input"), h("smoothly-form", { key: '201517c3e9cd58a086d978da2b80d94cbb4b7a36', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '6cb457ad45877b3e36c60cba1c8f364133648478', name: "range" }, "Range"), h("smoothly-input-submit", { key: '91e289602933e30ee845516efc85094ff03c453d', slot: "submit" }, h("smoothly-icon", { key: '93d0acb0034106aeadfb8727cb2bb7e6b1bad52a', name: "checkmark-outline" })))));
+        return (h(Host, { key: '4f37b88dde84ff912e87e63fd814017216377e9d' }, h("h2", { key: 'dea9d4cd7d15f08b949e7f686e0274df57d166b9' }, "Date-range input"), h("smoothly-form", { key: 'a6a14c6ef899d219179ad3e84ab711bc011fbb3c', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '6b4b82499434e807c117b807c4e446cf614762d3', name: "range" }, "Range"), h("smoothly-input-submit", { key: '99495f5f3db19bd9c443e25ec94d013d6c46fd4f', slot: "submit" }, h("smoothly-icon", { key: 'ab29510526ee2915eccafbed8eec41bf9f39c7cf', name: "checkmark-outline" })))));
     }
     static get is() { return "smoothly-form-demo-date-range"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/login/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoLogin {
     render() {
-        return (h(Host, { key: '2c9674e5f435d97bd0387de4d5b91443aa521196' }, h("h2", { key: 'd1440db142e8443b534d60a050416740e0ba82f9' }, "Login"), h("smoothly-form", { key: 'f1fa4c58d439b4465a4cc3eaad87637ecbf3ac51', looks: "border" }, h("smoothly-input", { key: 'c419a3578e1de751d77052c78992bfe9daef6238', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: 'fbce70bd6ac07efbf59bb39ea1d728a3e78c6d77', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: '22df0cdc42340f207032132943cd3a5206dee49b', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '83967b0011d19526ec165d2888a5bd4533a4cf0c', slot: "submit" }))));
+        return (h(Host, { key: '145a8d63bafe3ecc82c765765c4a0f1518960b7b' }, h("h2", { key: '4318914484c253d03811ec55f71c5a5dd64bc1a9' }, "Login"), h("smoothly-form", { key: 'dac54028546467ca44a7820470b39bc1af8292e7', looks: "border" }, h("smoothly-input", { key: '2192584adf11193655e622644f7e40f6ee158693', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: 'cd8d66e6d9a8a07f25cb8ac4386e3dffa6556d02', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: 'ffeef7e33af77477942b8990b8e61482037dedb6', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '1a0bbd656c65bc7f7e3e5f3c8553b81f5e4a9112', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-login"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/pet/index.js CHANGED Viewed

@@ -7,10 +7,10 @@ export class SmoothlyFormDemoPet {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa' }, h("h2", { key: '45492fefcf3cc0fb1a4010711cf10f0bded34893' }, "Pet"), h("h3", { key: 'bc05c80a795091886b94ba85dd89746e58159ea3' }, "Value"), h("smoothly-form", { key: '42a8ccf63773aa8b235931cc66415cfd0f1f0c14', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '3606396ae683768fb6ef5e5940f43fbef81800c9', type: "text", name: "name.first", value: "Johnny" }, "Name", h("smoothly-input-reset", { key: '1128b00ce30571d90960f0747caf90394d08f093', slot: "end" })), h("smoothly-input", { key: 'fbd205ba349d3f754af21ebdc40434946bb712a4', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: 'e4465a244c36403f0869f5d739d9cdea595136ce', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (h(Host, { key: '3555b678ce1821ff509e6c6bf7cd5f846150361e' }, h("h2", { key: '977304593cbf95b3a07e55d27bcba52421c3a806' }, "Pet"), h("h3", { key: '30d9e280ca0f61806f9267fd2cb64b0018a13fd0' }, "Value"), h("smoothly-form", { key: '9fea67b46ff29a01b7a15aa482cd7d756c766315', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '0e4dcd3f6853fcd923db4e2aec019d5448a9985c', type: "text", name: "name.first", value: "Johnny" }, "Name", h("smoothly-input-reset", { key: '5741904cab68af6d1be19fe0f8a54490b84d21ba', slot: "end" })), h("smoothly-input", { key: 'c866df63069281710b3a331655de6d052402b139', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '0b1b661bf19f1ca7fa08fe79af51082843d3170c', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 this.hasOwner = e.detail.hasOwner;
                 e.stopPropagation();
-            } }, "Has Owner", h("smoothly-input-reset", { key: '7be8886cdeedbdeb87c28b2024c26bd4532f07ed', slot: "end" })), this.hasOwner && (h(Fragment, { key: '972c8da03c31ff920a5131daa1d046f7e80418c1' }, h("smoothly-input", { key: '4fd076e713c449b56e4d3b38b47009a3301c81df', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name", h("smoothly-input-reset", { key: '2af7bfb23d1d67903be625827d5d237640fc16b0', slot: "end" })), h("smoothly-input", { key: 'ba357c367c5006c2002dee8f597b0344572c6238', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: '8caa1d54740a0e1fb3b29d709f6feb32c8c45a31', name: "owner.picture" }, h("span", { key: '10332335746aadd62719e024aaa6f825a5b2800b', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'c8c1afc04ae737af2b45c061ee21b4dfb1713869', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday", h("smoothly-input-reset", { key: 'e13a649d0d308340d419d2355d7d48fbfce257e7', slot: "end" })), h("smoothly-input-date-range", { key: '952264d17218340e89fe16c40b6003ee94f34c9e', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange", h("smoothly-input-reset", { key: 'f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3', slot: "end" })), h("smoothly-input-range", { key: 'd799c177fa826a5a582d1785add6d9ac512434a2', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height", h("smoothly-input-reset", { key: 'a872fe1b4ae49293daad5ca2c781fe9abe514b95', slot: "end" })), h("smoothly-input-select", { key: 'cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320', name: "owner.favoriteHat" }, h("span", { key: 'a073973ff9b090a82a23b81ca82875ac5155f822', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value))), h("smoothly-input-reset", { key: 'c39f9d320b08362f082749f5338de8d4530f9da5', slot: "end" })), h("smoothly-input-color", { key: '50e462d1f87b19685f627deb90d9eb3d2798c15a', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color", h("smoothly-input-reset", { key: 'd63535ee7ac6bae7424f60bff48cc5342594ced6', slot: "end" })), h("smoothly-input-radio", { key: 'f015946e2a17358be9f8279c5f92566101dd69ef', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: '0e33220f442cf7e1b2908259c68bbf196fe2d2b2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '7db7129193020bc6375b859f8eed9bbd3a774b72', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-tabs", { key: 'c02261545ec207a2be19261796ff1ab0322221c7' }, h("smoothly-tab", { key: '64fc9145089d8175e87b77746a301d2a300227ff', label: "Dog", name: "dog" }, h("smoothly-input", { key: '93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'fbb759287fbb384110dab6bd67e526e0e1b87061', name: "dog.picture" }, h("span", { key: '75354c72313adfbf2f0590a4a1d629b056a584d0', slot: "label" }, "Dog picture")), h("smoothly-input-date-time", { key: '67cb08aae3427ea09418763cd4f5c89f4c12885c', name: "dog.lastWalk" }, "Time of last walk"), h("smoothly-input-date", { key: 'bfc8d1878f5e8c0b9e06dd6db93c5414d072aade', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: 'd89333abe0b84513f7b59d0910ec979dc63e4f76', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda', name: "dog.favoriteHat" }, h("span", { key: 'e9bb41040522fc010702793420c2f448fa2fc0af', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '609b660e2980b33ac4c437fd3a2cecc212fb700d', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: '496506fd830c3da16c3cbb32ed7a93b54e1d023f', name: "dog.favoritePizza" }, h("span", { key: '59bdad0dc97036ca753d7de08dadcd9ab888df47', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '2ad32725e92f4eb3f6402751facf72563491a5a7', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '09d4b79adbbf8772285a13ce1bb45fea67c3c019', label: "Cat", name: "cat", open: true }, h("smoothly-input", { key: '2a298883bf58261ec42cd8a7cb220421604233f2', name: "cat.favoriteFood" }, "Favorite Food")), h("smoothly-tab", { key: '6ded1101edaf7025402e2084cfa3d530a9440497', label: "Parrot", name: "parrot" }, h("smoothly-input", { key: 'c6fec8eff6ed07080cfcfd7e04a1accd9be5e698', type: "price", name: "parrot.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c', name: "parrot.picture" }, h("span", { key: '1506866be3f7d5032caa07277ddb4900adf796e4', slot: "label" }, "Summary picture"), h("smoothly-input-clear", { key: '2768b4e77018167d8c5459561627c7176f6af19e', slot: "end" })), h("smoothly-input-date", { key: '4482cadd8c81d8cf68d01d940759c9c8fa302889', name: "parrot.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '1db7a128f9fe548e64a26b106f0428cf027515dd', name: "parrot.ownedRange", start: "2020-01-01", end: "2020-01-15" }, "Summary ownedRange", h("smoothly-input-reset", { key: 'f61bb824149c3927ee9e7df5474bc1140b557c2d', slot: "end" })), h("smoothly-input-range", { key: '455be79335de1c32001a9baf41bc6601600a6f2b', name: "parrot.height", label: "Height" }, h("smoothly-input-reset", { key: 'f0c5284602a08d52331e2fca63bf561212bce4f9', slot: "end" })), h("smoothly-input-select", { key: '2b5d15b9bdda780755ddb704019bdf9b075f7593', name: "parrot.favoriteHat" }, h("span", { key: 'e23e7228157f39f8d5b565c6283e65d848d662f2', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: '282eb367f0a8bbcc9b296358933c83a2ab1246a2', name: "parrot.month" }, h("span", { key: '46678c21d019c38d586da52a8ca5ba14e54f9545', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '74de10bf1eb9a54f1f5139f9b7549b84d90f521e', name: "parrot.color" }, "Summary Color"), h("smoothly-input-radio", { key: '2135343dbedb74df58a88e011921ed5cf93a8f69', name: "parrot.favoritePizza" }, h("span", { key: 'b549ce953d14b96b12496f989cf8c237fa697d6d', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: 'e4fd4673ea5c4feb91142062527f7537f715738e', name: "parrot.hasPet" }, "Has Pet"))), h("smoothly-input-submit", { key: 'c757eec9af05b183a036119430533a2fdfa7ff26', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '94108e7af02550ba3ea038b879e0db56fe057833', type: "json", value: this.value })));
+            } }, "Has Owner", h("smoothly-input-reset", { key: 'b11ab6e4f6c4f5c3b58b7b1d697031830ef6c897', slot: "end" })), this.hasOwner && (h(Fragment, { key: 'f73c34c51c677c929481e3467a4a1720d2af6192' }, h("smoothly-input", { key: '93e88b422344bf296bc08e1c87153ee5e171f116', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name", h("smoothly-input-reset", { key: 'b7364d965671c8389a4ebf10b6dff81a8f83579d', slot: "end" })), h("smoothly-input", { key: 'e02d9a248eadadca31f2b7e54a4fe2d7dcb78ab7', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: 'c62884a682169ef822236373673f6b21c960fe79', name: "owner.picture" }, h("span", { key: 'dee1e245fbb06cfff787b50beff581bc48dff312', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '968c755e88629fd76f61cc109f8a7c85c6b87b14', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday", h("smoothly-input-reset", { key: 'bdc545954853494c63ec34555b90f35f12a081c1', slot: "end" })), h("smoothly-input-date-range", { key: 'e18ac1955b66407c2dd2aebb3d1b616752cba832', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange", h("smoothly-input-reset", { key: '56d1ce3d8b2a0a0daf1b0e66b5e5fd2fca291d12', slot: "end" })), h("smoothly-input-range", { key: 'aa6cf832bc63235bc0590ac6cab2da6b1d5923f0', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height", h("smoothly-input-reset", { key: 'ecae9fdf30760aa00a799a24729221ef0bb26786', slot: "end" })), h("smoothly-input-select", { key: '587127c00899a6b985a1ba41f73c906e94abf504', name: "owner.favoriteHat" }, h("span", { key: '02289ec45dd570ca382776beb9fa34d2552d92da', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value))), h("smoothly-input-reset", { key: '52aeef0a52c37c0ad9236c99e3a5af20c26f7c6d', slot: "end" })), h("smoothly-input-color", { key: '2640d32a91c9e12b2ffb9564e44e43bd24d97162', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color", h("smoothly-input-reset", { key: '9253ea9ae7e24f1fc70da6f7ab04bbe38599024a', slot: "end" })), h("smoothly-input-radio", { key: 'f6b4f1e0b3c1e8eef422c154b22454610e7e6af3', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: '6ec795591acadf04027319369d72e9470787945f', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '34815b0ebee805a4481312379025218fd46f01c7', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-tabs", { key: 'ae43c2284ea51f72e415e00a1ada8cab10afebdb' }, h("smoothly-tab", { key: '6485c24546d14f5845987da38646066c8f066c61', label: "Dog", name: "dog" }, h("smoothly-input", { key: '257d6b7f1140ff7210173fb0e5de4704000bc432', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'a75e2029fe5b630410fee39462d197489a5291db', name: "dog.picture" }, h("span", { key: '7d881935f028284bb80a3e33a47baf59813bc63a', slot: "label" }, "Dog picture")), h("smoothly-input-date-time", { key: 'f8991e1f543ad09a241977a2570a473597c79a80', name: "dog.lastWalk" }, "Time of last walk"), h("smoothly-input-date", { key: 'abdf29fd0b95142a6a28aacbc2a3de52b28acfa6', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '07710a1af7f884114fee361d80b27e9351cd85d5', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '1307c6bdafc9598e829ee60c4ce7c1b1546dc7af', name: "dog.favoriteHat" }, h("span", { key: '4ed1cd24bba8e63db60d63cffdd1417023117a2d', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '0b049778a99bee6df6d2ec48dbc071697136fe16', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'c65093016a5b90c6bb25e85e4e3575124712c7be', name: "dog.favoritePizza" }, h("span", { key: '9565009584ed77b05040ed9468700f116adb563c', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '666be38409bc89d3e4650ad9401c854327ebefc1', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: 'fb5f8f5459b5f642b0c6a2439b319a42002959a4', label: "Cat", name: "cat", open: true }, h("smoothly-input", { key: '682f5638f562e61dd092f83eccf7925f720cf194', name: "cat.favoriteFood" }, "Favorite Food")), h("smoothly-tab", { key: 'c5482174c9405a1136f012fa82cca350c2ed83c2', label: "Parrot", name: "parrot" }, h("smoothly-input", { key: 'f78b450a29382f8f856ebbff27745c953af53308', type: "price", name: "parrot.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: 'efbd349e10beda447d69c20474c692e2688bcaab', name: "parrot.picture" }, h("span", { key: '01a1817ed064f0181742eb5aeb3f2723338f84e7', slot: "label" }, "Summary picture"), h("smoothly-input-clear", { key: 'be120da97155f2f5591d924aa32604d6086e31c1', slot: "end" })), h("smoothly-input-date", { key: 'e59e3a24b479cfbd94eb3c6c7c5f394f93049274', name: "parrot.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4e918229a0745964257c0fb32f0ecd1a4283cdca', name: "parrot.ownedRange", start: "2020-01-01", end: "2020-01-15" }, "Summary ownedRange", h("smoothly-input-reset", { key: '514983470344439c22cc6b68bace5b1609f04f89', slot: "end" })), h("smoothly-input-range", { key: 'cca92a33c0bc46d7bf85e86e467b9f703063d35d', name: "parrot.height", label: "Height" }, h("smoothly-input-reset", { key: 'edb1126fcabc71b9d98f33257c8d282982e8ea36', slot: "end" })), h("smoothly-input-select", { key: '868654a72f5642b033392aa33b3b107b1d7ddfa4', name: "parrot.favoriteHat" }, h("span", { key: 'f811c0c08c4277aba3e85da353903b0185bb9df7', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: '4226a5e036817f3a80fce926c6761cee1a8bcd66', name: "parrot.month" }, h("span", { key: '61570b4fc31693fd2d3f81bea327cfc890ea6c54', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '23a77f1358748ee93995b71253bf43641593fc3c', name: "parrot.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'a32718e3246ec6ffa4cb33eab22c6e549ef764f0', name: "parrot.favoritePizza" }, h("span", { key: '5283e5e305bbc586ac74665518f077a2b20e261a', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '15c5b92cd4ee1c6f46880327a7737abba978cb6a', name: "parrot.hasPet" }, "Has Pet"))), h("smoothly-input-submit", { key: '975b1bbb887c933a2eacb4bc1a79dfdf99d73972', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '09fef0282ab5dea1bceacee812f4d9563c21ed2c', type: "json", value: this.value })));
     }
     static get is() { return "smoothly-form-demo-pet"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/prices/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoPrices {
     render() {
-        return (h(Host, { key: 'c1873c86bb44177e638d7b52d7bbbcb1d0482e1b' }, h("h2", { key: 'a8edb5f0241dac96350d75eaad7b0c78adf1c13b' }, "Prices"), h("smoothly-form", { key: '143874192e2caf3ce0297983e1c5ecc6002705a2', looks: "line" }, h("smoothly-input", { key: '151a20903ab8024b291ef1cd6f868bfcbdfdf187', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: 'c7a5959241c42d8fee2d741064585c1c79560544', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: 'cfe92d5a2e94598e728d0f0b815652e4ed6d33e1', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: 'bd3ffd16af42eb13fe3d6ea4ddad8ceb83827671', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: 'a12b9078e45b65a5b281a0c4ff40caf6446522b8', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: 'a8a1efcb2bacb8e56b552aeda19e65eca5690fd3', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: 'be59abc2f31cb215c192566ca4218a19cf2f004a', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: 'a331ae378f5c10553c3b7f7669322c3d4e9d9973', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: 'bef886536c5366779bf3c7c10e35a3e42f65075b', slot: "submit" }))));
+        return (h(Host, { key: 'd89cfc4c738e18c59e84d5a40ac90b59ebcaa551' }, h("h2", { key: 'd16f1cd51c9a42f877e8e63bd29f7dcb438fa618' }, "Prices"), h("smoothly-form", { key: '54c6b506b280868839cf1c7b8c164f522a75f565', looks: "line" }, h("smoothly-input", { key: 'fc19f9f370d6a24be561adf18631cfda95ad27fe', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '339ee6c1ec60a602b3393741a54cbdb4a7847453', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '9bc604033f31ac1469bd7b50ff0c69baeab75b22', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '9e38c5260d5cef788a1b1e493a54de7350d5ce10', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '63bb932ba93d35014c30c6ff8e0ff7cb0275da6a', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: 'b0e40b64dc06806a270439ee5eef3ebbf65cfc06', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '1b9e0e5f2c19a80eebc03c24c90e28f91c4be87d', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: 'cf298b534cb48e04ddf87ad3bad2297254c7dfab', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '0db94f32db809a84dfec09db0f8af27de58745fa', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-prices"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/schedule/index.js CHANGED Viewed

@@ -14,7 +14,7 @@ var TimeTable;
 })(TimeTable || (TimeTable = {}));
 export class SmoothlyFormDemoPrices {
     render() {
-        return (h(Host, { key: 'af726abe173fe267f43278671ab53c62184ca7b3' }, h("h2", { key: '85994b1d612017c07fcbff85d1c7520419c4125f' }, "Schedule"), h("smoothly-form", { key: '7bace3476a4344bb7ece715a3d797acadf40dd58', looks: "line", validator: TimeTable.type }, h("smoothly-input-date", { key: '5450e239098e87b0eacc7da44459d35dc30bb5dc', name: "schedule.0.date" }, "Date"), h("smoothly-input", { key: '9cc1b52c9f636a99b549267198503d47b3afb0f8', name: "schedule.0.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '5f298fa2efabe38e2aef28d9c992ec1ec0804b46', name: "schedule.1.date" }, "Date"), h("smoothly-input", { key: 'b71aba89d7e05258226fbbaaf705dc9c435a1c37', name: "schedule.1.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '22095cea02b58862ae930857daee6242a51b33b6', name: "schedule.2.date" }, "Date"), h("smoothly-input", { key: '9c33bd7be7e0de733986cc2ef6f9c2e52b3f273a', name: "schedule.2.amount", type: "price" }, "Amount"), h("smoothly-input-reset", { key: 'b02b3225e549665b393a77627da3304881473f9e', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '25d0d08fb11531e71d0f9c4a9394d3bb36a0565c', slot: "submit" }))));
+        return (h(Host, { key: 'a2126d7eaeabd3063412c258990a01b868a0c173' }, h("h2", { key: '872ca8c246de93f89109157b26f4ef1c9a9391ad' }, "Schedule"), h("smoothly-form", { key: '89c101a95b88d1ff8b8da72905b2e096dd98ddc5', looks: "line", validator: TimeTable.type }, h("smoothly-input-date", { key: '8413214b637cfe958f89bdf1c71fc77709f18103', name: "schedule.0.date" }, "Date"), h("smoothly-input", { key: '3e611fb26a30656a7e564137421cd0d14da1ca95', name: "schedule.0.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '7a17cd21c525191ff38c33598f4e4fbca854ec14', name: "schedule.1.date" }, "Date"), h("smoothly-input", { key: 'd15a3abf4d7f73a8c926c5aa1585b41d998ca0cd', name: "schedule.1.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '4ee81b72873b84cbdbec86b3ed5503c7b5a251e3', name: "schedule.2.date" }, "Date"), h("smoothly-input", { key: '34d786c0cc21d919af28f510a597609f8941abbb', name: "schedule.2.amount", type: "price" }, "Amount"), h("smoothly-input-reset", { key: 'a397f462d936320060941134796d925b855c0d87', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '43220117e87d3d7145b25915caa03850477c3795', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-schedule"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/transparent/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoTransparent {
     render() {
-        return (h(Host, { key: 'fc0659542a5e17d903ecb4da9aee7679ef39cdec' }, h("h2", { key: '1d1b9ac96324d7c421cdb19d2734bd2fbbb5a8fb' }, "Transparent"), h("smoothly-form", { key: '992b6ce5260a8af1f63b9025faca67acef755dc2', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: 'e79178c59b6617703cb42fdeb16a246047110f85', name: "file" }, h("span", { key: '0c34c069e55446fdf26eef201f492000b1692a3e', slot: "label" }, "File"), h("smoothly-icon", { key: '85c1a66268e78a94b308be411ff5cb712890a1b0', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '64c3c4206bf9455f5c923c427cae185c5f84ca60', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '006326702c0d9d6f349292de7531b390e6b7add8' }, "Date"), h("smoothly-input-date-range", { key: '78784fe14706cbbb5d8ef6d040891127991a418b' }, "Date Range"), h("smoothly-input-select", { key: 'e48d3d2cd97b472558f2cbfb7c19aed71c505ed1', name: "transport" }, h("smoothly-item", { key: 'afdc23c9ed61e272893ddd45b70e8d62f0e613fc', value: "plane" }, h("smoothly-icon", { key: 'ba6c15f1ac729420811ff77b355424426f2b35eb', name: "airplane-outline" })), h("smoothly-item", { key: '90c591649758b43835de47380f9cf0ba89665a43', value: "car" }, h("smoothly-icon", { key: '170d4aeeec48e2ea8d57ee17421daa0eacbd6125', name: "car-outline" })), h("smoothly-item", { key: 'fce1fc75af8d839f10d1057d699b5049cd4bee84', value: "bus", selected: true }, h("smoothly-icon", { key: '1fbb7c4afc326efe8d569c5c032fb7d285876974', name: "bus-outline" }))), h("smoothly-input-submit", { key: 'fd292fb5b88f89e103d843e95b14ccf7a3ab9871', icon: "checkbox-outline" }))));
+        return (h(Host, { key: '673b06b46e297f0abc1c49bcf7ee7acf46cb0295' }, h("h2", { key: '4ffa92eb6f9261555d777d05c3e78c404a7df03a' }, "Transparent"), h("smoothly-form", { key: '03c25db049779ee90220f0028f18e6e70c037408', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '99424c41ab07b388c9e9c35c799e2daec342389b', name: "file" }, h("span", { key: '4b686a0fe7159e757d1a76070e2b6246e17a15dc', slot: "label" }, "File"), h("smoothly-icon", { key: '8e323ca63e51c6b5acb6d4d8b31641dbbd4e98b0', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: 'fba6aa2567e053902d9100831573d2fc6aaac1b2', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '49eeabd20143a15cf14ff6289a3aa28be531a5d9' }, "Date"), h("smoothly-input-date-range", { key: 'ea4235cc90265d0b73c96d2f2ee9665ba62c40e4' }, "Date Range"), h("smoothly-input-select", { key: 'ed44815dd57ba74c31a436fff6ece4edcd8091ae', name: "transport" }, h("smoothly-item", { key: 'f7679b58d170d3bbf264fc67556b21ecc55c7b3e', value: "plane" }, h("smoothly-icon", { key: 'a16734c2ed81ae0985db7328c389818d717f976e', name: "airplane-outline" })), h("smoothly-item", { key: '8c08a4ce4812a1ecb8d0304c002b6179f586a21f', value: "car" }, h("smoothly-icon", { key: '2488556ed2e45e6e4fff17c647ae987b8f4f1773', name: "car-outline" })), h("smoothly-item", { key: '5b0cb1c46c7783a49b954b5eba8bafcd23cf2985', value: "bus", selected: true }, h("smoothly-icon", { key: '62b98cc6a689f5c1d49eee728b697321a85283f8', name: "bus-outline" }))), h("smoothly-input-submit", { key: '5a229bbbd0cf22d44080a22d583403569ca62a5f', icon: "checkbox-outline" }))));
     }
     static get is() { return "smoothly-form-demo-transparent"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/typed/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { isoly } from "isoly";
 import { Contact } from "./Contact";
 export class SmoothlyFormDemoTyped {
     render() {
-        return (h(Host, { key: '2dbbb21af22c211fa354d7213c94088ec796cf8d' }, h("h2", { key: 'f944fd5f9a04be35baa6d04760ef8fd083f84c6c' }, "Typed Contact"), h("smoothly-form", { key: '43b74057023eda58b4b89ba9c52e59f9f8fd2329', validator: Contact.type }, h("smoothly-input", { key: '6179ce405787b71e56af49ab16cac3d225476c9b', name: "name.first" }, "First Name"), h("smoothly-input", { key: '41568d9f6447f715c2d9ca414aeca6e103085df8', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '71407b265ac5f00f5db126ae0e1b5ced6c329977', name: "name.last" }, "Last Name"), h("smoothly-input", { key: 'f2dcbd6af35236299eb573d573efa521672c0a4e', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'd881ad1a7d8f3b3279c9f4aac5473514a2b95d5f', name: "country" }, h("span", { key: '1606d2a8eb5f7160abd3c6a4e983561808fabca5', slot: "label" }, "Country"), isoly.CountryCode.Alpha2.values.map(country => (h("smoothly-item", { value: country }, isoly.CountryCode.Name.en.from(country))))), h("smoothly-input-date", { key: '09e7d8d8f9250304279b1d245044b919c147cc1f', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'd212e7a41fba21fc4ba2efd9349834f4c5d8a41d', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'c5e62e8b33276b0f5e16e5c37538cca20c5e2ace', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: '171f1c7dfeac8a1789c3bc00699ffc273efbd59c' }, h("h2", { key: 'cc04112cd3cf2a247b4b9310a1f4af3215e755f7' }, "Typed Contact"), h("smoothly-form", { key: '07052256c424c1d3167d729974ce53660153d6f2', validator: Contact.type }, h("smoothly-input", { key: '055ac603967bf083319d0fdeaa54f7143419c66b', name: "name.first" }, "First Name"), h("smoothly-input", { key: '3088fee3b1126a6bf878435428e4922c4c6066c1', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '936e6cae0987a5524539aa9058213dcb6d32ae00', name: "name.last" }, "Last Name"), h("smoothly-input", { key: 'f14199b95c41d2573c29b5d0fa02b84de510b6ed', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: '00d2bc235840996e1316a7730e4007d1c65e54fd', name: "country" }, h("span", { key: '4f287287585dd68aa2d3263ccffc7b240d9d7a0e', slot: "label" }, "Country"), isoly.CountryCode.Alpha2.values.map(country => (h("smoothly-item", { value: country }, isoly.CountryCode.Name.en.from(country))))), h("smoothly-input-date", { key: '74d7b9b3932a9cd9c164e425fc6548a781ab9f09', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: '1cab6d7ebb9ee4b619a43f400bade9f94d1ed6a7', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '2616a4bd6f66a1bd770fa48328562cce56aa0414', slot: "submit", size: "icon", color: "success" }))));
     }
     static get is() { return "smoothly-form-demo-typed"; }
     static get encapsulation() { return "scoped"; }