smoothly 1.2.1-alpha.55 → 1.2.1-alpha.56

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

@@ -10,7 +10,7 @@ const SmoothlyInputCheckboxDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a7363fb37747fa771200774b6eb291900cf18ba7' }, index.h("h2", { key: '9f94363e4d1d3f79c31ce7e24c493f7c19ed4a0e' }, "All inputs"), index.h("smoothly-form", { key: '2c9595b887a54795a93899dcef6d543e693fbcd3', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'bd5c0f59c89e2b1384ca8eeb83be6576c5ac04a5', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '93fa95196b221f5ba42c49105436dde16ebe6a56', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '47ed0d2a0f45c22f9506295140478d41d9a52316', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '26b05cf4d705cc457d0cf068f21bb24d67f58a4a', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '1ee178613933c5d8327c2a1d33762d77f3fb5746', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '92dc3112a329c01f82801084d728a406147eed11', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '9e8bd9f4f47b61973745f731f9328f46d7667dd0', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '15a7534b28f88c996daaadd61552b14178b6c81c', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'e28d99c87efc661dd1e7c386d9a2ae617c7baf9e', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '8f9012008d279f42d39863bb20f0c3e4e16a51e1', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '01b10184e846da2e9ba1b2f889ebd37b72c96f64', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: 'a13f81647f00fb6784e21195ea2ced3900552e54', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: 'c2de2c5c7411c5c342ab1ff9a2f415c6b49efb34', slot: "label" }, "Month"), index.h("smoothly-item", { key: '6b7d7acbd40b20d60d3847b0b040de2fc756dc44', value: "1" }, "January"), index.h("smoothly-item", { key: '99f631d7cccfb77923129b748ffc787d292ff3ed', value: "2" }, "February"), index.h("smoothly-item", { key: 'c329797250f8849f7026204fd4c2812386bb3c3d', value: "3" }, "March"), index.h("smoothly-item", { key: 'c9415752338eb4d9ea2803921ec7df77d4a20e6f', value: "4" }, "April"), index.h("smoothly-item", { key: '7a77c212f11a8bb6f7d39183fb8911cc460c3cb9', value: "5" }, "May"), index.h("smoothly-item", { key: '97f29f0080581a913303d2e16cb095c58f365b0b', value: "6" }, "June"), index.h("smoothly-item", { key: 'b289f94115d424f7868d110f078ba38631b3b031', value: "7" }, "July"), index.h("smoothly-item", { key: 'abd27addf10a357dd8e94933eaab563079927bc1', value: "8" }, "August"), index.h("smoothly-item", { key: '81f5e1d3f2f32316ecfa5c49f110f573f4dfd444', value: "9" }, "September"), index.h("smoothly-item", { key: '3bbd4df109d0b2db36ea2a486ac7f1e1bd61793f', value: "10" }, "October"), index.h("smoothly-item", { key: 'de72a03c9d508b852a880b01124a9ba8045b8c25', value: "11" }, "November"), index.h("smoothly-item", { key: 'f1871cf3bb02241969be77a21305f138cacba98b', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '0fcec9fb51eaf1507a608f57ccace7da5b70833d', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'ae40715db85a87514874fa0088ffa6cbec2acef8', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '00c7f8e739cfd069225b405ba08a8543e4b089aa', value: "folder", selected: true }, index.h("smoothly-icon", { key: '36e2092272d468603970198a2f71716699c772c4', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'ae6294dc791a9e9e8da364c1f4a4b87d671e39f0', value: "camera" }, index.h("smoothly-icon", { key: 'e4f96905b253779aa553cab21e193e32217ceaa2', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '677d2d54b3fc66419b67427e92571219466eef83', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'ce6ef60439a2bcc4306037786665206489136c85', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: 'c88dd5dc37d0c1b3f602d9698891aade3e69a8f7', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: '531324bc8ac48c07bd44918b392bb8305e088d46', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '6dfd998669eeac5cff1fd6bc7d1c9bd7974b7d11', slot: "end" })), index.h("smoothly-input-range", { key: 'ae998ffffdd7486b4a96c35138b9ea6e4036a616', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: 'fa69821396705f7aec7f4d57beafa3cfccee222a', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: 'ac5e3389cfc3c83146b6fec374d0a8181c91c0ed', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '899fdf7b6f9deb1a8962e2ed5455cd323f1b4a3d', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'eb86cb64cf67953fe7abc8b377c1ee6283f70e37', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '3d07239a38fe2864136e154d9513752b5e6c438e', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '29f520da55d348db875bd9f76f594dad8313bd88', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: '60cf922af34e42fd3e0583d4a052a73f13f164c2', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '0be220c827b638a65f5b14fb66d96506f9ec135d', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '6b8d47dbcde36276aa899bfdba4fc415acd30557', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '629a6561f14ff411c8827c49309b931943fe1be5', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: 'e2bee73ff3a9bda617bdd5c06e59e082f3041010', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '703223e667642b74d657b08b0ba2b9c85a475f78', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'b69cd40c4bdcef38e8a3a0706cf810fc5cffd681', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'fbac32bd5f5ce7df4d1057197c1e432765533278', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (index.h(index.Host, { key: '9b793d5404051d0585ad584e37c70bcd85028eb2' }, index.h("h2", { key: '62ef4fe5e3693ee32bf41f29771b249bde4e6db0' }, "All inputs"), index.h("smoothly-form", { key: '2ef4a24e2e1e0955b53c87b05131becf15d74b1d', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '2f56941d0e6ca029d41a0a2048996a799dd2bfcd', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'd6d6a387dd8f043008d310f28618be3f4a3032d4', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'b93d8b4ac50cbdac7e19bc606158b12352036fba', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '164977cfa9c072d0a7a05425a2af8e13ebe41658', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'd8b972e341c6da5615caa371fb49157849c76233', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '8c927719c90523c5065c79de7919e79385cfe310', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'b2bdddb04cae4835f14cbcf64a93c8aab13dae96', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'aa4240d724d3263c5c9a8a18a1a72597fcc5d19d', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '119cca16dfa779b73d77fde83ca6e55f7a33c8d1', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '611232133aafa920c01895a45052e3f99769bf46', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '0a71257807e3279a21196f8cf8a7e5b589b698ca', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: 'e0c966736ab589e3c9ddc2f89478fa1b2224595e', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '1ed6fb8f98d6197bc79993d198023bd0dcbf9f97', slot: "label" }, "Month"), index.h("smoothly-item", { key: '515b57c9f4167b969ddf0d80cd30035b54d7a4c3', value: "1" }, "January"), index.h("smoothly-item", { key: '108ca7601922bfd0f2236d7764c59c96ef5e1de4', value: "2" }, "February"), index.h("smoothly-item", { key: '93986bea1d6a2948c1d3f2d7157b24a3aeebc4eb', value: "3" }, "March"), index.h("smoothly-item", { key: '52d189348b10cbef4a65e8c20c15a14ffaaff95f', value: "4" }, "April"), index.h("smoothly-item", { key: 'de38060ff62acca4c93b91c32fefbcb3e78d94ae', value: "5" }, "May"), index.h("smoothly-item", { key: 'ca62d703e183593c0b630463a9c431c1ce63df9c', value: "6" }, "June"), index.h("smoothly-item", { key: '06bf14506686681d8e5268d74ce8f534d80cd8c5', value: "7" }, "July"), index.h("smoothly-item", { key: '6cf2e5da2f5744e6dc7eeaf331ec4142528bb5bd', value: "8" }, "August"), index.h("smoothly-item", { key: 'e9d5381a366ba57cb4e941b9296263aa5fa77bd3', value: "9" }, "September"), index.h("smoothly-item", { key: 'd1d99e49f0d746c051aff7ac6ff5ef544f11968b', value: "10" }, "October"), index.h("smoothly-item", { key: '6bd8a40ab82571a9e0eaea9a0b92664ead54a049', value: "11" }, "November"), index.h("smoothly-item", { key: 'ad0d6755fe3ab1872f466ce161863e865d47cedd', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '55dcce20cfdd21495d550b2b57ad64e367396db1', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '1e05bae161d12bb7bc4c9f67b57fda60d07e1bfe', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'f7c5705345116abdad6636a6f06c7b8a1ac99a1c', value: "folder", selected: true }, index.h("smoothly-icon", { key: '136634165bf8aa4d4e9c128530c2d05266a7424e', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'e0ced40cbc32f1cb92a4d81dcf1ce2b754c7d35f', value: "camera" }, index.h("smoothly-icon", { key: '7d46df64fdebc3a84776c3544c4f24465ac3212d', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'd46fe12a9b805b590e2126f3613cc4cc25c92e9a', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'df426b612fedb0b45f18467b2dab1fe9a4f2b830', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '53adafe7011ad6a1758a246907402f01e1d34448', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: '6f0dfb9e4833b0d836edb1af036760f575945d6b', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '7539891737165995f8da2e867ba603cd2d70263a', slot: "end" })), index.h("smoothly-input-range", { key: '882ff8ce0a9cc2903dc440a1620ecd61d1896ece', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '05219ed453d87c90ce996345081cff7ae48b5abc', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: 'bf8a224ae9636ec70f0a5feed1d4dfd10e07a489', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '6623e24a2fd252fa798b69a6f9a8d9adb34c0e33', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: '9fae772c9ac38ff9fa407fc57b54af21c7f70ed2', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '7efd42bd43fcff9d47195b274684d44d5b60cb63', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '44f99370a00daa37fc4bf2533219da22c8b4b670', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'f3cf4c573b715dadd5d8694daa05ef9a549ded45', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '01b406122b72f2ed98a00b67459bedb1ff82a0f7', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'bc9752eb22e1d76c52c4911e1a2627773eae6ef8', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '1bc1ea245433a07bb7ac10aafec11f18ca7aad6f', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: 'c03a966ced598b44b37d7a275b1dc35a6a763f31', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'a9207b7b8fd58c5f71abc825927791b43d94b3b9', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '1f4b5bf3a197244d4839ec0671fc1f123bf3481d', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '66a573abad72451931997399df41776fb91b0110', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 };
 

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

@@ -29,7 +29,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '3059b2188888f9904b73071c566be1218a84b1e3' });
+        return index.h("slot", { key: '3e02f3832fe20ad5f9512715774834ac82b5bc8d' });
     }
 };
 SmoothlyTriggerSink.style = SmoothlyTriggerSinkStyle0;

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

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

package/dist/cjs/smoothly.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_109.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-next-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[0,\"smoothly-button-demo\"],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-next-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-next-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-next-demo-colspan\"],[2,\"smoothly-next-demo-nested\"],[2,\"smoothly-next-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-next-demo-filler-row-demo\",{\"cats\":[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-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"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\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[6,\"smoothly-toggle\",{\"selected\":[1540],\"shape\":[513],\"disabled\":[516],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[2,\"smoothly-next-demo-nested-inner\",{\"data\":[16]}],[6,\"smoothly-next-table-filler-row\"],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-next-table-row-group\",{\"align\":[516],\"open\":[1540]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"openChanged\",\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[513]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[6,\"smoothly-tabs\",{\"tabs\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-select\",{\"label\":[1],\"property\":[1],\"menuHeight\":[1,\"menu-height\"],\"multiple\":[4],\"type\":[1],\"looks\":[1025]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]]],[6,\"smoothly-filter-input\",{\"label\":[1],\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]},[[0,\"click\",\"clickHandler\"]]],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-next-table-foot\"],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-next-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-next-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"disabled\":[516],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"checked\":[\"elementCheck\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[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\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-file\",{\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"clearable\":[4],\"readonly\":[1540],\"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,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"value\":[\"valueChanged\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-next-table-body\"],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"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\"]],{\"value\":[\"onStart\"]}],[6,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-next-table\",{\"columns\":[2]},[[0,\"smoothlyNextTableExpandableRowChange\",\"smoothlyNextTableExpandableRowChange\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChange\"]]],[6,\"smoothly-next-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-next-table-cell\",{\"span\":[514]}],[6,\"smoothly-next-table-row\",null,[[0,\"smoothlyNextTableExpandableCellRegister\",\"smoothlyNextTableExpandableCellRegisterHandler\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"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\",\"setAllowPreviousMonth\",\"setAllowNextMonth\"],\"min\":[\"setAllowPreviousMonth\"],\"max\":[\"setAllowNextMonth\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"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\"],\"readonly\":[\"watchReadonly\"]}],[6,\"smoothly-input-select\",{\"invalid\":[4],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[4],\"clearable\":[4],\"changed\":[1028],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[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,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[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\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[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]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[1,\"error-message\"],\"initialValue\":[32],\"state\":[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\"]],{\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"readonly\":[\"readonlyChange\"]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"toolTip\":[1,\"tool-tip\"],\"latestPromise\":[32],\"document\":[32]},null,{\"toolTip\":[\"nameChanged\"],\"name\":[\"nameChanged\"]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[6,\"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\"],\"unavailable\":[\"unavailableChanged\"]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-trigger-sink.cjs\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_110.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-next-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[0,\"smoothly-button-demo\"],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-next-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-next-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-next-demo-colspan\"],[2,\"smoothly-next-demo-nested\"],[2,\"smoothly-next-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-next-demo-filler-row-demo\",{\"cats\":[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-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"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\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[6,\"smoothly-toggle\",{\"selected\":[1540],\"shape\":[513],\"disabled\":[516],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[2,\"smoothly-next-demo-nested-inner\",{\"data\":[16]}],[6,\"smoothly-next-table-filler-row\"],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-next-table-row-group\",{\"align\":[516],\"open\":[1540]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"openChanged\",\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[513]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[6,\"smoothly-tabs\",{\"tabs\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-select\",{\"label\":[1],\"property\":[1],\"menuHeight\":[1,\"menu-height\"],\"multiple\":[4],\"type\":[1],\"looks\":[1025]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]]],[6,\"smoothly-filter-input\",{\"label\":[1],\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]},[[0,\"click\",\"clickHandler\"]]],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-next-table-foot\"],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-next-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-next-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"disabled\":[516],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"checked\":[\"elementCheck\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[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\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-file\",{\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"clearable\":[4],\"readonly\":[1540],\"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,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"value\":[\"valueChanged\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-next-table-body\"],[6,\"smoothly-next-table\",{\"columns\":[2]},[[0,\"smoothlyNextTableExpandableRowChange\",\"smoothlyNextTableExpandableRowChange\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChange\"]]],[6,\"smoothly-next-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"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\"]],{\"value\":[\"onStart\"]}],[6,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-next-table-cell\",{\"span\":[514]}],[6,\"smoothly-next-table-row\",null,[[0,\"smoothlyNextTableExpandableCellRegister\",\"smoothlyNextTableExpandableCellRegisterHandler\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"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\",\"setAllowPreviousMonth\",\"setAllowNextMonth\"],\"min\":[\"setAllowPreviousMonth\"],\"max\":[\"setAllowNextMonth\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"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\"],\"readonly\":[\"watchReadonly\"]}],[6,\"smoothly-input-select\",{\"invalid\":[4],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[4],\"clearable\":[4],\"changed\":[1028],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[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,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[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]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[1,\"error-message\"],\"initialValue\":[32],\"state\":[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\"]],{\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"readonly\":[\"readonlyChange\"]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"toolTip\":[1,\"tool-tip\"],\"latestPromise\":[32],\"document\":[32]},null,{\"toolTip\":[\"nameChanged\"],\"name\":[\"nameChanged\"]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[6,\"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\"],\"unavailable\":[\"unavailableChanged\"]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-trigger-sink.cjs\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -36,6 +36,7 @@
     "components/form/demo/login/index.js",
     "components/form/demo/pet/index.js",
     "components/form/demo/prices/index.js",
+    "components/form/demo/schedule/index.js",
     "components/form/demo/transparent/index.js",
     "components/form/demo/typed/index.js",
     "components/frame/index.js",

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

@@ -1,9 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoAll {
     render() {
-        return (h(Host, { key: 'bfb388adc1db43ec7287e404cd7d3c045ebccc6b' }, h("h2", { key: '22e727c2752992b85da8fc4292432ce05bfdb55e' }, "All inputs"), h("smoothly-form", { key: '4f06760fb8f66f246c4c89aec330029b0bf1c0d0', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
+        return (h(Host, { key: 'f24ac803db965645290763057bd1230a3123d1b6' }, h("h2", { key: 'd0acef992a1610c807639136d041cff6cc6ec269' }, "All inputs"), h("smoothly-form", { key: '8edb30c23ed6dca4e1c0df70b4252fba6c973bc6', 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: '254ed8f85cb159a5af93d599609667088b4449e3', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '7eacb1f23d475a21033225eef8c250c5e8c06538', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '1124f037abb4a8d500c0a7986cf13c26dc64e925', size: "icon", slot: "end" })), h("smoothly-input", { key: '251918938159fe0cdc97a30dfb3039e6bb0dfb30', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '7b3cdc3fdfd0b6a69410e200dcb3bd36bf79bacf', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '99531672f356a01b94b578bea0147bf9a29f9ffc', clearable: true, name: "radioFirstInput" }, h("label", { key: 'd29a95e1f8ab6ab7afc4f39563ffcd5d55b96b9e', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '21fd7a7d149fa8c9d6b57132e69daee11a2f65f0', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '6038befc020652cf246170b00ae827cdb00d8414', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '6958375a1942980ff4848eac8b34f8810f356901', value: "third" }, "Label 3")), h("smoothly-input-color", { key: 'be65bda31cab2d5d5e88a4028ee1980b8a828dec', name: "color" }, "Color"), h("smoothly-input-select", { key: 'a6242f5ff75f4be66b3cf83abe95279ad724dfa9', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '105edf256973242d9b3a25ae72ffc886e897b726', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'ba20725d9d9c742323e744eb022a698c4d3329db', value: "1" }, "January"), h("smoothly-item", { key: 'a48e992441eae172b275d9ebc082f7efae8359dc', value: "2" }, "February"), h("smoothly-item", { key: 'afcd5ef7d7b9adf0c1cd7d3883c817eee24e4094', value: "3" }, "March"), h("smoothly-item", { key: '52d2a5247e4dd727b4ae30d859b6bd6e9e85ce96', value: "4" }, "April"), h("smoothly-item", { key: 'cb65e2be5db79a67e8eef259529dc13bc4165c72', value: "5" }, "May"), h("smoothly-item", { key: '2a52b71909607fb27dbe792e9faa7c30c689d31e', value: "6" }, "June"), h("smoothly-item", { key: '68010b3920797ae55199a09f5aa4d0c02277b3e3', value: "7" }, "July"), h("smoothly-item", { key: 'd96655195f93af1cdec4c3afa1ff5a8716df0af3', value: "8" }, "August"), h("smoothly-item", { key: '74de65ffe848a2a20e18ea23cca052f68647e633', value: "9" }, "September"), h("smoothly-item", { key: '8b36e48f30e16df1ae3d997c7a2d268613998ce0', value: "10" }, "October"), h("smoothly-item", { key: 'b0784ebd2bb7e7227b806bc92d04b1e2090ad8e6', value: "11" }, "November"), h("smoothly-item", { key: '1a2a7e4e6511f955a18c813c84e58a28bc404248', value: "12" }, "December")), h("smoothly-input-select", { key: 'c2226b1ae4c7047b0ddc4253f5a7606b7f2fc9e8', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '9bdd864c8272b2ab73547074189e16e93bbcb95c', value: "folder", selected: true }, h("smoothly-icon", { key: '58cce63b8b1ee021e662048d91985f75cc8fb41d', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'f26e4fa4f9866d771b0eee93c846501edd0c59a1', value: "camera" }, h("smoothly-icon", { key: '17f8216fd071284f115b35f067a40fc20803e955', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: 'cf4f2cca30379914d19a4cb2ed34010d93910b46', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '74a5b23416500762fe906037d17e04fb718f0128', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: 'c3cd9df502de377b2bbb9320118f5177bd35ee23', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: '47afd204f75f650056ae56f929e5d8ae7565d40c', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '1db6e482e8e9dfff2a85e63bbd0b4ee68c6c7f29', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: '5e2fbd3adb3b466914f50744bff8431419d9ee8b', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: '31f6bf08c0f8e34317f6b89a144e20953fc6a764', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: '25a5b5d189a8a36acb5b1d91b128d71d8483325a', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '72e4cc632ac58f1726c0f15f1d42900eeaa3054f', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: '9100b7fc807914b6ddfc9f9c899a2653b8b77fe4', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '44fa5714baf0c2589673e9b002803a3c1cf22f87', slot: "label" }, "Profile"), h("smoothly-icon", { key: '4324f2e51a50f2c4e6a93135deef3c1aeca87c9a', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '06cacbee33b21ed926c28da95ca954e45613f646', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '40370e9e2ed1cd6abc3905478fa602f3860d8f31', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: 'bcd3d7cd4a2e02392a7435dbdd8757ff24bca012', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '28104349d7e84bcc1bd08344361b0dda74b53136', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '9132ad785a35630de34b35dd6e7ddc2cfef59950', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'd8e762e2fa8133d09583f6a1fec6c997017812d5', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+            } }, h("smoothly-input", { key: '2a2cb7fcad7d202a4eac70e7afef558423aed257', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '2b735ec5a01555419fd7fbee889aecce3823004a', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: 'b3c5c0105b909e6d12faf1063dd89ac7e5e3f1ab', size: "icon", slot: "end" })), h("smoothly-input", { key: 'da05d67ac53bbcaa7d1df327903a88b4bda7ddd5', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '9cea89c87657646a1695784616b2b6528ab29a15', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'd846018ac718c5edaf3af59a799c1f0719295fc7', clearable: true, name: "radioFirstInput" }, h("label", { key: '75d8455e9c3fff37ebaf26a0ca9ab96f3fe47ca3', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '4ad289b3f1e6ab329d0d9d5260b3ad805c74947b', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '7567c6aabde81a027372ed78420832b74ba0b12d', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'a24e987bcfd2d8e3c17319f552570568bcc322eb', value: "third" }, "Label 3")), h("smoothly-input-color", { key: 'b822ebfe6fd9e39c4d8ddebf7560650e897d26a0', name: "color" }, "Color"), h("smoothly-input-select", { key: '2b188685740f2986a2905a12a41599d2fb27a387', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '442ddbf643f8593f014e9c8ebfb89b548e25f9e4', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'b426d55f660ea12f314c808970185ba84ca96c2e', value: "1" }, "January"), h("smoothly-item", { key: '3bd9373d991fcf8b32464a2911cb94b6ffbe3e98', value: "2" }, "February"), h("smoothly-item", { key: 'afad8edbbbd715d6f47d59ff2b0e3b56effa4a28', value: "3" }, "March"), h("smoothly-item", { key: '00811873dbc227b95b271f6ffb399ed9cb91ff77', value: "4" }, "April"), h("smoothly-item", { key: '1cb9763c83f89593cf5c3acc2fa6c1131b96f4b9', value: "5" }, "May"), h("smoothly-item", { key: '162a4852b915c8b4823ba0cfb8b9224a3da02329', value: "6" }, "June"), h("smoothly-item", { key: 'a82491db9bdbc0876c368b4753a6bacf10f1f809', value: "7" }, "July"), h("smoothly-item", { key: '8c2ef1528a44c3f34baf3a867210791b7db4df38', value: "8" }, "August"), h("smoothly-item", { key: '018b8535cd06d8fb76af46807acd67f777aa839c', value: "9" }, "September"), h("smoothly-item", { key: '5559631cf35eebf6dbc2daf016ac65cae0100d56', value: "10" }, "October"), h("smoothly-item", { key: '7a05b0f47332d3c47b171c7af45616098818cb3b', value: "11" }, "November"), h("smoothly-item", { key: '783eba3fc1f02dda35b95bc3168d8fc40a2cfb9b', value: "12" }, "December")), h("smoothly-input-select", { key: '708ae228ebac730d88542fadac9eacdbef65816d', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'ab3cc10c5837684c8c3fd31189ab9df3488d484f', value: "folder", selected: true }, h("smoothly-icon", { key: '23a5c0fa737f6d2787b68a1f74b1945f7e6db4f9', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'bf26b10ff966c3c228838b97e8193ecbe73fe1ee', value: "camera" }, h("smoothly-icon", { key: '0dbc3d1789c62478fcf7a8fe7b3de76a2952f27a', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '04a361a611548788fc62295e38f1a142587171e8', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '1a1be95b3bd3560f7f96b0fdc1c5c183f409cdb6', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: '90e62b694df1dd076c6ae8d2f1a2c300d1fe8667', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: 'fd79baee4d795d8bc85c07da9ad648b6f9be66ce', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: 'f4c6ce348957870ef206697bcc9a48d65ce97039', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: 'c5dc005f7bd1953be10ffa4cab2abb994779aa4f', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'bcfcae2f743f64d25b41cbf66835dad3b6859798', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: '78a97ca7891fd91b59efe623a67eb96711a79d63', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '3d9c41e44797337be3864d9fbb029e300309aa92', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: 'b3fcea11a832b7b36049d4e4adeb555f80146652', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: 'ef82a2ac85080c6b45efe658e76e9c0bc0469f14', slot: "label" }, "Profile"), h("smoothly-icon", { key: '1155235a811c711d163c187b1597fb80ee62c8c7', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '87ff969b859405209fb9bcfce698b9d319f34b72', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: 'bf68e9ad454eff0c639b5da2c7242fc402a35c65', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '447e503c8e3c48b93f41f620b5fc277dc4d8d475', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '1a732b5a30f9e7b5d87a09be76c2fcecec722394', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '9ef5b1fddf599242589f45a77ae81d53cfb6244b', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'a9d1d83e4d1bfd131cec91e4a64ef26134294d48', 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/card/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoCard {
     render() {
-        return (h(Host, { key: '9b131a43df2d8b5279cd0efb2cc7396a487061e7' }, h("h2", { key: 'ef59d5297d4218d625922176e2d9a11d5fa764bb' }, "Card"), h("smoothly-form", { key: 'b6b5aa1655870826e4a559cc79580a4ad9992ce6', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '61101c45489123b34ad5ebde54ca1762afa257ad', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: 'fbab612637278f6497f034499deb8586e69892b6', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: '6516eb3313f574142c7a81d045997f98527d5e3e', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: '7b2b4a7499a39285b90da3759e143944fde4d303', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: '0f44231971a174ceeeae6bf66972931bdc11c97c', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'd064204b1e25b4192c955d4c4ae5e4c63e9763e0', type: "text", name: "name.last" }, "Last Name"))));
+        return (h(Host, { key: '6ce5500bac732834bb5dfad51a4176eb6919e084' }, h("h2", { key: 'd0bfdef60eb67936e2b4462a1a4bb2c89dc59993' }, "Card"), h("smoothly-form", { key: 'a708e697d518fa8950c2cf83cc076e92ebffbaef', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '166ba0f75ac66c2d5f11f03c8fadb20cf89d6435', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: 'd61c7bd39e8c09ae774606b92a8bb3e537836e57', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: '70b23dd5937565ad6c87f9936b83a02d2f8c070c', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: 'dc59de914f323faed35381b6c4eb2e4c72539178', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: 'b27fdb3e0a8fc1c02d3c570e1e3fb434f97e63b3', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'e76461cffe3afca778b1151a188b47c7ef7d9c8d', 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

@@ -31,7 +31,7 @@ export class SmoothlyFormDemoControlled {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: '1a39b78ff59692b8f790a0ca041960d4270bc8ab' }, h("h2", { key: '4a3177a4e7d38a59f9fa65552767bb395714c27b' }, "Controlled"), h("smoothly-form", { key: 'bd1b3bc05d0879c45e6867a13dad70b2f6ce94e7', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '3918be00220566daef557039bc4c703fe8e09b50', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: 'a9206282200f7e681243999da8c5d2cdf9fac7b5', name: "currency" }, h("span", { key: '53df31e738298a8f78681a4ac546e6599acfef6b', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '6a1b06a8fadb7fd5a46d8b26b66339a342880fad' }, "Dummy"), h("smoothly-input-month", { key: '3eb933f1cbbf7134db6c735d402478371271c3b3', name: "date", value: this.date, next: true, previous: true }, h("span", { key: '344cc723f01f8df0710734ef2c5476f32e975187', slot: "year-label" }, "Year"), h("span", { key: '1a2517f170acfa04c76770e51ab4a396518e2d7c', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: 'a1438be3092367b439956fa2ade8edf0a00f4255', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: '7ed2d852f6887e19acffc8ee6485df88a5c4cbec', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: 'e51b75c4d335047d0faae77207f1135f164d8a79', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: '7844d1e5845e087bc559f6f3395dbffa97ce3059' }, h("h2", { key: '56c4d14611046efdf9b06816e59aea0e7e3a2fad' }, "Controlled"), h("smoothly-form", { key: '875ef51cf0633aef4bb3510d8a22f0f41dcaa944', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '08550c8bf896ce5996a2ea17da506bf55e6d0cef', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: '9f2394024404cee03db2563fa1fc674fb1d23fb8', name: "currency" }, h("span", { key: '837b2f0f698e6299eaa6d56dd71ea53558edc502', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: 'd4cf009fb3f52de30d6f26990d9fa44f21d8f50e' }, "Dummy"), h("smoothly-input-month", { key: '9d149577b8ac244b2a00c5643e9d06a332929895', name: "date", value: this.date, next: true, previous: true }, h("span", { key: '36fa1ee96d15026fc2db142c17864e7dcd458a9a', slot: "year-label" }, "Year"), h("span", { key: 'cf11d02d8dacaee8c5d073e635997495a1bea1bc', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: '06304a23cd66351fb145733e675bd960b5340b5f', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: 'b002ca14148b17cd648602c8b950f65c2106a07b', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: '998f09cbbf11b0e5dbf2efa606fa7ad7a80cc86c', 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

@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDate {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: 'aa19ebb22d681b287b2ec81202c01482e4a83f60' }, h("h2", { key: '88cf2ed5415dee5bf3a122b2a1a8abe20babe925' }, "Date input"), h("smoothly-form", { key: 'd8d010a2cc02a94b0f2f277c530d2cf3ca1a697f', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: 'cd3a8896484802bea38f330d3cce6cd1f369b6cf', name: "date" }, "Date"), h("smoothly-input-submit", { key: '370b34543bbef943c67d46ca46df7e5216e2759a', slot: "submit" }, h("smoothly-icon", { key: '0be6193b0a290537c1d2579b22a4d962aa200296', name: "checkmark-outline" })))));
+        return (h(Host, { key: 'fec03fe6e146f8c4ca93d4cd4418d997e1dac8de' }, h("h2", { key: '767fa5fdb9f5474e12bd65857fc97b6e734eb6e0' }, "Date input"), h("smoothly-form", { key: '6f5fa68123ea141e005d8f8730f04828298863d0', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: '5e290e7adfeea3b1527763f03bea07614c225402', name: "date" }, "Date"), h("smoothly-input-submit", { key: 'c69663690016397e994f7045e57a04ba26f4aba8', slot: "submit" }, h("smoothly-icon", { key: '7cf86ec53b1c8d02a44a9fe410a9597051b8baea', 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

@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDateRange {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: '022dd0567e2b7bf321d9879b83b49c66cd1f04bb' }, h("h2", { key: 'ce79ae7c7408ce41e1dd8528717d52efb644b8cc' }, "Date-range input"), h("smoothly-form", { key: '9cb3a9b8a32949ea5dd0d472eecfef7793a7409b', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '6f0f1eea169f5516fe5c994cd80a2369d33e5502', name: "range" }, "Range"), h("smoothly-input-submit", { key: '93e8e2e6f5f3bf7656c6a6753265366b13dfbaef', slot: "submit" }, h("smoothly-icon", { key: '28236dfe106123ad3ebefb3f5e64594d31fa388f', name: "checkmark-outline" })))));
+        return (h(Host, { key: '250862ffe0d53e328905329437e91b5ebad8562b' }, h("h2", { key: '536e40aadb53f8ed550fe333e587b93172e8d415' }, "Date-range input"), h("smoothly-form", { key: 'e74f74d9b1c5ece5e0d7b0961964322b5cb10bfb', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '34570b46ba3407959fe53675ca6069d39b1020f9', name: "range" }, "Range"), h("smoothly-input-submit", { key: '61250eec0b407776f16c883832e6525ed43f4e8e', slot: "submit" }, h("smoothly-icon", { key: '60d386f83cc1f370534ba360e5769b300840483f', name: "checkmark-outline" })))));
     }
     static get is() { return "smoothly-form-demo-date-range"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemo {
     render() {
-        return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-date-range", { key: '84c92fbabfb53309846028de50aa588004da1a03' }), h("smoothly-form-demo-controlled", { key: 'a137a49656c067babc3dfaf3768a4addf1d7fcdd' }))));
+        return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-schedule", { key: '2011739c48572e39e1eea2d330e1b04caf0ef94b' }), h("smoothly-form-demo-date-range", { key: '11317d1feb82c20fc09284cb996e55f80038ed2f' }), h("smoothly-form-demo-controlled", { key: 'd9ac6a284edbe2fe977abbe1947cf3412066cecb' }))));
     }
     static get is() { return "smoothly-form-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ;gBACC,gFAA0B;gBAC1B,gFAA0B;gBAC1B,iFAA2B;gBAC3B,kFAA4B;gBAC5B,mFAA6B;gBAC7B,kFAA4B;gBAC5B,wFAAkC;gBAClC,iFAA2B;gBAC3B,uFAAiC;gBACjC,uFAAiC,CAC5B,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ;gBACC,gFAA0B;gBAC1B,gFAA0B;gBAC1B,iFAA2B;gBAC3B,kFAA4B;gBAC5B,mFAA6B;gBAC7B,kFAA4B;gBAC5B,wFAAkC;gBAClC,iFAA2B;gBAC3B,qFAA+B;gBAC/B,uFAAiC;gBACjC,uFAAiC,CAC5B,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-schedule />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoLogin {
     render() {
-        return (h(Host, { key: '559985f2133b7f86de5c22a88cfda3e8bd1a344a' }, h("h2", { key: '693658791fff278e231556b4aadcac20c311190c' }, "Login"), h("smoothly-form", { key: 'fd420a522a1c7f51ce277c5250ad5cc2f300af7f', looks: "border" }, h("smoothly-input", { key: '656686c2d6e54047aa05b2431e059da3bfb656ed', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: 'ef679e989bea7e4c5af277fe2b1a6f4ad1fec063', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: 'e7f58c64563e0e2a6feb789a9dea1aca186631ae', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'abc12666abee47139e05db5c583bb9f458f21c8c', slot: "submit" }))));
+        return (h(Host, { key: '2a5f43deb8d5412bd6e3f689121dae61a8e810fe' }, h("h2", { key: '4da410bb5c2d0567d2ded09d3d12d2e734754783' }, "Login"), h("smoothly-form", { key: 'd7d13e509e44bbf7565c44ffba00ad05d47a0bef', looks: "border" }, h("smoothly-input", { key: 'dfe6efa937a9a30356f8fe83ee0f177983450100', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: '0f77f8eace6a54580330c59dde1f78d7fc2b9777', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: '9fd28636ee5650135f8d92fe3652952df6fdd0b4', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'a55b68e79b7e4eda5cd0b9b936b8d568d6c395fb', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-login"; }
     static get encapsulation() { return "scoped"; }

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

@@ -8,10 +8,10 @@ export class SmoothlyFormDemoPet {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f926cc45f0cc0291f2c24c7b398606a85b50d234' }, h("h2", { key: 'fb0ba15fe080450f09989315d3c145028217b692' }, "Pet"), h("h3", { key: 'd3dccbcc9b23b2cd8218936424e17a278feea2a4' }, "Value"), h("smoothly-form", { key: 'bf16fa9747ed9b5a6a0208cb6f412b3203077de7', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '517b4234109763201875c4894ab5e9627f7f4abc', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: 'ee6ac67d9818a76c10462980c445ca33ae46638b', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '28b630a35af9ce0976bbb7057c4fdbb4c47cef58', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (h(Host, { key: 'db081d6ec048537567ff4c3de3efb80f02e875a9' }, h("h2", { key: '152ec589606c14d600458d16edd6aa2c45366007' }, "Pet"), h("h3", { key: '51ccb3e2d3a10b11579fa24ae5998a10ed2e656c' }, "Value"), h("smoothly-form", { key: 'b1e76f0e962498c312fb61b2198f27e177eedeea', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: 'c60c6da48f5e5c62b84a934dd908f18278bd5a7a', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: '92cf53c5a0fc3dbb9d1f7b042c6600458524cfd7', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: 'e4e9f551b36342ac128b5c189e372add1453be38', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 this.hasOwner = e.detail.hasOwner;
                 e.stopPropagation();
-            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, h("smoothly-input", { key: 'bfafcac88d20b89c67e5d1e222812f2851888633', 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", { key: '874b59bc35579337167b159cd64a80be4504bb2f', 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: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'a6485e71de11cde954fb55f0a08013e9674c83b6', 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-date-range", { key: '43ecabe7e035de133f1394ddfab21b0ca8866a2b', 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-range", { key: '5586a1e0ad8d9c76dc918f23b15ff653006ab436', 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-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', 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-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', 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-radio", { key: '51ae6d26dc3472dc34bc039f0a149e87d3a2f2f5', 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: 'af419a86d160c269862e474de0c5e354453fd8a2', 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: '003b5e3f6ed34ec8d73f2dccb1482350d2c25f86', 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-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '88abf4bf85b3789e5392f1ae50e2131f86f524a1', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '163c4d30504d2d440bb4e31d42e54286d2ea4d30', name: "summary.favoriteHat" }, h("span", { key: 'b803a9d4b5c969f74cf649495ff29b80dc7eca32', 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: 'd4120f7272df1eddf403cd56b8433cb6ca4528a6', name: "summary.month" }, h("span", { key: '2cb8eef31ee0980ccb7418d42517b4df6cedaf91', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '6e3a63f405b74d88d42bbe5f957fee1ba0f9502e', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: '176ac40da54721997c43d0a81666acb4998b37b7', name: "summary.favoritePizza" }, h("span", { key: '6871e57f0b47cd6d69f675728cbc8adc04eb07ea', 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: '80670e084705b6dd89313fac93cc9cae199e4d49', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '54adf6f72e5e47c87420b590c1ee0339917b2443' }, h("smoothly-tab", { key: 'bc35a89b5e79189f358204e3dc3f53ff56d36fd5', label: "Dog" }, h("smoothly-input", { key: '9cc578a69ab318b029a3e2ed911b8c44fa43a198', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'da49e55084302c59403e396216a5662814467d0e', name: "dog.picture" }, h("span", { key: '4ba608f3e2ba497a71912385898053e412c8bfe4', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '0e9aeebaed1e5bc84995008be8fc9f35ea1b251d', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '6e199a7d72c816a069b7ba1ac71880f82f8b82d2', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: 'e381b1b0f5f15f043135c7c50278a45aad11e70c', name: "dog.favoriteHat" }, h("span", { key: 'd4e77a11d6a6967816ad157048917c37c00e6cff', 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: '0a5c74e5716ea1d46e56d0923f60265ecb9645a8', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'ccc2fcde4138d6c8873694a197358a89dd203f26', name: "dog.favoritePizza" }, h("span", { key: '97bbceaef27ee84dba00348edc30e88f04b9f274', 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: '3fa75d1646e6d15e466452f0c65e4ddf5fbc4f36', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '1eeffd514378ffe9cc3e0119c3544cd498408116', label: "Cat", open: true }, h("smoothly-input", { key: '65ad05667b91c90fd7a220a40b7e7a44e12dfda3', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'f52d5879ac3c5f9ff62fad15f2f047b631771151', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '2eef08cbc4914369df28029689e3e74b63923507', type: "json", value: this.value })));
+            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: 'd4e41bd4f0ea384e45d3c7b0ebcfc8fef0c8a273' }, h("smoothly-input", { key: 'a8f6dec76b80683428d77f30c3e444a883d1afc7', 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", { key: '7556e46fc24f10f1ca8252d3759e13ef6be294e7', 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: 'eb895e44123c07d936fbdca933b873aa20eed521', name: "owner.picture" }, h("span", { key: '8b44d1b0e331113f3d9c994edd860bcbbaa0235a', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '5ea7342881dc271817826891f9e4007d4d1f1389', 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-date-range", { key: '6209c4291574f87a35c1904defebd4cbde66290c', 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-range", { key: 'b9dc7ac7da7ff8593e1a2e4a4d328dd81dfc5992', 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-select", { key: '21d3858ea701a6286251ae44371b2dbb9c370412', name: "owner.favoriteHat" }, h("span", { key: '2e8cef55162db373af79645a4b5e374a6b40bbb2', 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-color", { key: '24133d180e198e554b63de26bc3323cbe3744601', 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-radio", { key: '274fb656b13bde70abea4fa35eb688cdf46eacb8', 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: 'df83a30c36b5177a23d8763d5e66611db3bbe697', 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: '5a733c0b2ff06ddad303ec77097775d4a42fadb5', 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-summary", { key: '6d2fcc2affe9250787419dce8157912339803fee' }, h("span", { key: 'b589d7b6ca57d95b621d827cfb5927db3faca50b', slot: "summary" }, "Summary"), h("div", { key: 'd4d1293918327030bdee186d4ca5a55682b3703c', slot: "content" }, h("smoothly-input", { key: '5959e26fe56c7347f7c15a17cdfd4f2acdfb9fef', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: 'd1bb869132deb842aa805655d552906c80858ec8', name: "summary.picture" }, h("span", { key: 'f8b1915acdd0d42eb33978fcb02f662d65a8f2ab', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: 'b64e66df7956ab1a05197fe2d51e44361f984c0e', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '5466ee7830e653a6f6db25961645c9ab203ccb51', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '7ce763b3bef80bc5e0e0206c7f66fec8631d29d6', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '83b72df95cff68356940bdaec14fc5afb136fc36', name: "summary.favoriteHat" }, h("span", { key: 'f8b6d174307542335f4da99192b8aaf6c85c9aec', 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: 'b75782058ca787708a313135fc1e8bb152e6b3c3', name: "summary.month" }, h("span", { key: '696e8468f1f4ed059418e8ce73630f2e342bbddc', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '8e667d352bd2c206980b6104c67f9ae2c5a99966', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'd1aaf397f6b3ab4f09334b5a7bb29dc8d21c6ddd', name: "summary.favoritePizza" }, h("span", { key: 'f3b6a36b33d5a57ae90fed082e49f64009f918cd', 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: 'a3623c6c863c01ececceb3662bc28e866bb02624', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '560c301f9084430a3116610ecac87526c4c75fe3' }, h("smoothly-tab", { key: 'a6daa32792c96cc28522f8be2bedd0cb55c0fd11', label: "Dog" }, h("smoothly-input", { key: '7d49e5553a141bddea389bf51dd84a9c77bcefe6', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'aa8ad2af83ad5f74e7094cddde1ad86232708335', name: "dog.picture" }, h("span", { key: 'ba9254c5c1e741d44136d0f6cbb28d5f4f0dafc4', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '8e49fb563376bd4349e7151a8ef4292fffa2badd', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '5a8b95b3fa01a59a7e6cfe32c0158b10d6548805', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '9db97eab10483487370a2eea58a7b4c69bf1d6c4', name: "dog.favoriteHat" }, h("span", { key: '84f01e17a57d9bc3ce1c6c7e3973ebddf6ec1388', 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: '40b05d29bf1fce02de12100fd649d3c24313b104', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'e7477ef30a27eced86023fd8463c8982e3c949cd', name: "dog.favoritePizza" }, h("span", { key: 'f58e1ccc4ddabc64df4f567ea3b279075acb17e8', 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: 'f02baf4ffd3456d15eda802c1f701e941bf74c08', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: 'cffe512b4e6ac0a4c9ca085de43e1924e3778b7b', label: "Cat", open: true }, h("smoothly-input", { key: 'f7196eec6788c2f294ff6743bb4360e1a57b0a14', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'f4912e7af63e667a438d389a82cd4292fdcdaf7d', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: 'fa69764806f0a1ba82cc066aedcc1ce9e18e0a50', 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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoPrices {
     render() {
-        return (h(Host, { key: '4fa70a914876be27347456aa343e37ea989be096' }, h("h2", { key: '19bdfe20a9fd3afabb3df6dd907b9e60b68a8966' }, "Prices"), h("smoothly-form", { key: '9a74bb915a6ad42b2d44db1be65fd76c5866f43c', looks: "line" }, h("smoothly-input", { key: 'df774c146082e7c021db91b92993825f1c7b07f4', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '56101c015080db3992b1ff4de2d3f64a83c83d54', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '2c5d2d37ec98a429417a61d150ef529dfbed1307', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: 'e5132c11343cf8b32b06e4999ecc3177fb100c41', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '0a13cd5f294ff10d9bd331c48548393f559b5c6a', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '1dfece2dfa23775239b2bb808a26eaf684dc6056', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '45862586a44c6d01b5ff19cb86aeaa82dfa1635e', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '6c4f46a729877a979bfa6b77635f32d88e568b1f', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '2cb2b0b473ef51a55afdbb582dc5a183608ddbde', slot: "submit" }))));
+        return (h(Host, { key: '5ed4038bcc2aaa09d52b20596234e323fb2fc8f7' }, h("h2", { key: 'd9a9121129755d8a9f9a38976ac7a277d152b5f7' }, "Prices"), h("smoothly-form", { key: 'b1d1646ef95052ecf5e56786132405bc99fcdc55', looks: "line" }, h("smoothly-input", { key: '682ab8b618be4ba29d0a0823f76ccc5d4f0fb88d', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: 'a50fde19f136d84e78b33a556ef06132d3de9862', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: 'af5cbc7ba716720732f2ca8378bcd6930c858124', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '26c3529dadcca120c36f4e9e429af3a2a0c67afe', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '1bd61f5772d6cecb4d8122f0bb7e12d0fd78750b', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '7c81bd4291f7530da19745d67c3fb7b791fbf429', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '9b5da213d1fde556b6c5c5295203a8d3abfe14ba', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '9dc494033b06e3a6e14f9ba9f5bc3c7cc7e3bd88', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '6f8a1c4c31461564c2acea4034117f4e78846dc6', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-prices"; }
     static get encapsulation() { return "scoped"; }

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

@@ -0,0 +1,22 @@
+import { h, Host } from "@stencil/core";
+import { isoly } from "isoly";
+import { isly } from "isly";
+var ScheduledEvent;
+(function (ScheduledEvent) {
+    ScheduledEvent.type = isly.object({
+        date: isly.fromIs("isoly.Date", isoly.Date.is),
+        amount: isly.number(),
+    });
+})(ScheduledEvent || (ScheduledEvent = {}));
+var TimeTable;
+(function (TimeTable) {
+    TimeTable.type = isly.object({ schedule: ScheduledEvent.type.array() });
+})(TimeTable || (TimeTable = {}));
+export class SmoothlyFormDemoPrices {
+    render() {
+        return (h(Host, { key: 'a2dfe85cbe9a77c05371417039b053de1ff6438f' }, h("h2", { key: '55c26e3adbbf9bd5f96c665f7adfd1ae4f30bb68' }, "Schedule"), h("smoothly-form", { key: '4800c705002c5f850ca5bc117d7d2269acdf6df4', looks: "line", validator: TimeTable.type }, h("smoothly-input-date", { key: 'a370ad7ed5c8feaf03fd91f3a9fd58e4cf378fc3', name: "schedule.0.date" }, "Date"), h("smoothly-input", { key: '7d99e4f920f10aebbb99678f74a9bf46da4e5728', name: "schedule.0.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '11911e751725ad9f2eb47e796d6ed34c55db8bdc', name: "schedule.1.date" }, "Date"), h("smoothly-input", { key: '54edda245c6b1803da201addf93942b6d640ae00', name: "schedule.1.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: 'e800f5668d0df1af08c65ed91ec1c3690789d1b6', name: "schedule.2.date" }, "Date"), h("smoothly-input", { key: 'fc5e69f6de150b83389b34b4fd51d82eec7422c1', name: "schedule.2.amount", type: "price" }, "Amount"), h("smoothly-input-reset", { key: '8b32edd5df32e1e1a12314adf83a701d5b8353c1', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '87350ae3b3bc920cb1f89d8a4b63f13a91f658eb', slot: "submit" }))));
+    }
+    static get is() { return "smoothly-form-demo-schedule"; }
+    static get encapsulation() { return "scoped"; }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/form/demo/schedule/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/demo/schedule/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAM3B,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAG,IAAI,CAAC,MAAM,CAAiB;QAC/C,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAG,IAAI,CAAC,MAAM,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;AAOD,MAAM,OAAO,sBAAsB;IAClC,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,wEAAiB;YACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI;gBACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B;gBACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC;gBACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B;gBACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC;gBACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B;gBACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC;gBACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG;gBAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\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/transparent/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoTransparent {
     render() {
-        return (h(Host, { key: 'ac4fab97f13f1b2a04569c444463726ffd7f3f39' }, h("h2", { key: 'a1d3881d3e990ccbd065c836a16eca6376ab09d9' }, "Transparent"), h("smoothly-form", { key: 'a6223063167021ba9a05f3b9790c1c2527f6b39e', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '7208122dcbf0c3d895c6a8d8164bc22643775101', name: "file" }, h("span", { key: '7354840c3086ab9492183dd4d2b2f6c90af38ee7', slot: "label" }, "File"), h("smoothly-icon", { key: 'c588ef4e14c7939bfab0bd6451a23541795044fb', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '14041a265b0429b10ce57e09f2230b36701aa38e', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '15ded0d37456a42d8c131ba57ef0307bc33662e3' }, "Date"), h("smoothly-input-date-range", { key: 'adef7c0defb1799a3da4dbcfc58217ec2ac0e472' }, "Date Range"), h("smoothly-input-select", { key: 'dc021642b27e4c9a82752ee594869893e29fa204', name: "transport" }, h("smoothly-item", { key: 'b9bff79a207ac285bba4c1f38f9379b4b3aba38b', value: "plane" }, h("smoothly-icon", { key: '78be03c6543b03c26d03b361f86c0d05b8e37833', name: "airplane-outline" })), h("smoothly-item", { key: '1b7c79a8319348d9f31896902ba9518c3e510c36', value: "car" }, h("smoothly-icon", { key: '3bfef43b7421d4f08d299810082ff64dcafd0556', name: "car-outline" })), h("smoothly-item", { key: 'c651b8be36aac65b5d10683314063b0549ba32f6', value: "bus", selected: true }, h("smoothly-icon", { key: '5e9387144b2a61ecdc859ce558af956ad53aceb4', name: "bus-outline" }))), h("smoothly-input-submit", { key: '0baa282b1620879cc24fc0d46e9a0fb5af72c231', icon: "checkbox-outline" }))));
+        return (h(Host, { key: '33e58258f38663c8283869c8aa751ce54b6ff131' }, h("h2", { key: 'd257eb6844086ddff32d309aefe38e3d3c49aab4' }, "Transparent"), h("smoothly-form", { key: '215bf30f6faa569f594bfb0dcfbf325dedaced3d', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: 'ce7f5ae99c6fc49fc1ff8aa52accbec42440ef6d', name: "file" }, h("span", { key: '3a9770ab2e6dcbdc5cfb77cab7b4dcf5324d9357', slot: "label" }, "File"), h("smoothly-icon", { key: 'e6ad4f9a1aae3f1c458ac3c0d2aa36e5b18dfc71', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '5b6e425b22c551e516b7b95f03aab78a4a0bdb70', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '28d44980fcc5b752884afa43a2eb3217d87ff8ba' }, "Date"), h("smoothly-input-date-range", { key: 'd98533b265ea972f8cea9f9d7e24a7bbed315afa' }, "Date Range"), h("smoothly-input-select", { key: '046e7d26992ec93436b9b55ed0b7ad1d5e9ed0b2', name: "transport" }, h("smoothly-item", { key: '8f04e6b1398efd270dc28c72de932f00b967afb8', value: "plane" }, h("smoothly-icon", { key: '027bb9786ae542ab1d9ebe25747798999e8afc67', name: "airplane-outline" })), h("smoothly-item", { key: '7df0d69db219641e7d0b5f577987a0fb787f8b7c', value: "car" }, h("smoothly-icon", { key: '69dd108bcb129943931c80ae65e809851e637b2d', name: "car-outline" })), h("smoothly-item", { key: '554f0e330adfa4f357a5403e61f4df724830ebbb', value: "bus", selected: true }, h("smoothly-icon", { key: 'fff4c573b60864f3a17336ab999d735cdb1bbac4', name: "bus-outline" }))), h("smoothly-input-submit", { key: '922e7c4c4cb99315ae58ca6014bad981e39822c7', 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

@@ -3,7 +3,7 @@ import { isoly } from "isoly";
 import { Contact } from "./Contact";
 export class SmoothlyFormDemoTyped {
     render() {
-        return (h(Host, { key: '7514b7d1a2ee384a466f06f297f9e9cd9d5981e2' }, h("h2", { key: 'd8f291f66794b350b0d0bd55f117c13acf1c040b' }, "Typed Contact"), h("smoothly-form", { key: '9a2729aea5f4d35ed9d414aab3899e1df64684d4', validator: Contact.type }, h("smoothly-input", { key: '2ffae4d5ca23abab7cc8733ba9af3520d5e4c45e', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'f72e992b163e477d5f9c01dfa40f1c5b69261272', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: 'cc353b4e75915a01fd5fa29d5610ebab76cb4305', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '963b2da1d4e3a9aa67e87474acacdfd8b16f04d3', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'ed91212c03b8b44e6f6902c29d281407788b6a76', name: "country" }, h("span", { key: '7e4adb1c2b3dbca1f5c78138afa259ffa9c3a877', 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: '48e15ba2e6ff364c43b66f447f5048e0295625fc', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'c0c9bbed57cfbc57455eefc7c28213b0e1049b95', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '43f4f6c832eb5a05acc1e07644dca2fd1ff6f934', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: 'aa45fe19db2b739480b0d6e1acf25f5d25021fe7' }, h("h2", { key: '5a75209e55f6082316117ab8202ac29ec45f6fec' }, "Typed Contact"), h("smoothly-form", { key: 'dce44554c5d5523c0035a7a51bdd795423e2b682', validator: Contact.type }, h("smoothly-input", { key: 'fb7eba03fcca4a8f832ef757b92864fb0ed9c308', name: "name.first" }, "First Name"), h("smoothly-input", { key: '6acff61dc9c33c18aaa9c2d3c03b1602684a0c47', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '368aadb5ad7ea5807ccc2b0f0b969e0a86c1ad89', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '7f787fd008d9e5915f97ab994834e4323e8efd0b', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: '52748a9b0f51a5bb7f7955708544a1e2fb3b4e30', name: "country" }, h("span", { key: '779b0df0a80132981dbf8131cb7657c4ac9cd50f', 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: '5ec8b16b0e21c6d369c0edbb1db313d00aa23eed', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: '1fb641919146d2d69762c1eff443c2a280d42065', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '183df4f3ededc6c7dfd8e1cb27142959e7694a90', slot: "submit", size: "icon", color: "success" }))));
     }
     static get is() { return "smoothly-form-demo-typed"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/form/index.js

@@ -43,7 +43,7 @@ export class SmoothlyForm {
         var _a, _b, _c;
         this.changed = [...this.inputs.values()].some(input => (Editable.type.is(input) ? input.changed : true));
         if (this.validator) {
-            const flaws = (_b = (_a = this.validator) === null || _a === void 0 ? void 0 : _a.flaw(this.value).flaws) === null || _b === void 0 ? void 0 : _b.reduce((r, f) => (f.property ? Object.assign(Object.assign({}, r), { [f.property]: f }) : r), {});
+            const flaws = (_b = (_a = this.validator) === null || _a === void 0 ? void 0 : _a.flaw(Data.convertArrays(this.value)).flaws) === null || _b === void 0 ? void 0 : _b.reduce((r, f) => (f.property ? Object.assign(Object.assign({}, r), { [f.property]: f }) : r), {});
             for (const [property, input] of this.inputs.entries()) {
                 this.validate(flaws, property, input);
             }
@@ -164,7 +164,7 @@ export class SmoothlyForm {
         await Promise.all([...this.inputs.values()].map(input => Editable.Element.type.is(input) && input.setInitialValue()));
     }
     render() {
-        return (h(Host, { key: '3448036f3c0dd4f121b8aa0c862a2f529c5b662b' }, h("smoothly-spinner", { key: '08926556d5190f344a9d9c7e69bd3deb5691d8b8', overlay: true, hidden: !this.processing }), h("form", { key: '9e9791f8bffa2d785902a1b41762f210fd9a8cc3', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, h("fieldset", { key: '14f9002f76ba80774efde10013a8675fe11bbb1b' }, h("slot", { key: '36dbfcce46275055ffca4f456504da929104333c' })), h("div", { key: '1417fbafaebbc28fd72b8954a3f93b6542bacd9a' }, h("slot", { key: 'f3409830663415ddecf6999d81db5c0b4a3223fb', name: "clear" }), h("slot", { key: 'c72bb74de39d22dfa7d472766523a4eefac83e4b', name: "edit" }), h("slot", { key: 'd565a1f978d92afd9a95cf756ab84661672d5587', name: "reset" }), h("slot", { key: '9a045bc503ae6b29e155a4fec90f6b629587c35a', name: "delete" }), h("slot", { key: 'cc53acd7036d8888c3d667f1673f8c83f333b3aa', name: "submit" })))));
+        return (h(Host, { key: '1d9d37d4d3c61cbf3fbb844dbe72c1eed2335938' }, h("smoothly-spinner", { key: 'b8c7d90a3e089d7d52a1486a1dedbd166e3207e7', overlay: true, hidden: !this.processing }), h("form", { key: '1eae5c52bf9a4c92da64f2bf9500b524d9cb124d', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, h("fieldset", { key: '75a96e948df29ae53698993b122ba1a1b8ca7f0b' }, h("slot", { key: '9b197a101f00720485dbe22c7c799ff1c710778d' })), h("div", { key: 'c3d2ad2b7007e03afca830609c53a5a744e15167' }, h("slot", { key: '0dfb32cdf5a653cf88f3c8295cbd0abe7ac3cca3', name: "clear" }), h("slot", { key: '60cbc0922c41c48e9bdfd7921dfade2aef44f920', name: "edit" }), h("slot", { key: 'ded5e82b98663d312145f451fdea0224133361a3', name: "reset" }), h("slot", { key: '865d5339d8d09ff8edfeb00e8f3f963564226635', name: "delete" }), h("slot", { key: 'cbad91b715a714ee8fd1effe79b06965bc3fd4e5', name: "submit" })))));
     }
     static get is() { return "smoothly-form"; }
     static get originalStyleUrls() {