npm - smoothly - Versions diffs - 1.4.0 → 1.5.0 - Mend

smoothly 1.4.0 → 1.5.0

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

Files changed (445) hide show

package/dist/collection/components/display/demo/index.js CHANGED Viewed

@@ -11,35 +11,35 @@ export class SmoothlyDisplayDemo {
     }
     render() {
         return [
-            h("main", { key: '21fb2b79f1e444d11b25150a336ce64e74f94386' }, h("fieldset", { key: '8b8ef87a351e4cb8754f44f74ad31185db62b0cb' }, h("h2", { key: 'e466ccf59ad1f4e2a41c8dd1b1d85da6b37c8f95' }, "Smoothly display"), h("dl", { key: 'acb593cb9a73566cc3defcc55eede3a7710a42b0' }, h("dt", { key: '9ccdcb7f5e3f55ea39d78b8ed6e75edb5f4a4c96' }, "Duration"), h("dd", { key: 'b7c93ccc874874faabe5e313ba204795a19adfc0' }, h("div", { key: 'd6e3d99849191e6d8effae216348bd634a4114b2' }, h("div", { key: 'bb64f8e9518218a499d0e52b5df759b31093e0e0' }, h("smoothly-display", { key: '151b7ca20847a1e41701d3c93ad780a222f990fb', style: { display: "inline" }, type: "duration", value: { hours: 13, minutes: 100 } }), " h"), h("div", { key: '72035e5cab01fd9a06d2782ba1255c2f86cbfdac' }, h("smoothly-display", { key: '0f4723aac6e41aa4a7e29b0456e4661066b28985', style: { display: "inline" }, type: "duration", value: { hours: 8 } }), " h"), h("div", { key: '1346fe1098e87dab09ae4268fab19f7eb18cd949' }, h("smoothly-display", { key: '5e70c627fe2dc9e1d65cfec40fa63a36d419466f', style: { display: "inline" }, type: "duration", value: { minutes: 3 } }), " h"), h("div", { key: '24beed45ab0c2cb2703d97ddecb72b767f19d989' }, h("smoothly-display", { key: 'a57ee2a431537bffe6d8a630c2466e342a10f089', style: { display: "inline" }, type: "duration", value: { hours: -13, minutes: 100 } }), " h"), h("div", { key: '44f65151109d00905e996e9205d71588ecabaea3' }, h("smoothly-display", { key: '5c0a01aca2d99cb82c66701d4c7d7de26043d987', style: { display: "inline" }, type: "duration", value: { hours: -8 } }), " h"), h("div", { key: '18cbc082f3d8f71f3ba6c6b7eb3a977b13d45268' }, h("smoothly-display", { key: 'a5bbf74186f51ce22f6eceb8396f215e7b0fc297', style: { display: "inline" }, type: "duration", value: {} }), " h"), h("div", { key: '1d2361cec57f38f40636641702f92100ebcd9122' }, h("smoothly-display", { key: 'a561ef92252a23064e7f7f7ffca3314a099329f2', style: { display: "inline" }, type: "duration", value: { minutes: -3 } }), " h"))), h("dt", { key: 'ab7b23c9c2ad57ceb6a2ce75d8f0a4e93439e610' }, "text"), h("dd", { key: '8913158f3f3a5c4012ae94a3f1b38442fcb5aff2' }, h("smoothly-display", { key: '13d54b85dcf178d480c8c834c79c47231c785aa6', type: "text", value: "text" })), h("dt", { key: 'e3c43484f7cc87eb9bf67d6474bc9552dbd643bd' }, "postal code"), h("dd", { key: '0df2d428a7847b3ddf436d2e9db2fe367f41df80' }, h("smoothly-display", { key: '8550c5ee46cc4e0c1bb956b2dbf8a62c452aee30', type: "postal-code", value: "752 31" })), h("dt", { key: '1b06810c083306938ce8d25b5582a15cb066b085' }, "password"), h("dd", { key: 'b078c56b5a9d62e23b9d9b8ab6cd4d10798aa726' }, h("smoothly-display", { key: '773204df4456963fbcc5cc26416c40f8111e43d0', type: "password", value: "password" })), h("dt", { key: '38c93b73ae2830ef7995f9c6d93d62c1ba019680' }, "email"), h("dd", { key: '3f822f17d630c3388155a66e97e0bbb6fb7c3951' }, h("smoothly-display", { key: 'f31678fe3df819cdc266876c54a1d810e9fbf9e8', type: "email", value: "test@example.com" })), h("dt", { key: '9abf27aa6b2a6ffc035f14adc1204e620d8061ce' }, "price"), h("dd", { key: '15a0e06145971b2c14abb0250cbb7edcea81483b' }, h("smoothly-display", { key: '256922cd4e8c86be1707c1ddc9d9e8550fe7b5b3', type: "price", value: "13.37", currency: "SEK" })), h("dt", { key: '84e0e9b898c72e2390a5b50cc2445a988a845a60' }, "price without decimals"), h("dd", { key: '3979f33c43640eb1376a533755cc39ac1a8c17b3' }, h("smoothly-display", { key: '04afd00d763536c5b1faa310074726f346914114', type: "price", value: 200, currency: "SEK", toInteger: true })), h("dt", { key: '28c9ddc91d2ceb52a7bd60577570a0ece1ef1704' }, "price with decimals if they are set, otherwise no decimal"), h("dd", { key: 'e2ae34d84db38387ee3d81b474a606b7b3d40742' }, h("smoothly-display", { key: 'a8c053147e77e15ba5a6a7d372d24d0948d67bd0', type: "price", value: 200.2, currency: "SEK", toInteger: true })), h("dt", { key: 'a42173872dac85db0f822c70e69baef5a244b4ef' }, "price with decimals"), h("dd", { key: '4034e3ca1bde5f9ba3f5cdca710d3757b7e12955' }, h("smoothly-display", { key: '0a07c33c6bf9b14aeafcbbff3e9f6d2817eb7230', type: "price", value: 200.2, currency: "SEK" })), h("dt", { key: '701bee2385a94b38bf90f58b3dc4fb65458188e6' }, "percent"), h("dd", { key: 'e1b856b2059122d2c80e5c242bb95429bca4caeb' }, h("smoothly-display", { key: '2682ebd78e2753fc2b1d558e00cf10eec0449c83', type: "percent", value: "42" })), h("dt", { key: 'd6504232e42d7bd6fb239b24f8065677bfe7f5ce' }, "phone"), h("dd", { key: '3b2cf4c53cf6b6fba8687ab994d6ded634d60046' }, h("smoothly-display", { key: '1cb2c5406dfbec1db57c05be5f59f828b005cb17', type: "phone", value: "0101881108" })), h("dt", { key: '94ee7083b2d5eef22e7ff0e15c460f6fd863db9e' }, "card number"), h("dd", { key: '97954e5e4d12f6be04096006d51ea6c9ac3e7fa3' }, h("smoothly-display", { key: '027c2522274e6e23f6cda08da141b24432671837', type: "card-number", value: "4111111111111111" })), h("dt", { key: '77cda0ed14b7a75ef02966d1b29bf94b6d5fe6ef' }, "card expires"), h("dd", { key: 'e2c1cbe5353efc0bea8435181499188bcdf8d051' }, h("smoothly-display", { key: '4aab5bf769fb89cadd2bf3fbb279a219e668c85d', type: "card-expires", value: "7/22" })), h("dt", { key: 'ecb64258605dbce40b3b6b8f51ec1922046ecd44' }, "card csc"), h("dd", { key: 'b37ef76653942f81a110df017f26c4c5699f32ad' }, h("smoothly-display", { key: 'e9cb2787e18d88f2cde4559c90f8ad9d45889d51', type: "card-csc", value: "987" })), h("dt", { key: 'f028f598bc51de708361494c66264047b8ab777e' }, "date"), h("dd", { key: '8900bb90156489b4cc9d22c663c9a2f5f80b1062' }, h("smoothly-display", { key: 'c31d4cf0631bf5495c9286bcc87a37c056ac6308', type: "date", value: "2022-07-07" })), h("dt", { key: 'a9df319e34d74e6ec9ef36e9f9128cda2df9043b' }, "date time"), h("dd", { key: 'f57d07c19738d28a60e0138cc827218a0f1ef7af' }, h("smoothly-display", { key: '663d9cfa4235e90f6a8231b9c7c7d6d0bd4beb4b', type: "date-time", format: {
+            h("main", { key: '2a76daef84887ea3bde88d366b2e21e14d57b44b' }, h("fieldset", { key: '1ca672f0189ec954870ec1a1334d710eb12de27b' }, h("h2", { key: '8adad2327cab875a2cb4b5bc0eec229d1e0056e9' }, "Smoothly display"), h("dl", { key: '34e4c3ffb01fbdf98ab7f37e421ee3d7cca379a3' }, h("dt", { key: '1e6fc46091902b66b8a40760191f53cdd30bc14a' }, "Duration"), h("dd", { key: '4966107aafd2506a4406e5dd282a81a7c6a9b66b' }, h("div", { key: '96dda5951ab4df35c0953b2aef462447770de4e7' }, h("div", { key: '5b315e7bf03247f15909ae0f3188666c4e542520' }, h("smoothly-display", { key: '8b4e73dadc46fbd99c17490d6847105690aa5f35', style: { display: "inline" }, type: "duration", value: { hours: 13, minutes: 100 } }), " h"), h("div", { key: 'fef2f6a200446d477b60eb70f0ca70f1238129a0' }, h("smoothly-display", { key: '0c488fdcaefa7864d050d98472dca2ecddd898b0', style: { display: "inline" }, type: "duration", value: { hours: 8 } }), " h"), h("div", { key: '0afc6954ed6dd90cc8dad83d57cb2f94a8681492' }, h("smoothly-display", { key: 'f0340041c6996a6e482ea3199ec5416788c546a8', style: { display: "inline" }, type: "duration", value: { minutes: 3 } }), " h"), h("div", { key: '3a1670abc42b8e2fbfdbc0949c2eeb2c79a5c15c' }, h("smoothly-display", { key: '09392b66cee4872abf14c9ece430a63d100c2ee1', style: { display: "inline" }, type: "duration", value: { hours: -13, minutes: 100 } }), " h"), h("div", { key: 'e863e33d414dc0da17818ce632e892ce25eb4a46' }, h("smoothly-display", { key: 'bf6e57117a4720686c34846466bee6f2a13ba831', style: { display: "inline" }, type: "duration", value: { hours: -8 } }), " h"), h("div", { key: '939798209aa002fb5a5bca479b099d101330fcfb' }, h("smoothly-display", { key: 'aa67a6663dee8531df73a141d304844eb96bc2c4', style: { display: "inline" }, type: "duration", value: {} }), " h"), h("div", { key: '69c7aa45e433a17583c13eb45ec68b32afbedf09' }, h("smoothly-display", { key: 'da59eece362ffe4847bf6e96a7c0cab6eb7aa9ee', style: { display: "inline" }, type: "duration", value: { minutes: -3 } }), " h"))), h("dt", { key: '8c438d67510bdd91eb89f2160a3ef1bf45e62999' }, "text"), h("dd", { key: 'ee6084f1769f173a3c2bb7068857306f4590311e' }, h("smoothly-display", { key: '8b74f5d51fc7b2994390ae6ade97127edd92cd83', type: "text", value: "text" })), h("dt", { key: 'c8a6db267c2985d64ca553919ff4ea21c4a77a9c' }, "postal code"), h("dd", { key: 'bcc16ccfda356d180e45e4eec39b7fd563f244f2' }, h("smoothly-display", { key: 'd296d047c7bc9adb14beaf528defd2956b268127', type: "postal-code", value: "752 31" })), h("dt", { key: 'df3cd2a6890585cc9ccedd2ef45892e3a081c08e' }, "password"), h("dd", { key: 'd73cf9f0f3d6a4430d6b7e9a9280fd2659f4afec' }, h("smoothly-display", { key: 'e66094f4ba694eff429ee99627f5e91eea77565d', type: "password", value: "password" })), h("dt", { key: 'b6b684dd9dba0035c67c67d9f71cb8f2c5d8196d' }, "email"), h("dd", { key: '9a743be9a2fd0d9dc8f4d7998123d88bd41a5768' }, h("smoothly-display", { key: '62617815b23ab6b9dce1cccfe4171ed640d1f68f', type: "email", value: "test@example.com" })), h("dt", { key: 'c0e3675247d4d7cae59e11c9ac0d5084efec7da9' }, "price"), h("dd", { key: '5ba67df88825d3aea8eba493beb1ec6ed8deb6a7' }, h("smoothly-display", { key: '074c2cc0269b950e742414d527f3e020afd5c9a0', type: "price", value: "13.37", currency: "SEK" })), h("dt", { key: '1e8526fd51f22962fd429276d935701a1d331ff0' }, "price without decimals"), h("dd", { key: '857b7141e8abeeeeb09f4f5c8a8df5b6a55aca2e' }, h("smoothly-display", { key: '0b39e2af7552ba9506574cbc3a10566980476329', type: "price", value: 200, currency: "SEK", toInteger: true })), h("dt", { key: '2155f8ed8ad6b8ec67973563bbca51486047f053' }, "price with decimals if they are set, otherwise no decimal"), h("dd", { key: '76505996a0acd9606fd8cf420ba007501c1add91' }, h("smoothly-display", { key: 'ab04814225516711be97ffb281ed640d4149e71d', type: "price", value: 200.2, currency: "SEK", toInteger: true })), h("dt", { key: '8f8e578f2faa73548b948c8a345c93f2b283779a' }, "price with decimals"), h("dd", { key: 'e6fe391647cbf0cb563c0badc16394b830fe1fe2' }, h("smoothly-display", { key: 'd14257a209f93b62d916df7e8254f6a0baacaa3b', type: "price", value: 200.2, currency: "SEK" })), h("dt", { key: '3c5de766f714ec32c8e4258227a8583ae8e13c56' }, "percent"), h("dd", { key: '3035ba6e28b9ce76724d8ca7df1a2094cd1810e6' }, h("smoothly-display", { key: '55d8be440426d5b6489ecba69525546deb82a69d', type: "percent", value: "42" })), h("dt", { key: '7f2768abb769cec9b3d1bf1c4046405fa3f282c3' }, "phone"), h("dd", { key: '9121bd24b678134d94f1051bad4456d94b461540' }, h("smoothly-display", { key: 'd61b1a545fdba6c7a1b9c2ce9122183818e47542', type: "phone", value: "0101881108" })), h("dt", { key: 'd3d3f73f7ab5de5e2975c5bc1763c7d72c69acb8' }, "card number"), h("dd", { key: '849098be9e684ea9bc68bac8fd05e2a586893bf3' }, h("smoothly-display", { key: 'e751cc9912f1fdd338b63a9db5ef2cc8ed4b40bc', type: "card-number", value: "4111111111111111" })), h("dt", { key: '4acb2eeceb1334b6460a11f7f9933b61bd48ed20' }, "card expires"), h("dd", { key: 'f6ae3b93f77440abc5438f6af6e40d9964530811' }, h("smoothly-display", { key: '5bfa4a17d4e8e6ebc5b94faeee43ce963bd31bb2', type: "card-expires", value: "7/22" })), h("dt", { key: 'e30810b6adf6a71a7a5c6c6abc9e0cf28fad1c7e' }, "card csc"), h("dd", { key: 'bd67e6a4a616d7cf95ee90e02084970be15ad475' }, h("smoothly-display", { key: '7568ce3b669095fb4edcd1dd2974d959afdd485b', type: "card-csc", value: "987" })), h("dt", { key: '4f3e8f8a8367015afef690e33e30ff73255d3359' }, "date"), h("dd", { key: '85acb48a1f9295bc8f75c226a6edc55492926280' }, h("smoothly-display", { key: 'f4939232a91bf1f4d98b6ce6883d9e793fd95207', type: "date", value: "2022-07-07" })), h("dt", { key: 'a10293b50e7e9618941ce1f2337f6386175ff891' }, "date time"), h("dd", { key: 'b431af2a61d56675c4161e1c25861f4cb06780b4' }, h("smoothly-display", { key: '1ae46193f8205120d5970f5a9d213809e6768c12', type: "date-time", format: {
                     year: "numeric",
                     month: "short",
                     day: "numeric",
                     hour: "numeric",
                     minute: "numeric",
                     second: "numeric",
-                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '664a74d91f65917bff18734fd100347533fb9b4e' }, h("smoothly-display", { key: '456469ffdc5ccdea880ad86f92b9a29c183dcdba', type: "date-time", format: {
+                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '6eee37e5837c3c31d0dd218b8d28ba72d14a7274' }, h("smoothly-display", { key: 'cadd5b0016b475b6f06845e4a5f096fa495fc38f', type: "date-time", format: {
                     year: "2-digit",
                     month: "long",
                     day: "2-digit",
                     hour: "2-digit",
                     minute: "2-digit",
                     second: "2-digit",
-                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '6714499c457900dee5e2cd5bedbba3ef7083b749' }, h("smoothly-display", { key: '4fea3c22e9402170205a5019a17850576fbb06f7', type: "date-time", format: {
+                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '9e0b7ca976e9c2e76744e6b7f2b13169f8176db8' }, h("smoothly-display", { key: '9690855e4593579da6d6ef9848fabe421c53a188', type: "date-time", format: {
                     year: "numeric",
                     month: "2-digit",
                     day: "2-digit",
                     hour: "numeric",
                     minute: "numeric",
                     second: "numeric",
-                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: '79c14cffa0634ab2af6fd3ba014d081e28e38319' }, h("smoothly-display", { key: 'd5559326f39e2f5bc8311135176b5eedb4ed2870', type: "date-time", format: {
+                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: 'ae6a22a4058b7c703664032f4db6d34deab8f117' }, h("smoothly-display", { key: '08061cd335bcfcecc25fd21bea18dadf91b8a5b3', type: "date-time", format: {
                     year: "numeric",
                     month: "numeric",
                     day: "numeric",
                     hour: "numeric",
                     minute: "numeric",
                     second: "numeric",
-                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: '419b427db910e49fd541de31e95c7dd3dbd2811e' }, h("smoothly-display", { key: 'ebd569c36dd017c14523ee1efc8925c622f7747e', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: '6df381d322a21b50ad70fc41fee8800721ca0889' }, h("smoothly-display", { key: '1ace79e51e8285e5124158f567a73508833bdcb4', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: 'dbdc1a002cab9e951678621ad394c1237e91f3f1' }, h("smoothly-display", { key: '529e5cd2b7f4bde6b06dfb51832cb4cb498c3447', type: "date-time", format: {
+                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: '96055e5c2dabd5405c9abddce2e08968e9eaadc9' }, h("smoothly-display", { key: 'e0d438cea5912edfcadd435ebe18bb31820127a7', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: '98fb2ccd362a915d28f69dde02cf97934ecdbda3' }, h("smoothly-display", { key: '64741e7b923a1e9da0583839d8672a9f77a82ad3', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: 'ab24692222866cba986372402b73712f2fc86539' }, h("smoothly-display", { key: '3814df12b639cf811602d8d68e093c1cdf778310', type: "date-time", format: {
                     year: "2-digit",
                     month: "numeric",
                     day: "numeric",
@@ -47,21 +47,21 @@ export class SmoothlyDisplayDemo {
                     minute: "2-digit",
                     second: "2-digit",
                     timeZone: "Europe/Stockholm",
-                }, value: "2022-07-07T12:15Z" })), h("dt", { key: 'd7b788672f67fbf1d0528f604ef1e77673d2e69f' }, "Display JSON"), h("dd", { key: '87a892e6845db8618efd46d571e8a90f30ce1e6d' }, h("smoothly-display-demo-json", { key: 'f66473975507a01af105282f01f640c1baaa88ae' })))), h("h2", { key: '084965cafe76cf10bac4804c82ea460c0960f7da' }, "With labels"), h("dd", { key: '395e03618fc767dcca6b12386286a97c83882686' }, h("smoothly-display", { key: 'd5f90cfeaad01ea046ed543f54e70b089c91463d', label: "Today", type: "date", value: isoly.Date.now() }), h("smoothly-display", { key: '3333769695dd0b7e0d54fd729f2b3b59dc34737c', label: "Total amount", type: "price", currency: "SEK", value: 6789 }), h("smoothly-display", { key: '57070580aa9096b1d273bb7cb51a6ac82e22f9ca', label: "Total amount", type: "price", currency: "GBP", value: 678.9 }), h("smoothly-display", { key: 'b4af7875200f61caf1c51f969c61362af7b3d402', label: "Logs", type: "json", value: [
+                }, value: "2022-07-07T12:15Z" })), h("dt", { key: 'c96a8dfd8a6bc8ecd8dccbd95e5afdbd25016df0' }, "Display JSON"), h("dd", { key: '70bd3c92f4519590fe7938e5d0e7d8c4adee11a3' }, h("smoothly-display-demo-json", { key: 'f0167e90e50c3e552bf30b74524080c7c252bfdc' })))), h("h2", { key: '9098912a1e0d971fb840aebb409d4192def5b629' }, "With labels"), h("dd", { key: '96302e348da1518bf09cdedefefe0cd5a183b2ec' }, h("smoothly-display", { key: 'ea9cfb671bae4e4245bf0186698632879c44535a', label: "Today", type: "date", value: isoly.Date.now() }), h("smoothly-display", { key: '09c37d099f968d1dd482ca0e6ee20744f551630f', label: "Total amount", type: "price", currency: "SEK", value: 6789 }), h("smoothly-display", { key: '3e2dbe30539fad2757c6bc5027344a5dbf7bd454', label: "Total amount", type: "price", currency: "GBP", value: 678.9 }), h("smoothly-display", { key: '3415b6494541d0be2a5c88eb75e61f650d42de8e', label: "Logs", type: "json", value: [
                     { type: "trace", message: "Hello" },
                     { type: "error", message: "Oh no!" },
-                ] })), h("fieldset", { key: '411e5133a5c4bf2d36ad1c6b00cf549e769d7665' }, h("h2", { key: '536dd0526204b6d389c670c576f32bca45c3630e' }, "Test of different kinds of notifier"), h("button", { key: '2faebb0bcea77262e0a18b5e8a375bef7b5de11b', onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { key: '21181f519f1bfe818fcc084596be2317fe541968', onClick: () => this.noticeWarning(Notice.succeeded("This is a test success notice.")) }, "success"), h("button", { key: 'c67c4056842c761165115333bb079165609208f1', onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { key: 'a42b0b8a77b40fa6ddea705306634489abaec09b', onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { key: 'd651ea26abb9ce9dd336b45ded8849fc4a00c56a', onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), h("fieldset", { key: '91b1d46f457a5261ddff3a1bc67db822190f0591' }, h("h2", { key: 'd46c2765def7f55a8bd225dbd9f1c5379029878b' }, "Smoothly spinner"), h("div", { key: 'efb40135dbbbd78e6ba4c9927ff212178a3da9eb', style: { width: "fit-content" } }, "Large", h("smoothly-spinner", { key: '70616018eb896ff0bd28744b504fec5c416f1b45', size: "large", style: {
+                ] })), h("fieldset", { key: '468b3e8e6e7fe91c93493cd804bd59383f4b7e54' }, h("h2", { key: 'f4d81c45839324b8628ed92dc2db96d9f603fe09' }, "Test of different kinds of notifier"), h("button", { key: '32f3d4e71745238bf0efaf3ed27481e43aaa5e17', onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { key: '906b0f542433e9f13140e91db71d17b59f39d01d', onClick: () => this.noticeWarning(Notice.succeeded("This is a test success notice.")) }, "success"), h("button", { key: '56cc3dde29cc2550660b05d69f7ea372de2091c6', onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { key: '7282bec22e381a57864663f55e0535b05e139e35', onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { key: 'e0fd211f1bfb1210b218af387690cfde404ef6db', onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), h("fieldset", { key: '56d71cbb8821a9d6a52ad403daf4e92c2327b61a' }, h("h2", { key: '70066d046ad7eff8e72d7c6508f2dddd33111364' }, "Smoothly spinner"), h("div", { key: 'f675d44f66e1ae6ba2432be0c1dc403505a0c503', style: { width: "fit-content" } }, "Large", h("smoothly-spinner", { key: '4f80b9b69703dc1c08603e110dd89ad07c5aa57d', size: "large", style: {
                     "--spinner-background": "200,255,200",
                     "--spinner-background-opacity": "0.2",
                     "--spinner-color": "0,130,0",
-                } })), h("div", { key: '585aff079f29aaeb3319268ebcf3857bec165942', style: { width: "fit-content" } }, "Medium", h("smoothly-spinner", { key: 'd46336b4e6fe98d2d2958c3047747b07d7999fe8', size: "medium" })), h("div", { key: '47db1735399b1b59e582b94229c4fdc51389b51d', style: { width: "fit-content" } }, "Small", h("smoothly-spinner", { key: '8292ad153260c3cd3d26ad597effa2356e913ca9', size: "small" })), h("div", { key: '45ed5bea68185714286757dfa56d14b5987c3a19' }, "Icon sized spinner on button", Color.values.map(color => (h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
+                } })), h("div", { key: 'dda7689714bfa3354dd8d38ad528d347d252b5e9', style: { width: "fit-content" } }, "Medium", h("smoothly-spinner", { key: '2f685897c749961ccc804633a0fa6df417afa10f', size: "medium" })), h("div", { key: '04191765756b7bf0fe51c7aeb1c54fe03c3d72d7', style: { width: "fit-content" } }, "Small", h("smoothly-spinner", { key: 'e0deaf9e74c7dfb9bee2ef85f4309acc111e329a', size: "small" })), h("div", { key: '32cd2b79676ea2dbc4664b542e7ddfcd796fbfcb' }, "Icon sized spinner on button", Color.values.map(color => (h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
                     this.downloadingSpinner = true;
                     setTimeout(() => (this.downloadingSpinner = false), 3000);
-                } }, !this.downloadingSpinner && h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), h("h3", { key: 'f4f8637fd7928426d61b262cb5b286903d5a9edc' }, "Spinner with overlay"), h("div", { key: '11880b67e3425ca7b1aa96fe1f0be53613cadce6', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", h("smoothly-spinner", { key: '26d08b7f6d5c14f03643521e41d399d57567c2a0', overlay: true, size: "large", style: {
+                } }, !this.downloadingSpinner && h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), h("h3", { key: '0e9e91fb145b5207f3e6ce1c6d0c872664afb37f' }, "Spinner with overlay"), h("div", { key: 'ace6e8a453aece5ee5e77f5be3fadeb394a12a0c', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", h("smoothly-spinner", { key: '0afa991d53f83679014fb0d71a169053968f5a04', overlay: true, size: "large", style: {
                     "--spinner-background": "255,200,255",
                     "--spinner-background-opacity": "0.5",
                     "--spinner-color": "0,130,0",
-                } })), h("div", { key: '2092cd92eb0a8797cf30e05692e632c0b9a3a09e', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", h("smoothly-spinner", { key: 'bf7a3539c259ad7a1e84ce233dd6e3840436c834', overlay: true, color: "secondary", size: "medium" })), h("div", { key: '21f2f4a511fab1672bf573336403dd6a073c3b2a', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", h("smoothly-spinner", { key: '9d1e787b73a9158de842d116ef1b9367a43658f7', overlay: true, size: "small" }))), h("fieldset", { key: 'c69bac882a363b3de75857289acde3ee240de84b' }, h("h2", { key: '48f6bba196c4a8ac79b6de5563fcdabe176f9a09' }, "Smoothly summary"), h("smoothly-summary", { key: 'e127119ddebe9ac42d447384a277f8f3785d0bd2' }, h("p", { key: '38fcd455229b895a477b8d6a0f608492c19be7d1', slot: "summary" }, "Some title"), h("p", { key: '1da7ba6e1a5c72e29bcd42c5d1e2469bb38c0e24', slot: "content" }, "Some content")), h("smoothly-summary", { key: '8cd4afa538a5ad269741acf3cffe3730e7613c41', size: "large" }, h("p", { key: '751fe6f320fdccd799a43f9a6b4c82a6e4e4c075', slot: "summary" }, "Some title"), h("p", { key: 'e7549c895b88cf20bf368c66f5e126a9c3407677', slot: "content" }, "Some content")), h("smoothly-summary", { key: 'ab35b1c6a284eb8f3b913f31726b0fbc88132915', color: "danger", fill: "clear" }, h("div", { key: '40b066f48899e2bab7e5a0601f18f02ede99aaca', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, h("span", { key: '877b910238083ce23c9b6130438b1db664200158' }, "Person"), h("smoothly-icon", { key: '653ab4903ed6b6631ff9edeab0db9a98626644e3', name: "person", color: "light", fill: "clear", size: "tiny" })), h("p", { key: 'b6a604da7924a87bea1e2615cd5d13634e214daf', slot: "content" }, "Some person information.")), h("smoothly-summary", { key: 'e2333f4c0ae45eaaa8f36bf06a0304080560811e', color: "danger", fill: "clear", open: true }, h("p", { key: 'f1f8a5c4fbcc13754598489d36ec5867106e851f', slot: "summary" }, "Some other title"), h("p", { key: 'd24ba7bf492e8630ddd5d08644f74783908792ae', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), h("h2", { key: 'cad39175e8ad87abb419ff9aa9bbc6ff281b6055' }, "Label"), labels.map(l => (h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), h("smoothly-label", { key: '4e1ef4a7f3d2dacc84cdd6520b2e39ed66249745', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
+                } })), h("div", { key: 'ae897d73839a31a663e5ca8516e466b5db9e6324', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", h("smoothly-spinner", { key: 'd5cf98b6843d934d9410f0f266fff8babcee33a8', overlay: true, color: "secondary", size: "medium" })), h("div", { key: '4730ec21fd935a3af1d6deccd649e5bbb8fd7bba', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", h("smoothly-spinner", { key: 'd2eccfe07320c09f6347ebdc5265985854355b12', overlay: true, size: "small" }))), h("fieldset", { key: '5bf91622534bf402abb0ec4fcbba5b5dc198f39a' }, h("h2", { key: '0e4a7ad1a10bb7b9a75940d4f657b6a8f74d509d' }, "Smoothly summary"), h("smoothly-summary", { key: 'f5c30b4fd816c6d83515148dc5375e48f45be60e' }, h("p", { key: 'a7bd57662d9cea09ee979721ed5848039dfa99ad', slot: "summary" }, "Some title"), h("p", { key: 'a90e969ca2dee0ae16b6ef1916be0b3580065136', slot: "content" }, "Some content")), h("smoothly-summary", { key: 'f0b863a9c41159ac007b4ce657e97d723c0b16a9', size: "large" }, h("p", { key: '59bb37db444e1663a91495bd12048469c5abb1d7', slot: "summary" }, "Some title"), h("p", { key: '0d922af3955750668610d1746f794112fa62b98c', slot: "content" }, "Some content")), h("smoothly-summary", { key: 'b5ee4149cc0a3d37b59a8992bcdb9b384971ae38', color: "danger", fill: "clear" }, h("div", { key: '4bbca655364e7c861f718dbbe6a4efb1b9d87378', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, h("span", { key: '92e3922fb302d942820b9f5d89ae827b4bea4e4c' }, "Person"), h("smoothly-icon", { key: 'f603d09a398a10a1f924350da5180480de40be43', name: "person", color: "light", fill: "clear", size: "tiny" })), h("p", { key: 'bbb6e876604ab87e76631f962f0d700986cb1637', slot: "content" }, "Some person information.")), h("smoothly-summary", { key: 'd3161f33879337b3b4662ad148e8ba594610989d', color: "danger", fill: "clear", open: true }, h("p", { key: '5cd164f5553ea40f9923f32280f4dbd8ff7646b4', slot: "summary" }, "Some other title"), h("p", { key: '753e20779f49d355ffd398d72e04d840b9821342', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), h("h2", { key: 'cb73e95dfb043cf16acb09f5a0a2e95e7c543eb3' }, "Label"), labels.map(l => (h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), h("smoothly-label", { key: '84a1b5f36a88be4b01dfc2bd09711e8124d473d6', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
         ];
     }
     static get is() { return "smoothly-display-demo"; }

package/dist/collection/components/display/demo/json/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyDisplayDemoJson {
     render() {
-        return (h(Host, { key: 'ea329526023da3b7329d8b7bd1cb34316542fd93' }, [0, 1, 3, undefined].map(colapseDepth => [
+        return (h(Host, { key: '19502d54bd7e93581bee4cdaa1f2503d7557fe34' }, [0, 1, 3, undefined].map(colapseDepth => [
             h("div", null, "collapseDepth=", colapseDepth !== null && colapseDepth !== void 0 ? colapseDepth : "undefined"),
             h("div", null, h("smoothly-display", { type: "json", value: json, collapseDepth: colapseDepth })),
         ])));

package/dist/collection/components/display/index.js CHANGED Viewed

@@ -19,16 +19,16 @@ export class SmoothlyDisplay {
         const type = this.type;
         switch (type) {
             case "json":
-                result = h("smoothly-display-json", { key: '1ede546f9829aea0f9b8c319db98df10e07b04a3', value: this.value, collapseDepth: this.collapseDepth });
+                result = h("smoothly-display-json", { key: 'c171d3a83efbefce258b6929eb0a3bafb246d8d5', value: this.value, collapseDepth: this.collapseDepth });
                 break;
             default:
                 result = tidily.format(this.value, type);
                 break;
             case "email":
-                result = h("a", { key: 'c6047f436091639f6302be22f62610c0515a4009', href: "mailto:" + this.value }, tidily.format(this.value, type));
+                result = h("a", { key: 'd61f90a089a457d0e388ec5739974dc081868e8f', href: "mailto:" + this.value }, tidily.format(this.value, type));
                 break;
             case "phone":
-                result = h("a", { key: 'b62431225a51efb22037598e4227671e863be3c3', href: "tel:" + this.value }, tidily.format(this.value, type, this.country));
+                result = h("a", { key: 'f622c3de530f8251623ec003acf3fe077506ca6b', href: "tel:" + this.value }, tidily.format(this.value, type, this.country));
                 break;
             case "postal-code":
                 result = tidily.format(this.value, type, this.country);

package/dist/collection/components/display/json/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class SmoothlyDisplayJson {
         this.collapseDepth = undefined;
     }
     render() {
-        return h(JsonValue, { key: 'a817223386521cc073aeab087efc636977b65e0a', value: this.value, collapseDepth: this.collapseDepth });
+        return h(JsonValue, { key: '9021d65675eab4bd489a5590e33551be8b8a2062', value: this.value, collapseDepth: this.collapseDepth });
     }
     static get is() { return "smoothly-display-json"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/display/json/object/index.js CHANGED Viewed

@@ -25,9 +25,9 @@ export class SmoothlyDisplayJsonObject {
     }
     render() {
         const nextCollapseDepth = typeof this.collapseDepth == "number" ? Math.max(this.collapseDepth - 1, 0) : undefined;
-        return (h(Host, { key: '2878d58011daeccd9d1e3383f1081883f08ec598', class: { empty: this.empty, open: this.open } }, h("span", { key: '8e07de6271113ae7c223c44a2193162071cf9eaf', class: "open-bracket", onClick: () => (this.open = !this.open), "data-length": this.length }, this.openBracket), h("span", { key: 'c850ca12c687165a5f752a1e3315a0d7bd947971', class: "content" }, Array.isArray(this.value)
+        return (h(Host, { key: '0c00f594a1d3593d3ff476db6e8ec8a2594b84f0', class: { empty: this.empty, open: this.open } }, h("span", { key: '8a842f369633c0d7877dfbba492555473a0cccf3', class: "open-bracket", onClick: () => (this.open = !this.open), "data-length": this.length }, this.openBracket), h("span", { key: '5b222e67cb13cf4053180b934ee72b8f7a447b0e', class: "content" }, Array.isArray(this.value)
             ? this.value.map(v => (h("div", { class: "indent" }, h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), h("span", { class: "comma" }, ","))))
-            : Object.entries(this.value).map(([k, v]) => (h("div", { class: "indent" }, h("smoothly-display-json-record-key", { value: k }), ":", " ", h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), h("span", { class: "comma" }, ","))))), h("span", { key: 'd8441108a2cd31b14ada6c0ad587716b0e05537e', class: "close-bracket" }, this.closeBracket)));
+            : Object.entries(this.value).map(([k, v]) => (h("div", { class: "indent" }, h("smoothly-display-json-record-key", { value: k }), ":", " ", h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), h("span", { class: "comma" }, ","))))), h("span", { key: 'ccd423bb725216b06e0918e71a3dc7ffd37ea83d', class: "close-bracket" }, this.closeBracket)));
     }
     static get is() { return "smoothly-display-json-object"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/display/json/object/key/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class SmoothlyDisplayJsonRecordKey {
         this.value = undefined;
     }
     render() {
-        return h(Host, { key: '525fa15610e18dc3073cc4c28b1acf559a4c4a8a' }, "\"", this.value, "\"");
+        return h(Host, { key: 'b95b23adc8efb2d27813cd613129c0aa3a25f130' }, "\"", this.value, "\"");
     }
     static get is() { return "smoothly-display-json-record-key"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/display/json/primitive/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class SmoothlyDisplayJsonPrimitive {
         this.value = undefined;
     }
     render() {
-        return h(Host, { key: '171404fee1a7bdd8ecd7beb0032c136e4e2652d8', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
+        return h(Host, { key: '67c7a46a3bbb4802275181d311a46e49637d4569', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
     }
     static get is() { return "smoothly-display-json-primitive"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/field/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class SmoothlyFilterField {
         this.value = event.detail.filter;
     }
     render() {
-        return (h(Host, { key: '247786bb8724ddcd5344cc02bb4f36e13737e43e' }, h("smoothly-input", { key: '3b8088c08cf3a7671b8b9b33e48ac133b7d4fe14', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyKeydown: e => {
+        return (h(Host, { key: '00a08a31c67448ba06e7b57cce3b88b240c715ba' }, h("smoothly-input", { key: 'a5ee71ef5672d4add5e99ccb2ffd3d4293cb778e', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyKeydown: e => {
                 e.stopPropagation();
                 e.detail.key == "Enter" && this.filterFieldEmit();
             }, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => {

package/dist/collection/components/filter/index.js CHANGED Viewed

@@ -36,11 +36,11 @@ export class SmoothlyFilter {
         this.filters.forEach(update => update(this.criteria));
     }
     render() {
-        return (h(Host, { key: 'd0758e4b4003774f8d64ea98dd189c9d1bc4dfb7' }, h("slot", { key: '326730f0a2cdc4efe92f75be74f50e9d0afc2337', name: "bar" }), h("smoothly-filter-field", { key: '771a0da9c7c28810fb8b9c3eae4e0b2d6a8d629a', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { key: 'f0699e512b801b2a82a4b6a75764455c4f6ff970', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
+        return (h(Host, { key: 'c9beccb773a6101f5a26d96c1eddb16494d7158f' }, h("slot", { key: 'da7565883d337518c62ab0c188a2b651ca2ff70e', name: "bar" }), h("smoothly-filter-field", { key: '1565e127cd27b2a2c84bd9775053d2c681963152', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { key: 'cc3baa28d08bd7bdca19d8a2265a45c1dfbcfcbb', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
                 this.clear();
-            } })), h("div", { key: '4ed85c23a785b8f5a96d97acee1ec4bcdf11ccf1', class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { key: 'd41a7a8ed289625aa1f9de25b19a39cda75b6c29', name: "detail" })), h("smoothly-icon", { key: '534e48505b05d18bdbbc6d5817ef4f10d8c9f045', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
+            } })), h("div", { key: '9850fa072e6696f1f34e96358a03824e1e5ae878', class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { key: 'ed4ed18ebbe18ff0028909b4f94a8e4d5b3d1d9b', name: "detail" })), h("smoothly-icon", { key: 'fba156474c6d7c93b62ebe4d9690c5d60f44e299', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
                 this.expanded = !this.expanded;
-            } }), h("div", { key: '52289b92ffc7b5f53e287c5c875ec3605ee307a2', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
+            } }), h("div", { key: 'f1011e232ba37fd419f7f90d65227a7b7cfb4882', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
     }
     static get is() { return "smoothly-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/input/index.js CHANGED Viewed

@@ -63,7 +63,7 @@ export class SmoothlyFilterInput {
             (rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(".")))));
     }
     render() {
-        return (h("smoothly-input", { key: 'b9c0bad8ca30d5e45e9686b52f8536cf8b0f3a29', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, h("slot", { key: 'b6bda14b39abfb507ce5a83f0cf95efb218d7c36' })));
+        return (h("smoothly-input", { key: '397b2b9127c595d02cab01ee179da26eeb1d4c80', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, h("slot", { key: '6cc2c8a4815cdbcfa837c6b0f6eb66a16979bd0d' })));
     }
     static get is() { return "smoothly-filter-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/select/index.js CHANGED Viewed

@@ -99,7 +99,7 @@ export class SmoothlyFilterSelect {
         return result && this.property.split(".").reduceRight((r, e) => selectively.property(e, r), result);
     }
     render() {
-        return (h("smoothly-input-select", { key: '9107d3913b3e08208538db9de5d27e9b8107c816', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (h("span", { key: '63b6cea56be4665c27dcb4822bd55700b1e62a7e', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), h("slot", { key: '30843b98d8e72b9eb258dfc6f12e58e5b49394ce', name: "items" })));
+        return (h("smoothly-input-select", { key: '008714e67ebc64def90a0646f9780fa11c905197', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (h("span", { key: '558888a8817046ff2b4a9707b0af26c9cfaa11ad', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), h("slot", { key: 'b59919853a6c8d6f25d707885983103854eef211', name: "items" })));
     }
     static get is() { return "smoothly-filter-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/toggle/index.js CHANGED Viewed

@@ -72,7 +72,7 @@ export class SmoothlyFilterToggle {
             (rest.length == 0 || (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(".")))));
     }
     render() {
-        return (h("smoothly-icon", { key: '087ba0fc1cce503a6cf10665e89ca279075fcee7', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
+        return (h("smoothly-icon", { key: '638c257f2401426e232d2016bb979b98c5f56829', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
     }
     static get is() { return "smoothly-filter-toggle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,9 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoAll {
     render() {
-        return (h(Host, { key: '4aafdec8d02db081953d370ef8d76e2088bf1102' }, h("h2", { key: 'e8e4e41a8363fd24b1edc5a9e97a3b2c25858fe8' }, "All inputs"), h("smoothly-form", { key: '2c8e99228944bacb529312d309b10b9f3dba8e43', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
+        return (h(Host, { key: '9298c0027a86d364c9e0adb853ed89060cc7a644' }, h("h2", { key: 'b86f7e41dcddd8c9337ea48deb27446b6794ea8c' }, "All inputs"), h("smoothly-form", { key: '860e8fbce325048a8e6bfaafc46f83136b016e6b', 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: '5453b9a059c8210c3311476842b7391f045667ab', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '90e31870a59bc198001b433647d2464a8686c019', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: 'a9a8375a554d460964cf1f8d2d83599e378143c0', size: "icon", slot: "end" })), h("smoothly-input", { key: 'f1af6f8f2c4c244a61bc4b7e2b2402c15bd36040', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: 'b07098fb565faa815121b1ac12d2f19c5dae383f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'a7a55e86d8c37219a8f689ae44f249fa4b147357', clearable: true, name: "radioFirstInput" }, h("label", { key: '3efcc33f30a7f52c4e287ddadf136b7bff33a383', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'bcdd7d2d5a7e3f9164f3970330ca517922ba1cc9', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'b90c7edce08ca75afc2abd72b91db9e7ec30621a', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'dfa717cfb10099f10c66810054e9c51874272c9a', value: "third" }, "Label 3")), h("smoothly-input-color", { key: '28c439cbcb81a7f3480e67d956cf28b0cdff18c0', name: "color" }, "Color"), h("smoothly-input-select", { key: '9d832b5471b3703173f92d0b2536af790ec872e2', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'bcc8d409a8d0fbfbdd7edc757958b3a43c2121b8', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '9270263fc0907a95fa4fda20faab20724463eccc', value: "1" }, "January"), h("smoothly-item", { key: 'df50a7b49930b58947e4ada4787fe0f3b9c7959b', value: "2" }, "February"), h("smoothly-item", { key: 'c9c9ed6fa3f64f2bb2a7f7ce7a8e3e6ec973a71b', value: "3" }, "March"), h("smoothly-item", { key: '1a4df13779efe8c8c61f2e57c39684690a7e677a', value: "4" }, "April"), h("smoothly-item", { key: 'c03f5dfebd422e4a81af772ab5ac5ddb08edecbd', value: "5" }, "May"), h("smoothly-item", { key: '1238d99c2295fa52c22e67076b9714d12cc19cba', value: "6" }, "June"), h("smoothly-item", { key: '46256dc03ebe9f2bebf360dfc51778aa1fa3f231', value: "7" }, "July"), h("smoothly-item", { key: '0d2d6530ef9a48579bf014197fa29c1778138b2d', value: "8" }, "August"), h("smoothly-item", { key: 'c454e4f74973b4e4919c8ea40576d174ec7c9762', value: "9" }, "September"), h("smoothly-item", { key: '6a410dc5b68b3fbd123531b99bad22d7ed9c0bce', value: "10" }, "October"), h("smoothly-item", { key: '5214628e65ea539a77a14eeb2bbfe4270fb03033', value: "11" }, "November"), h("smoothly-item", { key: '2ab1330f7b25c711d6d50239cff5f8c417addca6', value: "12" }, "December")), h("smoothly-input-select", { key: 'a1493892d87ab651e53780905807570b50b91d07', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '61df0c697952bff56da044b3f29748926e58967a', value: "folder", selected: true }, h("smoothly-icon", { key: '0e54b6ca59fccab56e3ed55aa03862a263eb7e55', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '5c3321c5142c69b3065b32a6b55a34aecfab33be', value: "camera" }, h("smoothly-icon", { key: 'cccbfdb9939b3d16a885d6605436fc54c1da3019', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: 'f2bd24855f068fb7add590cb87f4050a3c18c17f', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '59a3654cf275543968911fa8dba440c1667496f9', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: '45ed118690207280f2c26768d0da1b7801b24bf2', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: '4d597c188035beeec5adc9ccef43bdf9e3eb2427', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '9a9310130e8c940f4ec771aa6753e8f7231a7228', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: '2c6cd64ce3a290205856e2442a1ef199a46d1cff', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'e90157d8dfae3668bc67aa5646f2176754b08347', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: '26ee4906aa12fc145f24a45fbe4e0e6ac4f828e7', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '9c313148e3134d81f9ffbe76bb50ddea1e5f82e3', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: '471cde92dd3f9b6deb214d85fc689c4451ee2aac', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '9baf5b9e972d897d55296c4bc870b2c22df72caa', slot: "label" }, "Profile"), h("smoothly-icon", { key: '15b62211482dedb406cc0fe9979b2ea845ba8fb6', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '60578f6da664c305319c8f04d30a1c05eae33a06', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '8a9f189bacdba4054cbe6f4f21cd11c5246b5abb', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '480cf7b27cbdc2047f126677eb425a1576e98314', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: 'e3b3fb9fbf3a7999c76d81c85629170dd5efd6c3', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'db4bb9254a75878098844e4804a6121f053f631b', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '57b118fb1b4852b39baf424c3f69f1fa00bea891', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+            } }, h("smoothly-input", { key: '484dbd9795185b6639794d9327c89a143780e805', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '534fd25c0afa52da913af3b8db7e5466af0238e8', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '421f97e49656803aeece0b15c9b5836df4ba53e7', size: "icon", slot: "end" })), h("smoothly-input", { key: '86935d28602aa195dd06314d1cdc6de612086de8', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: 'fd8f16a7c8370a74eb5bb006862ff0711dfc7b6d', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'd5bcd5035a4a7b89c0508c59bc60872089b0d32d', clearable: true, name: "radioFirstInput" }, h("label", { key: '6863ab9bca796cf7251b070429a3c5e0f0550407', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '35af39c7a0fd98cc4dbb472c2ceb3dc63d5a934a', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '55c8c25754506cd692b1be9f90fc654094f6f1ea', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'c36de8288754936a549410de0cd2e85454428972', value: "third" }, "Label 3")), h("smoothly-input-color", { key: '0a090d87ced55edf0c1139714ac5545a605d531f', name: "color" }, "Color"), h("smoothly-input-select", { key: '446645ff8a548339fca2277cffb4c2ee3b9dd41c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'bda1f349aad889ec40c44dae6474d0909b322968', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '09fe26ce4b5a9920eec454b00cfc8a52f7c81c6b', value: "1" }, "January"), h("smoothly-item", { key: '563059787300a3eafab433e89ac4e0490ce0b715', value: "2" }, "February"), h("smoothly-item", { key: 'f24d391ba6068274e5121f72f47a7ed146197458', value: "3" }, "March"), h("smoothly-item", { key: 'e533bf1e61275b73e545cefdd3318e0e95cd04d5', value: "4" }, "April"), h("smoothly-item", { key: '3d729d92a59da224464fda63a15cf868a8f318d6', value: "5" }, "May"), h("smoothly-item", { key: '38bbd631f5aaa722091f15b8d6fcc7016a24ba2f', value: "6" }, "June"), h("smoothly-item", { key: '58558fb82d6bf7795c5333cb78e6f57cdb408285', value: "7" }, "July"), h("smoothly-item", { key: 'b9ac6170978756e9c0c132d094d3e6c589b2dbd6', value: "8" }, "August"), h("smoothly-item", { key: '8c1dfb21e9acf0bd6c1e3cb6f137b7e774ea97b3', value: "9" }, "September"), h("smoothly-item", { key: 'ada2161238c0abf800739e9e53a8eff4cd94eb7c', value: "10" }, "October"), h("smoothly-item", { key: 'c5abbaf2ad1afe813f0bd987db7ea0315d54cf9c', value: "11" }, "November"), h("smoothly-item", { key: 'f1f97f553cefa013b4a3764c53b1ab536255a880', value: "12" }, "December")), h("smoothly-input-select", { key: '1671889e3da056149cb5657d935d44afe600e0b2', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '68d6ecab8efd17dde74150a1843c20a419453265', value: "folder", selected: true }, h("smoothly-icon", { key: '2cc01f6ac8ccb79b04e4aa6d809ed49a7044b2ee', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '1079bb57d321fc79dd8555e487e376166064e62c', value: "camera" }, h("smoothly-icon", { key: '580075f31efb81b91c9d8301a9a4febf9e82c339', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '71285cad4b29ad237c9005932d55380ef6f04b0b', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '4196ec46bd8a9cb588c4109ab80ef34dd2531f63', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: 'bf51eaf55920c8dd72a73872a2ca2d9f14281e52', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: 'd3171b955095dcc17ee5497c3a264756e74b4096', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: 'b11740151f1ab60c21c02a9f4244607e3001e52f', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: '4a4409aabcfec783101425298bfdb1f70b1edffe', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: '2c4d2d83bc1ddcdee8eb04fc199d849e9d973dcb', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: 'c721ccdf6b792df664d9e23e44e3d827d209aa76', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '767764bab214e208ef13572ca78f5353313aec4e', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: '720645538a3cdf72551570d1a8ab4f25203469f1', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '1567a324ff92608c75e32be13aa1cf3d26bb80e9', slot: "label" }, "Profile"), h("smoothly-icon", { key: '3226559747e988f1ddebfab8f2da3f87c47135c1', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '4549acca34866a6e7c3d460612222be24d3b7c7f', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '76eebe5998fd3d83a50467b40ed9f7ef1566641a', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '76d8f79bacd7ef403beabd0609f6c9db74384d5c', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: 'a735f832cfde957585d383badd1b64ac0b380513', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '375de0564e4df2b96158ce1ea3bfbc53ec3d55c4', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '148ba1273c6d7fb3b3068c47c1d1d78c7f2c260d', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoCard {
     render() {
-        return (h(Host, { key: 'e6e9b32074fdf87dab50af3c1f904ac6861964ef' }, h("h2", { key: 'd4512eea73d23fb396db207b58fd437b282ba6d1' }, "Card"), h("smoothly-form", { key: '96adcef6dba1a152573a391a8d020fba1c498b2e', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: 'c7e9dd627c326a133cdc3833d8aa9bee1fe3cd85', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: 'e5d11e876a9ad1171ce24aefa7f104fc51948df3', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: 'b7193c79148812850e1d31970f6696da9c8a1083', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: '69e610530f2d65909289c3a957df8c182613e9f4', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: '4f9685d7d83dff346e4660c25886193030395e73', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: '73f829b49a411a438f2228d17679671a0075335d', type: "text", name: "name.last" }, "Last Name"))));
+        return (h(Host, { key: 'b38d193bc132649482539a562910c98936bfd71b' }, h("h2", { key: '90d93819c346fe276d0baad64a7ac3694ecf98ad' }, "Card"), h("smoothly-form", { key: '81e5440d63ff8059824a942cef88ceabfe192f2a', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '9dd0df6526a036371062547bede12e96aa9514ba', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: '06f270d4474cd54e955fe514ece6cb182561255a', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: '97cf4ea96a751003a3522200a46bb754ca299bb9', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: '6262ef8e2d8b5acb83bd2d5bc781ade78ef8d3d9', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: '733d7f1542eebb66489f89e5c7b0db184e78d892', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'be78062f6dcddcaaf717a546b0ce12e8ef069a7a', type: "text", name: "name.last" }, "Last Name"))));
     }
     static get is() { return "smoothly-form-demo-card"; }
     static get encapsulation() { return "scoped"; }

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

@@ -31,7 +31,7 @@ export class SmoothlyFormDemoControlled {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: 'ef92c785b3365355b8ba811433b79938d060a5a4' }, h("h2", { key: '306ca5c5065a7a6e92ddf920fc987bf61228ab42' }, "Controlled"), h("smoothly-form", { key: '92248470b1409209b278951fdd4235cab8b6dc08', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '57d2c32977ca8b036f4d645ba9487df62d396073', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: '9e29c5a6cb0b31b23fbe5e4db5c915e11b61eb10', name: "currency" }, h("span", { key: 'bae8a234efdf2ff5964797acb15ace498cdb2265', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: 'd178a9307c618462ef461009da95292fd6f11b2f' }, "Dummy"), h("smoothly-input-month", { key: '724c1e722dc1356525201c391321ecce06580ef4', name: "date", value: this.date, next: true, previous: true }, h("span", { key: '93fb5f06e98380c3a26435e560cbbfdff67369ef', slot: "year-label" }, "Year"), h("span", { key: '29ff08b4c11e66ddd5529b872ba310189ce460d5', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: '869f2703a94250f47169d0f532995ee239479387', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: '6801450e28506323ec1e963540acf491419b48d2', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: '7c5df04fd4720162adaea05387260f3132e940bf', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: 'f653f0ce84b051c93e1b28442113d2cf1a8b926b' }, h("h2", { key: 'e5dad92a06e3bc295b7cc5dc2df4ec1e55fd7d26' }, "Controlled"), h("smoothly-form", { key: 'da1d60fc62d3e5163420dd2784cace05a5df2f8b', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '01b6daa4079c7885a31e4127b2b03e10c4e1df4e', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: '4dfdbd37e9916aec02850c83e0c7a830a9cc1b0e', name: "currency" }, h("span", { key: '9b1526a565f370b09490374eb8b7d03770470669', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '3fd295c401905c5163b202ff044e8e3bdc5cf865' }, "Dummy"), h("smoothly-input-month", { key: '4a5239ad2cd9589ab827f5da772e95491cd99649', name: "date", value: this.date, next: true, previous: true }, h("span", { key: 'cd66aa878c1d871a11b32492b2348f8d32383281', slot: "year-label" }, "Year"), h("span", { key: '33029c392582580e37776c8dd0b7d7a30644bd10', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: '4a67aaf68157a04c90ca3c82de46bf5cb513ae52', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: 'd19f285af0e211b4a08f3ed82b6af1ee1c692783', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: '7199d2c48ff38360791ea6423179c3ffe6dafe04', slot: "submit", size: "icon", color: "success" }))));
     }
     static get is() { return "smoothly-form-demo-controlled"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDate {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: '22f4ed40b5848bc4784005b35f4601ade0ce4aac' }, h("h2", { key: 'c894900036aa83547c5b92acde5fa1dc2e56030f' }, "Date input"), h("smoothly-form", { key: 'd0ac14b67b826e1b731b397c76d78f2999b946ec', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: '74557c8d42c7091413536585a6eedef8cc464ca1', name: "date" }, "Date"), h("smoothly-input-submit", { key: '283d86091ece17e31f8a9818ee281335836a314e', slot: "submit" }, h("smoothly-icon", { key: '189942a7dd92dd1166b83edfe8987cd3e18d8a39', name: "checkmark-outline" })))));
+        return (h(Host, { key: '6de62591a7ff99e95c86427c6e7d01374d9d8502' }, h("h2", { key: '1780c7b2b48f5472d1e3cb10f9390861172be2a1' }, "Date input"), h("smoothly-form", { key: '1a639c8acf534b5735111816fb2137325ec14683', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: '0168a5e216fabf08a0d8840ef011ea041931e4e9', name: "date" }, "Date"), h("smoothly-input-submit", { key: '3f2d5322924d28704e5588fb4446ad85b07c82ff', slot: "submit" }, h("smoothly-icon", { key: '3bc96c9ddce72c537182a47c21c764ab17c49780', name: "checkmark-outline" })))));
     }
     static get is() { return "smoothly-form-demo-date"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDateRange {
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: '68aae8530e210936e6ee1cb52e65835cb5376088' }, h("h2", { key: 'ab56927aa4b3ffb87ad6ccda58ae62933c210ed7' }, "Date-range input"), h("smoothly-form", { key: 'b1901ddc4170e4f0cd5fd3a2685ba98230a519a4', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '02ddba37b9f1a82f494717bbcdac1b86aff508b5', name: "range" }, "Range"), h("smoothly-input-submit", { key: '91c4c3b390da5f50236ab9afbd53c1b005a7a90a', slot: "submit" }, h("smoothly-icon", { key: 'ddecec0e052bf335197963a0e85345a4396d3976', name: "checkmark-outline" })))));
+        return (h(Host, { key: 'cf815ff0b936ae8d935ec09487dd7e1931232bbf' }, h("h2", { key: 'a2c97f6d833c9cad02d7f67a917ff396ef95efb4' }, "Date-range input"), h("smoothly-form", { key: '549e8e92283c7193e9c712628d1c69ffc0fe6594', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '8c616d33a7dc57cc9820baa0180e1c8a2856580c', name: "range" }, "Range"), h("smoothly-input-submit", { key: 'f835c5f6b6b8f8ce3b7ed86963c9c833ee38f614', slot: "submit" }, h("smoothly-icon", { key: 'e1e6fc8861978fbd78adec1762a42568c11f8670', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemo {
     render() {
-        return (h(Host, { key: 'c5b442e2dc17139d030550d2595b2ce07c0c03ca' }, h("div", { key: '5a453eff769ea4cef9f474ae7bd22cfdae97e66d' }, h("smoothly-form-demo-all", { key: '1b771b6dbcdcf463b968518ee933bcf511adc25d' }), h("smoothly-form-demo-pet", { key: '9154d737dda44b49c7b1a4ddb3dfb7c2dc69bb4c' }), h("smoothly-form-demo-card", { key: 'b91fb0a14460ddf0074e55b4b31de8871ad41d47' }), h("smoothly-form-demo-login", { key: 'f0bc618e065739efda66c9eadb31d22785068e17' }), h("smoothly-form-demo-prices", { key: 'b9c08280b8cdb857ffbd5c443f5693e2b22a7cd5' }), h("smoothly-form-demo-typed", { key: 'e0a2cab7330a378e9aa8cec545f3aea804a0ff10' }), h("smoothly-form-demo-transparent", { key: '7cad7cf997da8d3cdfd40689a074fd746338eccc' }), h("smoothly-form-demo-date", { key: '1d8567528f1c8f3d5178b57e197b7818b7244dcf' }), h("smoothly-form-demo-schedule", { key: '0c96e9f297face51f234e8c377933468607d5ccd' }), h("smoothly-form-demo-date-range", { key: 'e1409719e74987f69cb66e689a88484f3a662ef8' }), h("smoothly-form-demo-controlled", { key: '09d09373a678c6754be06e7795870ad8344bfe55' }))));
+        return (h(Host, { key: 'e560582ddeaa5e0ff02ebcee939fde0aef479b6b' }, h("div", { key: '497467fdc7ceed5f8639dcd59b1cd4c16cae3db4' }, h("smoothly-form-demo-all", { key: '901bf716bdd321ec487718ce3222920bc8fc03fc' }), h("smoothly-form-demo-pet", { key: 'fb763f09b51b3dd8cfd563cdbed68823754dcbb6' }), h("smoothly-form-demo-card", { key: '7ad6bcae7773737c7230284c1a9b63ef660f2d2f' }), h("smoothly-form-demo-login", { key: '5ab06018d16cc734fa4747463fb66a7423814404' }), h("smoothly-form-demo-prices", { key: '90138c1bea5ae9dfa51c477e27da5ab4f921e7f5' }), h("smoothly-form-demo-typed", { key: '87828d40f3cd03c13521e376d7f20e1a1ea69ea2' }), h("smoothly-form-demo-transparent", { key: 'c12850e8cde3da0aab86374ab341b69877a45584' }), h("smoothly-form-demo-date", { key: '30688a397df7d91632385b53a425bd70278a2e43' }), h("smoothly-form-demo-schedule", { key: 'ba375963be37b11115c43e8c67cb21702b6056d0' }), h("smoothly-form-demo-date-range", { key: '0c2db2682e603490ca75127534782dc944db1ed3' }), h("smoothly-form-demo-controlled", { key: '4673859d87e9527db0c762884712555fa0bc577f' }))));
     }
     static get is() { return "smoothly-form-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoLogin {
     render() {
-        return (h(Host, { key: '914cd546393dcc39159cb968565a77afb574538f' }, h("h2", { key: '7fee155ff0311666f0061bfe0b0292d7418150f1' }, "Login"), h("smoothly-form", { key: 'f3237c61ebb16e0f7715a87e3a949705fa6979ab', looks: "border" }, h("smoothly-input", { key: '0ed97ea010760f27c89e4c78d3b00dca898b4d98', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: '039a6e17d6e359a93639ec99442b8cd93c91a1e1', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: 'e64d6a94c00b458d0d7c5e5b77a5f8b3a0fc316f', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '886ea445167ab3281130390594d3e165e7676b4b', slot: "submit" }))));
+        return (h(Host, { key: '490a2e47a4ebc25628dd5ce7f43f238789c11d37' }, h("h2", { key: 'ee2857de7b8844162e90a0a067ad94a3ec6452b0' }, "Login"), h("smoothly-form", { key: '4f98f14f54bfa13e27b4165b68b67a1886399421', looks: "border" }, h("smoothly-input", { key: 'cbb7490b8a5e0e6d5f4ea836c0a067b5a8981f44', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: '710a9b179b674cad575c3b871acb8fe20ee7bf93', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: '76a6869bcb095f3b96f2280271d33ed13ccc370c', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'faaffd995c8ab8430ea6e655be144a4d15442f39', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-login"; }
     static get encapsulation() { return "scoped"; }

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

@@ -8,10 +8,10 @@ export class SmoothlyFormDemoPet {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'ca731e714eb7d3c9027c8eaacccf0ef611917de7' }, h("h2", { key: '6b4198cb4bc6f85810f4559fcfa97b8aa1948d76' }, "Pet"), h("h3", { key: '8877db7feccc2c437df73f4b9d1df2c0d9e9397f' }, "Value"), h("smoothly-form", { key: '817548dbe700db117d066032605e83e89bae52f9', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '159422b05784af942138ba2b73c663988a981795', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: 'a63d1fee5a11efff76f921e18cf7905473a41715', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '8ad23527074d579b7ba39e9d39ba25c458173114', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (h(Host, { key: 'a18d5c4d14929268195fcd13712e653abee7ce4c' }, h("h2", { key: '0357eb46ceb9160a5e7c0301134d5ccec5dbecb1' }, "Pet"), h("h3", { key: '7f0ab35101334386099c65cd327e2db657ce81ca' }, "Value"), h("smoothly-form", { key: 'c5d882668e047eeaade1c61ba6faab1d12db7b7f', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: 'd2e45273c5ce4defe229bbd9602a6a61a807afe2', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: '4f4ca5d95583b231a08972da2e97ab4207529257', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '471443d6c675415da6a3c623b7bc91c3b6d39742', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 this.hasOwner = e.detail.hasOwner;
                 e.stopPropagation();
-            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: 'fc45ad128e8f79b37745c32f67d1ba7e8b1c4fbf' }, h("smoothly-input", { key: '86d389e5e7b0d28d0df399400085729f6471716c', 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: 'cd62d7fb931c4400103fcc9d9a053a05fa85e487', 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: 'a2896030432f228ad920cdeb4ba5858622ec80c5', name: "owner.picture" }, h("span", { key: '24617088152871d9ccdaec6090a8f373d91f23bd', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '0401cc3c3323b07f71276a072319a30325200c3a', 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: '157925e70ec5003e368a04d598974017ed09ebb4', 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: 'ddb0c2ce68a4217fc9888bd5cfd1ba23f86070c7', 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: 'c8c5da0249521e8531c89a7b8b3ac763d87efb41', name: "owner.favoriteHat" }, h("span", { key: 'a80454815d98de8211d0811be4f4e010eb5fea1d', 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: 'e89472883061c53b0f8eb697ee7780fddd438426', 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: '50c7b642ea08b27fd6f2a29d1cd1985b13f14789', 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: 'baa6df6905dd70e4572b91ee17d599c75a593c91', 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: '5bb00bd662f3c4e537ce4fd107845b8d5abf09fd', 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: '4a3fc4cd07aa3873945c3ab974f99d037e3fbbda' }, h("span", { key: '0afdd64ca5682fbffd32bd276ad1754347be7c22', slot: "summary" }, "Summary"), h("div", { key: '495ef4c2d75d1643bc4f60dba3ce24d4b59cbe74', slot: "content" }, h("smoothly-input", { key: 'b62901460412b55658e0ecf9684dcf228c9b8aeb', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: 'f5bbe653d7d76f849d407ed5412e7fd74738cf67', name: "summary.picture" }, h("span", { key: 'f895d5cd3508e1d0584c4b0f27b55a782f400185', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '0954c449c3dde1535e41b5b7ef8c68769c41bc92', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '517776b35be90839508d52ef064ab6f60666ac04', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '9177373ede95dd28367e3da1ee1f1f9320f8d3b3', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: 'b49a7896448c2d40440e5ab6cec301d73d873669', name: "summary.favoriteHat" }, h("span", { key: '50efd70498341500f18cbc37beaaa36fabb8dfa1', 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: '3855402ed77dd5d6e8e2e3e5d83928df72846a6e', name: "summary.month" }, h("span", { key: '2a19d1c8ca76b2a9e161c1ddff12574157074994', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '5860b2f19faf59a89dc7ec927580eec8c87cbb4a', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'ed742b746ecd09c0a68b239b020a0d5c98a055a7', name: "summary.favoritePizza" }, h("span", { key: '658d7669cad7375204a0b8da4e811859d79ce8ac', 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: '5b6e99bdbf96c73a979dbf896e283e04c7e5914c', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '4f491e665758c320d52b1296eb9bb7497697b626' }, h("smoothly-tab", { key: 'a0bf8af72607a286852fc39001708de27bf2e150', label: "Dog" }, h("smoothly-input", { key: 'ad8d73982d3791688cac56360b7924747af0110e', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: '8e5248bf2108046ca6cbdd8ec0185d2cb9aec86c', name: "dog.picture" }, h("span", { key: 'a4250a2ad68960d8842266cab470a91809c7b245', slot: "label" }, "Dog picture")), h("smoothly-input-date-time", { key: '27a696243ca01d4cab3367300967196372fd952a', name: "dog.lastWalk" }, "Time of last walk"), h("smoothly-input-date", { key: 'c06d1ef75c940488c6016976e017718279efbb58', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '62f5fb72529d8b243979a389861e9927c7a7e470', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: 'abfe59ab4c9e1f78b34664c6a17e0e3301757632', name: "dog.favoriteHat" }, h("span", { key: '54cbc4f6e9a219883a7d24562a5558a79cb45c11', 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: '4b92479885ffe3f6457946214192c5301298d421', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'e3c13c05702f5d50c9cfa5911a6b5d97d760b1be', name: "dog.favoritePizza" }, h("span", { key: '32b8daa4d676b59d95f0c2668991c4849090098c', 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: '7bee52a70d21bafa0850dd7f9281e257b68557d8', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '2adff795ab3cca5271c365a2d90ac515db6379d6', label: "Cat", open: true }, h("smoothly-input", { key: '17b9bf37e745b6e535dde50decd7b7128e67c07c', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: '905da98d7ab630b43cf07c21a2cd78fb20b2ba64', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '7cfb16ec38bb5c1929ac6e77ced637c1241e979f', type: "json", value: this.value })));
+            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: 'f1681976cacf93aa7fa738d9f46d07a977f2598e' }, h("smoothly-input", { key: 'b2cd9517d1c0ff3f30255222e7cd7c81795d0963', 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: '6ae4a20be64e8e361d4aff737bc97c7e5e0f5fba', 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: 'bf2a7442b03901a499c917632f7e371f77876d14', name: "owner.picture" }, h("span", { key: '316b8244fdc16e1421ff397f8bae5fca23ef298b', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '26ed4d312009d365d0f8377a02ffc264c09513e8', 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: '94038dc278f1f2d845645f4d11da5cf0732a681b', 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: '954d3b9369243b66708a3621b87af070dc74c309', 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: '5733e2d2217ccc963265a87572b40448c920dc02', name: "owner.favoriteHat" }, h("span", { key: '1ea7549b5edcd448434da347d79b7f1452f285c8', 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: '52c0e5c0c2591c44a98d25c856ee4ed7b30d664f', 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: '5eb8772e00bf998a3afbef72a58b92b0508d1212', 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: '4976b880777c43be895af8624c68d30e74601aa0', 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: 'ed66290cbea3e2ceb5ae2db1a35236edf095bf88', 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: '15531c02a00038be14f92110635eabe7cbd91ee8' }, h("span", { key: 'cc8feedb365cc7309abb5e3c6615460a9bc9d51a', slot: "summary" }, "Summary"), h("div", { key: '86881f2206f8b6e668f30725abb59073cdde9bad', slot: "content" }, h("smoothly-input", { key: '8ae806180e0a3d7742d89ee0ee867de0a3154309', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '241fe3c82beb3c5cdd5f11ebe46e047e17c9b793', name: "summary.picture" }, h("span", { key: '4c8564d04eab9f0dd365676e61a591330d6a8377', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '7314238424905e58a4b55cf71a9dcac6bcfb2037', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '9c4f11e07a21b09ebf9a16522ff4b7ea1737de93', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: 'f1b14b7089e1a878c3ecd59619eae564c475a88b', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '2ff53bd36442606dfe4edbd312000cf3dc27f7d4', name: "summary.favoriteHat" }, h("span", { key: 'c1639a257b254fa95e150c5331f6619cece2e271', 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: '3e9e26fea7233fed804cbaa4e47416f10b502e6a', name: "summary.month" }, h("span", { key: '55a0b4755c339c923ba1303f1633569cbfccde47', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '0b877be6d38d3830a02573ac31ae43f0d4e9d37f', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: '2173726df1607df4e35595db8cc0b73da5a9be4a', name: "summary.favoritePizza" }, h("span", { key: 'af0ed6de4a2b0f43a0e03fa1053781e84355465d', 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: '3f101db40c6c9ba210413b95d77e4b2a92b59796', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '7b94e0f32cf078215bdf1f6f8595de03dd6a9040' }, h("smoothly-tab", { key: 'fe043b8af808d30bae169cefdc81ca0df9f18979', label: "Dog" }, h("smoothly-input", { key: '882a63607ea9f8785c37b9474a748c34a9f5fbdb', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: '28e53f4ed82779b99dcb9bb28c2428321a299bdb', name: "dog.picture" }, h("span", { key: 'b0cda5a32d911bec1fbbc5a6986f49bc5fc4b484', slot: "label" }, "Dog picture")), h("smoothly-input-date-time", { key: 'cd4403ef213dc3085cb7ac5c3cdf2a58b1fc0c41', name: "dog.lastWalk" }, "Time of last walk"), h("smoothly-input-date", { key: '32047b040c0044fb34c0d75e30832c85b3ace4f5', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '38f674332427fe13994fc9b54b99cc34f839a344', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '8b384c2815f3fd6a6f4490b404bc05ef69386325', name: "dog.favoriteHat" }, h("span", { key: 'a1e78f6458fe7718f9c9ab540fbe42fe2d486f96', 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: '4126a474816acd625a5f3cc535f3f6088f44ad88', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: '15f4faae549f42b0fd97ae3d12ead05d18f6356c', name: "dog.favoritePizza" }, h("span", { key: '8004907412ece6876d8a8b82f491a2748d909fe7', 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: 'f2e4751841dfa757f34e0aef0cde72475fccd451', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: 'c80492cade2d4e60d6858dfcabcd22d8e9a7afcd', label: "Cat", open: true }, h("smoothly-input", { key: '074d3b030c92792efb5dc64731acc4ee6937b013', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'fc2e297badc699b4dfa0acd208e79278437b149f', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: 'b50600e5c51b8ab0d34bc45b9f0b97cbda54edc3', type: "json", value: this.value })));
     }
     static get is() { return "smoothly-form-demo-pet"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoPrices {
     render() {
-        return (h(Host, { key: 'ef817730d780031d431f9d992a09bdd1d6dc0191' }, h("h2", { key: '95f0c14315fe2cd12df649bb02827250ccfbe200' }, "Prices"), h("smoothly-form", { key: '0f741fd222ea03a1c2e58d0f3e997ffbcddfb859', looks: "line" }, h("smoothly-input", { key: '827cd91113c01c151a5233d794320bbc242faa82', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '0ec4534ffea6a2ece32abcb4d3a35b3b940f23d1', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: 'f892fac339134188fc77faefd7e5c2b2df362a40', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '9ec492d628eca72e8950e7cd43a70959a2c9040e', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '08633f3a3a246e4e9dabcea722dc55d8faa2f22e', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: 'cc76fb65cc5a86910d65e5c9db18fe4d26c863db', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '88e78717c9067de04ee4420780b2d7fb05f316b2', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '40c78c747e0fb909c4b63499cc88b8cf6f798c82', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: 'eee6152ffc0a5d7672016e155df3105eb5a9f340', slot: "submit" }))));
+        return (h(Host, { key: '5cf161138753162cf3c11c3e9566c513ff94f8d5' }, h("h2", { key: '0161fb3ff22219ba054d29272c97456d9e452a4f' }, "Prices"), h("smoothly-form", { key: 'd7643c355277d5125b3518e9fca40fc971e49c82', looks: "line" }, h("smoothly-input", { key: '9082686e7c532f67e5cb703142fe635ea07445af', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '92de76dc50d9ef0f6a75a24d3ee57c99a6b25c02', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '6c26c4cef820c4797f5278a4b7cd941031a7ee9e', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '1c94af3ac625617ccc7082db9f304ff351e50325', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: 'b1d2404c79c35f8222c5de3f680873f42f57ec7f', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '8a8553e49d1e3f2881d93fba40e9d9adc838c83b', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '6bd9082eebfce511f786835db565de39e82369c5', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '8473f604d9f3357711013f0d11822859a7d3dbab', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '449971455202ecff95211d20e436388edbd2b95b', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-prices"; }
     static get encapsulation() { return "scoped"; }

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

@@ -14,7 +14,7 @@ var TimeTable;
 })(TimeTable || (TimeTable = {}));
 export class SmoothlyFormDemoPrices {
     render() {
-        return (h(Host, { key: '9a8342191bcb4f1494d365dbd86a8d0d1faece52' }, h("h2", { key: 'e6a539aad12c022a22e1a8edc27d44fcb4df8867' }, "Schedule"), h("smoothly-form", { key: '87269a58de54f9789fd32edb99bfc1523d7a919c', looks: "line", validator: TimeTable.type }, h("smoothly-input-date", { key: '78b0c1c19ff5a62beffd822e7fc15303595b0963', name: "schedule.0.date" }, "Date"), h("smoothly-input", { key: '85b77f75bde169c83db4d51231eeac72bf5af087', name: "schedule.0.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: 'e79ab0b49b6953dba70834e4f915d8c5ad0cc574', name: "schedule.1.date" }, "Date"), h("smoothly-input", { key: 'de7dc6c83c44e3288f4f3c3df59919d174d2d1b5', name: "schedule.1.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: 'ec0256b3c2d0a081400d3360dab5a3a28880dabe', name: "schedule.2.date" }, "Date"), h("smoothly-input", { key: 'f6940419a9d7f7694e17b1a777c5fc673dc2341a', name: "schedule.2.amount", type: "price" }, "Amount"), h("smoothly-input-reset", { key: 'ecd898be80239b97a44e442d4aed1ad136576781', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: 'b0e460ddd55e7e2336cdef8a41bf1ed80105d494', slot: "submit" }))));
+        return (h(Host, { key: '3299acd725ccaa0186e0113a6c679ab18d6652a9' }, h("h2", { key: 'e1bc9edde289a35721c23036728963e1e33eb721' }, "Schedule"), h("smoothly-form", { key: 'fc8f0785f9031ba7f02a66a10978255e832fa599', looks: "line", validator: TimeTable.type }, h("smoothly-input-date", { key: 'a7ce025c1056ada02dc4c21f16348a8b0169fbb2', name: "schedule.0.date" }, "Date"), h("smoothly-input", { key: 'f9001abd54ce0b18742bc0af2defeb38a39ed858', name: "schedule.0.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '5b4cfed469b03c901ad1487962cb67e0dc214ea7', name: "schedule.1.date" }, "Date"), h("smoothly-input", { key: '0427bbd7b4c5187293284b73bafcd3c21ab07f0f', name: "schedule.1.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: 'e689f08a71814fd2ee110d168caae2cb7ad635c7', name: "schedule.2.date" }, "Date"), h("smoothly-input", { key: '731308742dc071a745eb219952055e500bd503af', name: "schedule.2.amount", type: "price" }, "Amount"), h("smoothly-input-reset", { key: '02882a6878a2600eb45e25bda01421ac2142069c', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '9a656da9019c0845d6d1e64526228fa62a978176', slot: "submit" }))));
     }
     static get is() { return "smoothly-form-demo-schedule"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyFormDemoTransparent {
     render() {
-        return (h(Host, { key: 'e9d2b7c2c35a7fef3d63e5a2e2ad78dac68afa94' }, h("h2", { key: 'b0196e756933499f3bb5e76029e7c8211b35ad14' }, "Transparent"), h("smoothly-form", { key: '579b4321ee284ee6c6a015890011a020caf6513c', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '4bd0729987399d728df72d10d98f3d1d8a321a25', name: "file" }, h("span", { key: 'd94eb8d5b54e1288e498ef2a0b058d0d965a6574', slot: "label" }, "File"), h("smoothly-icon", { key: 'c7c69177f08ab65b15052e41ecf8f404c285dff5', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '424ddc6565d5d529f1e3e3fc3c4cc378c4fa454c', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '3c7598b83574ffdc75b482ab58ccf29fded61a2c' }, "Date"), h("smoothly-input-date-range", { key: 'cdf7915921db87ed535cb7eceb913429226322bb' }, "Date Range"), h("smoothly-input-select", { key: '24b0fcdf3bc5a9a45f3121050d117154487f80a5', name: "transport" }, h("smoothly-item", { key: '32bcc1947d96c59b65e7cfa233625e1777bcbc50', value: "plane" }, h("smoothly-icon", { key: 'ee4f64850410090b75d20b188ba6d3a705fdbdbf', name: "airplane-outline" })), h("smoothly-item", { key: '076e4bbd8dd60150320846294d6644b679fcce43', value: "car" }, h("smoothly-icon", { key: '589f0efbfa101d53697454c13c4a9ac506a391d7', name: "car-outline" })), h("smoothly-item", { key: '3f91afc28773ede15773df606539ded87536c671', value: "bus", selected: true }, h("smoothly-icon", { key: 'c2a81e1abaad259df119248a3fcd81c5d63c713d', name: "bus-outline" }))), h("smoothly-input-submit", { key: '32fb53f041b821eda365ac8ffa8df118dbd2b3c7', icon: "checkbox-outline" }))));
+        return (h(Host, { key: '8d7be0985d3c1b2b79dd2b2b843fc77c37d17c1f' }, h("h2", { key: '9dcd718676e6ba9dd71267c4bb3d11871329b622' }, "Transparent"), h("smoothly-form", { key: '81b16b7b4f7a9a693b76b709256638f17c2880a5', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '4586888852990146274d880c983a1e3be992c436', name: "file" }, h("span", { key: 'd9068024fdbcc58b39311d4abaaf3341b77bfab3', slot: "label" }, "File"), h("smoothly-icon", { key: 'f42649cbeda953b487d951326ed39043dab4122d', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '630bd231d11937a6ac4378736d39e87d94323932', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '1b9f2ae8887909c9e2fea98728d3f556d46964a4' }, "Date"), h("smoothly-input-date-range", { key: '655a5a882586b21193abd30335b3381ef7feb539' }, "Date Range"), h("smoothly-input-select", { key: '7368c71dce051429d9bac906a19ee130781c2c67', name: "transport" }, h("smoothly-item", { key: '05984fc6b2c165ff275e2fabe92594cfa87782a7', value: "plane" }, h("smoothly-icon", { key: '4bbfa0b7de34a53d7e890432fde7db1b11ef129b', name: "airplane-outline" })), h("smoothly-item", { key: '2038866ae87e6e2e06a66c98ffa41826dad3c7cd', value: "car" }, h("smoothly-icon", { key: '9b52c37976ed2839314ddea50d9d50617bf5aa34', name: "car-outline" })), h("smoothly-item", { key: '03f5679c1145b764ef65b3557a021e7dcc689b04', value: "bus", selected: true }, h("smoothly-icon", { key: '88ca130b69c2aa5e6f452c6c341a09cb72b948c8', name: "bus-outline" }))), h("smoothly-input-submit", { key: '01c6a19725e6a2d774796423ed04bfe153650b33', icon: "checkbox-outline" }))));
     }
     static get is() { return "smoothly-form-demo-transparent"; }
     static get encapsulation() { return "scoped"; }

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

@@ -3,7 +3,7 @@ import { isoly } from "isoly";
 import { Contact } from "./Contact";
 export class SmoothlyFormDemoTyped {
     render() {
-        return (h(Host, { key: 'e53a0a17b2302337cf2e1e045f94c96906dd3bcb' }, h("h2", { key: '0cbe465c14b22f04250ae487d0790ac1910f5e59' }, "Typed Contact"), h("smoothly-form", { key: '88448919f6a71ea37240853f673dc0ff07df9587', validator: Contact.type }, h("smoothly-input", { key: 'b17b6cdfd48aa02789204504f52876f3a55c578e', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'ece3d88c0ff08625d55281cc1cc6adbb1f02efda', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '61d9bf66ca545510b46d3c9936cf552e44538fac', name: "name.last" }, "Last Name"), h("smoothly-input", { key: 'dffb209c6e0f5c98cb17bd74dfcaa402061d2172', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: '04948477a80cca43ddab4fcefe77230b576f3145', name: "country" }, h("span", { key: 'e3d6e8bc8bd964b44f58a8ed47cccfa1aa363066', 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: 'cc4e3676ec2e411a7026d48d4986864800a046a0', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'af37d92c8ffa3a47b8573af693f7aa4b245a1c98', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'e1d18fc9c58985f06bea1173a15920eecbf98d29', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: 'c73c988ce6681e27320a66655a0528079958cab4' }, h("h2", { key: '6298cb241f37a9c13f05331454e73c5a8207bddf' }, "Typed Contact"), h("smoothly-form", { key: '04bec3db0d73a661140f5b5cd791f785903f998e', validator: Contact.type }, h("smoothly-input", { key: 'f35f3b74089291760ac7f3609f3c2b974859ed1f', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'eefa07426757567f90ef92040fbad59fb07d6d67', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '1761cde3715783a29414ed07b73e59d797c5f39d', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '5c63c10a9913c425db7e670500e11f1c2aa80e38', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'c057deac00aabc0218425940fc92911df63190bc', name: "country" }, h("span", { key: '1c34bc0d49d075140a376e2c80ef3585f2551c67', 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: '8a9be3f1d54d46184509a712d85be19049e8bb28', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: '4013323961a0eee9353c2384ad6881a562ce7753', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'c637c7234c29c115889c68c3ccb78d141c68e454', slot: "submit", size: "icon", color: "success" }))));
     }
     static get is() { return "smoothly-form-demo-typed"; }
     static get encapsulation() { return "scoped"; }