smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/smoothly-app_107.cjs.entry.js +147 -146
- package/dist/cjs/smoothly-app_107.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/button/Button.js +1 -1
- package/dist/collection/components/button/Button.js.map +1 -1
- package/dist/collection/components/dialog/demo/index.js +1 -1
- package/dist/collection/components/dialog/demo/index.js.map +1 -1
- package/dist/collection/components/display/demo/index.js +10 -10
- package/dist/collection/components/display/demo/json/index.js +1 -1
- package/dist/collection/components/display/index.js +3 -3
- package/dist/collection/components/display/json/index.js +1 -1
- package/dist/collection/components/display/json/object/index.js +2 -2
- package/dist/collection/components/display/json/object/key/index.js +1 -1
- package/dist/collection/components/display/json/primitive/index.js +1 -1
- package/dist/collection/components/filter/field/index.js +1 -1
- package/dist/collection/components/filter/index.js +3 -3
- package/dist/collection/components/filter/input/index.js +1 -1
- package/dist/collection/components/filter/select/index.js +1 -1
- package/dist/collection/components/filter/toggle/index.js +1 -1
- package/dist/collection/components/form/demo/all/index.js +2 -2
- package/dist/collection/components/form/demo/card/index.js +1 -1
- package/dist/collection/components/form/demo/controlled/index.js +1 -1
- package/dist/collection/components/form/demo/date/index.js +1 -1
- package/dist/collection/components/form/demo/date-range/index.js +1 -1
- package/dist/collection/components/form/demo/index.js +1 -1
- package/dist/collection/components/form/demo/login/index.js +1 -1
- package/dist/collection/components/form/demo/pet/index.js +2 -2
- package/dist/collection/components/form/demo/prices/index.js +1 -1
- package/dist/collection/components/form/demo/transparent/index.js +1 -1
- package/dist/collection/components/form/demo/typed/index.js +1 -1
- package/dist/collection/components/form/index.js +1 -1
- package/dist/collection/components/icon/demo/index.js +1 -1
- package/dist/collection/components/icon/index.js +1 -1
- package/dist/collection/components/input/checkbox/demo/index.js +1 -1
- package/dist/collection/components/input/checkbox/index.js +1 -1
- package/dist/collection/components/input/clear/index.js +1 -1
- package/dist/collection/components/input/color/demo/index.js +1 -1
- package/dist/collection/components/input/color/index.js +2 -2
- package/dist/collection/components/input/date/index.js +3 -3
- package/dist/collection/components/input/date/range/index.js +2 -2
- package/dist/collection/components/input/demo/index.js +5 -5
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js +1 -1
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/index.js +2 -2
- package/dist/collection/components/input/month/index.js +2 -2
- package/dist/collection/components/input/radio/index.js +1 -1
- package/dist/collection/components/input/radio/item/index.js +1 -1
- package/dist/collection/components/input/range/demo/index.js +1 -1
- package/dist/collection/components/input/range/index.js +4 -4
- package/dist/collection/components/input/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +3 -3
- package/dist/collection/components/input/submit/index.js +1 -1
- package/dist/collection/components/item/index.js +1 -1
- package/dist/collection/components/label/index.js +2 -2
- package/dist/collection/components/lazy/index.js +1 -1
- package/dist/collection/components/load-more/index.js +1 -1
- package/dist/collection/components/modal/index.js +20 -1
- package/dist/collection/components/modal/index.js.map +1 -1
- package/dist/collection/components/modal/style.css +6 -1
- package/dist/collection/components/next/demo/colspan/index.js +1 -1
- package/dist/collection/components/next/demo/filtered/index.js +5 -5
- package/dist/collection/components/next/demo/group/index.js +1 -1
- package/dist/collection/components/next/demo/index.js +1 -1
- package/dist/collection/components/next/demo/nested/index.js +1 -1
- package/dist/collection/components/next/demo/nested/inner/index.js +1 -1
- package/dist/collection/components/next/demo/simple/simple.js +1 -1
- package/dist/collection/components/next/table/body/index.js +1 -1
- package/dist/collection/components/next/table/cell/index.js +1 -1
- package/dist/collection/components/next/table/expandable/cell/index.js +1 -1
- package/dist/collection/components/next/table/expandable/row/index.js +1 -1
- package/dist/collection/components/next/table/foot/index.js +1 -1
- package/dist/collection/components/next/table/group/index.js +1 -1
- package/dist/collection/components/next/table/head/index.js +1 -1
- package/dist/collection/components/next/table/index.js +1 -1
- package/dist/collection/components/next/table/row/index.js +1 -1
- package/dist/collection/components/notification/index.js +1 -1
- package/dist/collection/components/notifier/index.js +2 -2
- package/dist/collection/components/spinner/index.js +2 -2
- package/dist/collection/components/submit/index.js +1 -1
- package/dist/collection/components/summary/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +5 -5
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/testing/index.js +1 -1
- package/dist/collection/components/table/expandable/cell/index.js +1 -1
- package/dist/collection/components/table/expandable/row/index.js +1 -1
- package/dist/collection/components/table/footer/index.js +1 -1
- package/dist/collection/components/table/header/index.js +1 -1
- package/dist/collection/components/table/index.js +1 -1
- package/dist/collection/components/table/row/index.js +1 -1
- package/dist/collection/components/tabs/demo/index.js +1 -1
- package/dist/collection/components/tabs/index.js +1 -1
- package/dist/collection/components/tabs/tab/index.js +1 -1
- package/dist/collection/components/theme/color/index.js +1 -1
- package/dist/collection/components/theme/demo/index.js +1 -1
- package/dist/collection/components/theme/guide/index.js +8 -8
- package/dist/collection/components/theme/picker/index.js +2 -2
- package/dist/collection/components/toggle/index.js +1 -1
- package/dist/collection/components/toggle/index.js.map +1 -1
- package/dist/collection/components/toggle-switch/demo/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js.map +1 -1
- package/dist/collection/components/trigger/index.js +1 -1
- package/dist/collection/components/trigger/sink/index.js +1 -1
- package/dist/collection/components/trigger/source/index.js +1 -1
- package/dist/components/{p-ee00a65d.js → p-040802e2.js} +2 -2
- package/dist/components/{p-ee00a65d.js.map → p-040802e2.js.map} +1 -1
- package/dist/components/{p-478e2d25.js → p-04e1a322.js} +2 -2
- package/dist/components/{p-478e2d25.js.map → p-04e1a322.js.map} +1 -1
- package/dist/components/{p-b6dda896.js → p-05eefe3c.js} +28 -28
- package/dist/components/{p-b6dda896.js.map → p-05eefe3c.js.map} +1 -1
- package/dist/components/{p-d2d048b2.js → p-07ed0ebd.js} +2 -2
- package/dist/components/{p-d2d048b2.js.map → p-07ed0ebd.js.map} +1 -1
- package/dist/components/{p-86d3b8ad.js → p-08159d78.js} +2 -2
- package/dist/components/{p-86d3b8ad.js.map → p-08159d78.js.map} +1 -1
- package/dist/components/{p-f47eb337.js → p-083143a9.js} +7 -7
- package/dist/components/{p-f47eb337.js.map → p-083143a9.js.map} +1 -1
- package/dist/components/p-0960a2bb.js +207 -0
- package/dist/components/{p-a9586d11.js.map → p-0960a2bb.js.map} +1 -1
- package/dist/components/{p-7ee3f874.js → p-09934532.js} +5 -5
- package/dist/components/{p-7ee3f874.js.map → p-09934532.js.map} +1 -1
- package/dist/components/{p-51d51732.js → p-0b16cab5.js} +5 -5
- package/dist/components/{p-51d51732.js.map → p-0b16cab5.js.map} +1 -1
- package/dist/components/{p-17e815cf.js → p-13f400dc.js} +15 -15
- package/dist/components/{p-17e815cf.js.map → p-13f400dc.js.map} +1 -1
- package/dist/components/{p-6dfe2edb.js → p-1c62f140.js} +5 -5
- package/dist/components/{p-6dfe2edb.js.map → p-1c62f140.js.map} +1 -1
- package/dist/components/{p-ef26341d.js → p-214c06fa.js} +9 -9
- package/dist/components/{p-ef26341d.js.map → p-214c06fa.js.map} +1 -1
- package/dist/components/{p-4713a48e.js → p-2738b430.js} +5 -5
- package/dist/components/{p-4713a48e.js.map → p-2738b430.js.map} +1 -1
- package/dist/components/{p-cbd573e1.js → p-2951a47f.js} +2 -2
- package/dist/components/{p-cbd573e1.js.map → p-2951a47f.js.map} +1 -1
- package/dist/components/{p-ff7e1321.js → p-29f6edb8.js} +16 -16
- package/dist/components/{p-ff7e1321.js.map → p-29f6edb8.js.map} +1 -1
- package/dist/components/{p-0ddc42e8.js → p-2b111073.js} +13 -13
- package/dist/components/{p-0ddc42e8.js.map → p-2b111073.js.map} +1 -1
- package/dist/components/{p-42c6e01c.js → p-2c7d79f3.js} +8 -8
- package/dist/components/{p-42c6e01c.js.map → p-2c7d79f3.js.map} +1 -1
- package/dist/components/{p-be6d380e.js → p-306f9cb3.js} +2 -2
- package/dist/components/{p-be6d380e.js.map → p-306f9cb3.js.map} +1 -1
- package/dist/components/{p-f07d4901.js → p-35ddfe42.js} +28 -28
- package/dist/components/{p-f07d4901.js.map → p-35ddfe42.js.map} +1 -1
- package/dist/components/{p-541e1b43.js → p-3c7a0927.js} +2 -2
- package/dist/components/{p-541e1b43.js.map → p-3c7a0927.js.map} +1 -1
- package/dist/components/p-3dad2f38.js +175 -0
- package/dist/components/{p-e6d6fd25.js.map → p-3dad2f38.js.map} +1 -1
- package/dist/components/{p-a6c3baf1.js → p-3e30f0e3.js} +2 -2
- package/dist/components/{p-a6c3baf1.js.map → p-3e30f0e3.js.map} +1 -1
- package/dist/components/{p-f5e15f8c.js → p-405b7f06.js} +3 -3
- package/dist/components/{p-f5e15f8c.js.map → p-405b7f06.js.map} +1 -1
- package/dist/components/{p-ce772794.js → p-41d6da47.js} +2 -2
- package/dist/components/p-41d6da47.js.map +1 -0
- package/dist/components/{p-4d3cdc01.js → p-4338ac8d.js} +8 -8
- package/dist/components/{p-4d3cdc01.js.map → p-4338ac8d.js.map} +1 -1
- package/dist/components/{p-9bf13adb.js → p-43b737be.js} +3 -3
- package/dist/components/{p-9bf13adb.js.map → p-43b737be.js.map} +1 -1
- package/dist/components/{p-96491f9d.js → p-44a51525.js} +43 -43
- package/dist/components/{p-96491f9d.js.map → p-44a51525.js.map} +1 -1
- package/dist/components/{p-d92ee30a.js → p-45ff39e4.js} +3 -3
- package/dist/components/p-45ff39e4.js.map +1 -0
- package/dist/components/{p-fc0a36d9.js → p-462b875b.js} +4 -4
- package/dist/components/{p-fc0a36d9.js.map → p-462b875b.js.map} +1 -1
- package/dist/components/{p-872161d7.js → p-466856c4.js} +6 -6
- package/dist/components/{p-872161d7.js.map → p-466856c4.js.map} +1 -1
- package/dist/components/{p-330e3342.js → p-4854855c.js} +3 -3
- package/dist/components/{p-330e3342.js.map → p-4854855c.js.map} +1 -1
- package/dist/components/{p-be430d3b.js → p-498755ab.js} +5 -5
- package/dist/components/{p-be430d3b.js.map → p-498755ab.js.map} +1 -1
- package/dist/components/{p-b4bb3e74.js → p-4c6fe645.js} +2 -2
- package/dist/components/{p-b4bb3e74.js.map → p-4c6fe645.js.map} +1 -1
- package/dist/components/{p-0cd742cf.js → p-4c8ef04f.js} +13 -13
- package/dist/components/{p-0cd742cf.js.map → p-4c8ef04f.js.map} +1 -1
- package/dist/components/{p-531d9885.js → p-4d026008.js} +14 -14
- package/dist/components/{p-531d9885.js.map → p-4d026008.js.map} +1 -1
- package/dist/components/{p-d41d7830.js → p-4d44c37a.js} +2 -2
- package/dist/components/{p-d41d7830.js.map → p-4d44c37a.js.map} +1 -1
- package/dist/components/{p-f9770ff7.js → p-4f80c811.js} +8 -8
- package/dist/components/{p-f9770ff7.js.map → p-4f80c811.js.map} +1 -1
- package/dist/components/{p-e07ca0d2.js → p-550a71dc.js} +2 -2
- package/dist/components/{p-e07ca0d2.js.map → p-550a71dc.js.map} +1 -1
- package/dist/components/{p-bdfcae2a.js → p-5aa92290.js} +3 -3
- package/dist/components/{p-bdfcae2a.js.map → p-5aa92290.js.map} +1 -1
- package/dist/components/{p-76514c29.js → p-5b16ff97.js} +5 -5
- package/dist/components/{p-76514c29.js.map → p-5b16ff97.js.map} +1 -1
- package/dist/components/{p-4c690de1.js → p-5ec298f3.js} +3 -3
- package/dist/components/{p-4c690de1.js.map → p-5ec298f3.js.map} +1 -1
- package/dist/components/{p-f949a509.js → p-62b70c3f.js} +4 -4
- package/dist/components/{p-f949a509.js.map → p-62b70c3f.js.map} +1 -1
- package/dist/components/{p-9702b067.js → p-631148b4.js} +5 -5
- package/dist/components/{p-9702b067.js.map → p-631148b4.js.map} +1 -1
- package/dist/components/{p-ed03e56a.js → p-63db398c.js} +4 -4
- package/dist/components/{p-ed03e56a.js.map → p-63db398c.js.map} +1 -1
- package/dist/components/{p-db853fcf.js → p-681bfb09.js} +2 -2
- package/dist/components/{p-db853fcf.js.map → p-681bfb09.js.map} +1 -1
- package/dist/components/{p-e5bd19b5.js → p-686ec006.js} +3 -3
- package/dist/components/{p-e5bd19b5.js.map → p-686ec006.js.map} +1 -1
- package/dist/components/{p-9064ac46.js → p-6f1d2edf.js} +2 -2
- package/dist/components/{p-9064ac46.js.map → p-6f1d2edf.js.map} +1 -1
- package/dist/components/{p-1513aabc.js → p-702f01d3.js} +10 -10
- package/dist/components/{p-1513aabc.js.map → p-702f01d3.js.map} +1 -1
- package/dist/components/{p-f8e8e77c.js → p-72b742f3.js} +2 -2
- package/dist/components/{p-f8e8e77c.js.map → p-72b742f3.js.map} +1 -1
- package/dist/components/p-7514961a.js +45 -0
- package/dist/components/{p-e1bdb1d6.js.map → p-7514961a.js.map} +1 -1
- package/dist/components/{p-133d18ac.js → p-79474a9a.js} +3 -3
- package/dist/components/{p-133d18ac.js.map → p-79474a9a.js.map} +1 -1
- package/dist/components/{p-8ca594b3.js → p-7f8fcc19.js} +6 -6
- package/dist/components/{p-8ca594b3.js.map → p-7f8fcc19.js.map} +1 -1
- package/dist/components/{p-482b7713.js → p-8120c99f.js} +4 -4
- package/dist/components/{p-482b7713.js.map → p-8120c99f.js.map} +1 -1
- package/dist/components/p-82b00748.js +123 -0
- package/dist/components/{p-6bce4d32.js.map → p-82b00748.js.map} +1 -1
- package/dist/components/{p-6000a56c.js → p-878c6ba2.js} +15 -15
- package/dist/components/{p-6000a56c.js.map → p-878c6ba2.js.map} +1 -1
- package/dist/components/{p-5268264b.js → p-8ea7eab2.js} +19 -19
- package/dist/components/{p-5268264b.js.map → p-8ea7eab2.js.map} +1 -1
- package/dist/components/{p-91b783bd.js → p-90e9aa1f.js} +2 -2
- package/dist/components/{p-91b783bd.js.map → p-90e9aa1f.js.map} +1 -1
- package/dist/components/{p-516e62ab.js → p-93e899e7.js} +10 -10
- package/dist/components/{p-516e62ab.js.map → p-93e899e7.js.map} +1 -1
- package/dist/components/{p-ac7fb911.js → p-95404634.js} +26 -26
- package/dist/components/{p-ac7fb911.js.map → p-95404634.js.map} +1 -1
- package/dist/components/{p-d09d31f6.js → p-969f9875.js} +2 -2
- package/dist/components/{p-d09d31f6.js.map → p-969f9875.js.map} +1 -1
- package/dist/components/{p-6ead1a42.js → p-96acfe2c.js} +5 -5
- package/dist/components/{p-6ead1a42.js.map → p-96acfe2c.js.map} +1 -1
- package/dist/components/{p-4ee37617.js → p-97686228.js} +2 -2
- package/dist/components/{p-4ee37617.js.map → p-97686228.js.map} +1 -1
- package/dist/components/p-980ec6be.js +176 -0
- package/dist/components/{p-d03c0d34.js.map → p-980ec6be.js.map} +1 -1
- package/dist/components/{p-06e94eb0.js → p-991bc1b1.js} +7 -7
- package/dist/components/{p-06e94eb0.js.map → p-991bc1b1.js.map} +1 -1
- package/dist/components/{p-d14c101c.js → p-99eb5153.js} +15 -15
- package/dist/components/{p-d14c101c.js.map → p-99eb5153.js.map} +1 -1
- package/dist/components/{p-95d3df21.js → p-9a91c77c.js} +15 -15
- package/dist/components/{p-95d3df21.js.map → p-9a91c77c.js.map} +1 -1
- package/dist/components/{p-0c9d0809.js → p-9b4a2430.js} +10 -10
- package/dist/components/{p-0c9d0809.js.map → p-9b4a2430.js.map} +1 -1
- package/dist/components/{p-362e1809.js → p-9e0dd271.js} +2 -2
- package/dist/components/{p-362e1809.js.map → p-9e0dd271.js.map} +1 -1
- package/dist/components/{p-f14627ff.js → p-a071eaed.js} +3 -3
- package/dist/components/{p-f14627ff.js.map → p-a071eaed.js.map} +1 -1
- package/dist/components/{p-4bd5519b.js → p-a38dbdc4.js} +14 -14
- package/dist/components/{p-4bd5519b.js.map → p-a38dbdc4.js.map} +1 -1
- package/dist/components/{p-61a23ca0.js → p-a509a3b5.js} +14 -14
- package/dist/components/{p-61a23ca0.js.map → p-a509a3b5.js.map} +1 -1
- package/dist/components/{p-d35746af.js → p-a560de93.js} +2 -2
- package/dist/components/{p-d35746af.js.map → p-a560de93.js.map} +1 -1
- package/dist/components/p-a5ada613.js +55 -0
- package/dist/components/p-a5ada613.js.map +1 -0
- package/dist/components/{p-29c0438b.js → p-ab304bad.js} +3 -3
- package/dist/components/{p-29c0438b.js.map → p-ab304bad.js.map} +1 -1
- package/dist/components/{p-cc15c25a.js → p-ab4f6f94.js} +2 -2
- package/dist/components/{p-cc15c25a.js.map → p-ab4f6f94.js.map} +1 -1
- package/dist/components/p-acb7d70d.js +241 -0
- package/dist/components/{p-be89672b.js.map → p-acb7d70d.js.map} +1 -1
- package/dist/components/{p-7f313329.js → p-b1db8b28.js} +4 -4
- package/dist/components/{p-7f313329.js.map → p-b1db8b28.js.map} +1 -1
- package/dist/components/{p-4380feb9.js → p-b20e3206.js} +7 -7
- package/dist/components/{p-4380feb9.js.map → p-b20e3206.js.map} +1 -1
- package/dist/components/{p-a1f3fde9.js → p-bb959ca6.js} +16 -16
- package/dist/components/{p-a1f3fde9.js.map → p-bb959ca6.js.map} +1 -1
- package/dist/components/{p-9658ae2c.js → p-bfd34443.js} +2 -2
- package/dist/components/{p-9658ae2c.js.map → p-bfd34443.js.map} +1 -1
- package/dist/components/{p-b5bca419.js → p-c63db1c1.js} +2 -2
- package/dist/components/{p-b5bca419.js.map → p-c63db1c1.js.map} +1 -1
- package/dist/components/{p-0cfd31a4.js → p-c77944e7.js} +3 -3
- package/dist/components/{p-0cfd31a4.js.map → p-c77944e7.js.map} +1 -1
- package/dist/components/{p-061353e6.js → p-ca69a0ef.js} +3 -3
- package/dist/components/{p-061353e6.js.map → p-ca69a0ef.js.map} +1 -1
- package/dist/components/{p-300a9bbc.js → p-ca7d6987.js} +3 -3
- package/dist/components/{p-300a9bbc.js.map → p-ca7d6987.js.map} +1 -1
- package/dist/components/{p-d634bd29.js → p-cc863bad.js} +4 -4
- package/dist/components/{p-d634bd29.js.map → p-cc863bad.js.map} +1 -1
- package/dist/components/p-ccb21ce6.js +82 -0
- package/dist/components/p-ccb21ce6.js.map +1 -0
- package/dist/components/{p-0deda363.js → p-cd07fedf.js} +3 -3
- package/dist/components/{p-0deda363.js.map → p-cd07fedf.js.map} +1 -1
- package/dist/components/{p-2e8d8347.js → p-ce0f05d1.js} +14 -14
- package/dist/components/{p-2e8d8347.js.map → p-ce0f05d1.js.map} +1 -1
- package/dist/components/{p-7301def9.js → p-d1daa4a3.js} +12 -12
- package/dist/components/{p-7301def9.js.map → p-d1daa4a3.js.map} +1 -1
- package/dist/components/{p-8f3652f7.js → p-d2d74dcd.js} +7 -7
- package/dist/components/{p-8f3652f7.js.map → p-d2d74dcd.js.map} +1 -1
- package/dist/components/{p-ceaca6de.js → p-d30b90e7.js} +4 -4
- package/dist/components/{p-ceaca6de.js.map → p-d30b90e7.js.map} +1 -1
- package/dist/components/{p-c9c44bdd.js → p-d84d93f2.js} +6 -6
- package/dist/components/{p-c9c44bdd.js.map → p-d84d93f2.js.map} +1 -1
- package/dist/components/{p-6c22a95a.js → p-e29ce583.js} +35 -35
- package/dist/components/{p-6c22a95a.js.map → p-e29ce583.js.map} +1 -1
- package/dist/components/{p-afffe85e.js → p-e3d11a1b.js} +15 -15
- package/dist/components/{p-afffe85e.js.map → p-e3d11a1b.js.map} +1 -1
- package/dist/components/{p-60c0addf.js → p-e59eebf8.js} +12 -12
- package/dist/components/{p-60c0addf.js.map → p-e59eebf8.js.map} +1 -1
- package/dist/components/{p-125b5bb2.js → p-e73af3d4.js} +31 -31
- package/dist/components/{p-125b5bb2.js.map → p-e73af3d4.js.map} +1 -1
- package/dist/components/{p-fcc5ab02.js → p-e8d7c6da.js} +2 -2
- package/dist/components/{p-fcc5ab02.js.map → p-e8d7c6da.js.map} +1 -1
- package/dist/components/{p-5bbf4b7e.js → p-edcdcc51.js} +2 -2
- package/dist/components/{p-5bbf4b7e.js.map → p-edcdcc51.js.map} +1 -1
- package/dist/components/{p-441249ea.js → p-edf035be.js} +6 -6
- package/dist/components/{p-441249ea.js.map → p-edf035be.js.map} +1 -1
- package/dist/components/{p-bfb63e71.js → p-f2fc107c.js} +11 -11
- package/dist/components/{p-bfb63e71.js.map → p-f2fc107c.js.map} +1 -1
- package/dist/components/{p-2020cb82.js → p-f46dd8e4.js} +2 -2
- package/dist/components/{p-2020cb82.js.map → p-f46dd8e4.js.map} +1 -1
- package/dist/components/{p-53671a89.js → p-f4da0b35.js} +2 -2
- package/dist/components/p-f4da0b35.js.map +1 -0
- package/dist/components/{p-53ef7cd2.js → p-f6149a35.js} +4 -4
- package/dist/components/{p-53ef7cd2.js.map → p-f6149a35.js.map} +1 -1
- package/dist/components/{p-0168449e.js → p-f64b103b.js} +2 -2
- package/dist/components/{p-0168449e.js.map → p-f64b103b.js.map} +1 -1
- package/dist/components/{p-7c5243b2.js → p-f770567b.js} +5 -5
- package/dist/components/{p-7c5243b2.js.map → p-f770567b.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +104 -104
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-back-to-top.js +1 -1
- package/dist/components/smoothly-burger.js +1 -1
- package/dist/components/smoothly-button-confirm.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-button.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-checkbox.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo-json.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-display-json-object.js +1 -1
- package/dist/components/smoothly-display-json-primitive.js +1 -1
- package/dist/components/smoothly-display-json-record-key.js +1 -1
- package/dist/components/smoothly-display-json.js +1 -1
- package/dist/components/smoothly-display.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-select.js +1 -1
- package/dist/components/smoothly-filter-toggle.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-icon.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +29 -29
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-color-demo.js +1 -1
- package/dist/components/smoothly-input-color.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-edit.js +1 -1
- package/dist/components/smoothly-input-file.js +1 -1
- package/dist/components/smoothly-input-month.js +1 -1
- package/dist/components/smoothly-input-price-demo.js +1 -1
- package/dist/components/smoothly-input-radio-item.js +1 -1
- package/dist/components/smoothly-input-radio.js +1 -1
- package/dist/components/smoothly-input-range-demo.js +1 -1
- package/dist/components/smoothly-input-range.js +1 -1
- package/dist/components/smoothly-input-reset.js +1 -1
- package/dist/components/smoothly-input-select.js +1 -1
- package/dist/components/smoothly-input-submit.js +1 -1
- package/dist/components/smoothly-input.js +1 -1
- package/dist/components/smoothly-item.js +1 -1
- package/dist/components/smoothly-label.js +1 -1
- package/dist/components/smoothly-lazy.js +1 -1
- package/dist/components/smoothly-load-more.js +1 -1
- package/dist/components/smoothly-modal.js +1 -1
- package/dist/components/smoothly-next-demo-colspan.js +1 -1
- package/dist/components/smoothly-next-demo-group.js +1 -1
- package/dist/components/smoothly-next-demo-nested-inner.js +1 -1
- package/dist/components/smoothly-next-demo-nested.js +1 -1
- package/dist/components/smoothly-next-demo-simple.js +1 -1
- package/dist/components/smoothly-next-demo.js +1 -1
- package/dist/components/smoothly-next-table-body.js +1 -1
- package/dist/components/smoothly-next-table-cell.js +1 -1
- package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-next-table-expandable-cell.js +1 -1
- package/dist/components/smoothly-next-table-expandable-row.js +1 -1
- package/dist/components/smoothly-next-table-foot.js +1 -1
- package/dist/components/smoothly-next-table-head.js +1 -1
- package/dist/components/smoothly-next-table-row-group.js +1 -1
- package/dist/components/smoothly-next-table-row.js +1 -1
- package/dist/components/smoothly-next-table.js +1 -1
- package/dist/components/smoothly-notification.js +1 -1
- package/dist/components/smoothly-notifier.js +1 -1
- package/dist/components/smoothly-spinner.js +1 -1
- package/dist/components/smoothly-submit.js +1 -1
- package/dist/components/smoothly-summary.js +1 -1
- package/dist/components/smoothly-tab.js +1 -1
- package/dist/components/smoothly-table-cell.js +1 -1
- package/dist/components/smoothly-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-table-demo.js +1 -1
- package/dist/components/smoothly-table-expandable-cell.js +1 -1
- package/dist/components/smoothly-table-expandable-row.js +1 -1
- package/dist/components/smoothly-table-footer.js +1 -1
- package/dist/components/smoothly-table-header.js +1 -1
- package/dist/components/smoothly-table-row.js +1 -1
- package/dist/components/smoothly-table-testing.js +1 -1
- package/dist/components/smoothly-table.js +1 -1
- package/dist/components/smoothly-tabs-demo.js +1 -1
- package/dist/components/smoothly-tabs.js +1 -1
- package/dist/components/smoothly-theme-color.js +1 -1
- package/dist/components/smoothly-theme-colors.js +1 -1
- package/dist/components/smoothly-theme-demo.js +1 -1
- package/dist/components/smoothly-theme-guide.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/components/smoothly-toggle-switch-demo.js +1 -1
- package/dist/components/smoothly-toggle-switch.js +1 -1
- package/dist/components/smoothly-toggle.js +1 -1
- package/dist/components/smoothly-trigger-sink.js +1 -1
- package/dist/components/smoothly-trigger-source.js +1 -1
- package/dist/components/smoothly-trigger.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/smoothly-app_107.entry.js +147 -146
- package/dist/esm/smoothly-app_107.entry.js.map +1 -1
- package/dist/esm/smoothly-input-checkbox-demo.entry.js +1 -1
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/p-191595d1.entry.js +2 -0
- package/dist/smoothly/p-191595d1.entry.js.map +1 -0
- package/dist/smoothly/p-22f843be.entry.js +2 -0
- package/dist/smoothly/p-651dcac2.entry.js +2 -0
- package/dist/smoothly/{p-fcba77c0.entry.js → p-9f631b35.entry.js} +2 -2
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/modal/index.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/components/p-37d74e11.js +0 -76
- package/dist/components/p-37d74e11.js.map +0 -1
- package/dist/components/p-53671a89.js.map +0 -1
- package/dist/components/p-6bce4d32.js +0 -123
- package/dist/components/p-a9586d11.js +0 -207
- package/dist/components/p-be89672b.js +0 -241
- package/dist/components/p-c99a7044.js +0 -53
- package/dist/components/p-c99a7044.js.map +0 -1
- package/dist/components/p-ce772794.js.map +0 -1
- package/dist/components/p-d03c0d34.js +0 -176
- package/dist/components/p-d92ee30a.js.map +0 -1
- package/dist/components/p-e1bdb1d6.js +0 -45
- package/dist/components/p-e6d6fd25.js +0 -175
- package/dist/smoothly/p-0f87a1f6.entry.js +0 -2
- package/dist/smoothly/p-32aff682.entry.js +0 -2
- package/dist/smoothly/p-32aff682.entry.js.map +0 -1
- package/dist/smoothly/p-44d11e9d.entry.js +0 -2
- /package/dist/smoothly/{p-0f87a1f6.entry.js.map → p-22f843be.entry.js.map} +0 -0
- /package/dist/smoothly/{p-44d11e9d.entry.js.map → p-651dcac2.entry.js.map} +0 -0
- /package/dist/smoothly/{p-fcba77c0.entry.js.map → p-9f631b35.entry.js.map} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyFormDemoAll {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'bfb388adc1db43ec7287e404cd7d3c045ebccc6b' }, h("h2", { key: '22e727c2752992b85da8fc4292432ce05bfdb55e' }, "All inputs"), h("smoothly-form", { key: '4f06760fb8f66f246c4c89aec330029b0bf1c0d0', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
|
|
5
5
|
Object.entries(e.detail.value).forEach(([key, value]) => console.log(key, value));
|
|
6
|
-
} }, h("smoothly-input", { key: '
|
|
6
|
+
} }, h("smoothly-input", { key: '254ed8f85cb159a5af93d599609667088b4449e3', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '7eacb1f23d475a21033225eef8c250c5e8c06538', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '1124f037abb4a8d500c0a7986cf13c26dc64e925', size: "icon", slot: "end" })), h("smoothly-input", { key: '251918938159fe0cdc97a30dfb3039e6bb0dfb30', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '7b3cdc3fdfd0b6a69410e200dcb3bd36bf79bacf', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '99531672f356a01b94b578bea0147bf9a29f9ffc', clearable: true, name: "radioFirstInput" }, h("label", { key: 'd29a95e1f8ab6ab7afc4f39563ffcd5d55b96b9e', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '21fd7a7d149fa8c9d6b57132e69daee11a2f65f0', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '6038befc020652cf246170b00ae827cdb00d8414', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '6958375a1942980ff4848eac8b34f8810f356901', value: "third" }, "Label 3")), h("smoothly-input-color", { key: 'be65bda31cab2d5d5e88a4028ee1980b8a828dec', name: "color" }, "Color"), h("smoothly-input-select", { key: 'a6242f5ff75f4be66b3cf83abe95279ad724dfa9', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '105edf256973242d9b3a25ae72ffc886e897b726', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'ba20725d9d9c742323e744eb022a698c4d3329db', value: "1" }, "January"), h("smoothly-item", { key: 'a48e992441eae172b275d9ebc082f7efae8359dc', value: "2" }, "February"), h("smoothly-item", { key: 'afcd5ef7d7b9adf0c1cd7d3883c817eee24e4094', value: "3" }, "March"), h("smoothly-item", { key: '52d2a5247e4dd727b4ae30d859b6bd6e9e85ce96', value: "4" }, "April"), h("smoothly-item", { key: 'cb65e2be5db79a67e8eef259529dc13bc4165c72', value: "5" }, "May"), h("smoothly-item", { key: '2a52b71909607fb27dbe792e9faa7c30c689d31e', value: "6" }, "June"), h("smoothly-item", { key: '68010b3920797ae55199a09f5aa4d0c02277b3e3', value: "7" }, "July"), h("smoothly-item", { key: 'd96655195f93af1cdec4c3afa1ff5a8716df0af3', value: "8" }, "August"), h("smoothly-item", { key: '74de65ffe848a2a20e18ea23cca052f68647e633', value: "9" }, "September"), h("smoothly-item", { key: '8b36e48f30e16df1ae3d997c7a2d268613998ce0', value: "10" }, "October"), h("smoothly-item", { key: 'b0784ebd2bb7e7227b806bc92d04b1e2090ad8e6', value: "11" }, "November"), h("smoothly-item", { key: '1a2a7e4e6511f955a18c813c84e58a28bc404248', value: "12" }, "December")), h("smoothly-input-select", { key: 'c2226b1ae4c7047b0ddc4253f5a7606b7f2fc9e8', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '9bdd864c8272b2ab73547074189e16e93bbcb95c', value: "folder", selected: true }, h("smoothly-icon", { key: '58cce63b8b1ee021e662048d91985f75cc8fb41d', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'f26e4fa4f9866d771b0eee93c846501edd0c59a1', value: "camera" }, h("smoothly-icon", { key: '17f8216fd071284f115b35f067a40fc20803e955', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: 'cf4f2cca30379914d19a4cb2ed34010d93910b46', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '74a5b23416500762fe906037d17e04fb718f0128', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: 'c3cd9df502de377b2bbb9320118f5177bd35ee23', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: '47afd204f75f650056ae56f929e5d8ae7565d40c', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '1db6e482e8e9dfff2a85e63bbd0b4ee68c6c7f29', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: '5e2fbd3adb3b466914f50744bff8431419d9ee8b', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: '31f6bf08c0f8e34317f6b89a144e20953fc6a764', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: '25a5b5d189a8a36acb5b1d91b128d71d8483325a', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '72e4cc632ac58f1726c0f15f1d42900eeaa3054f', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: '9100b7fc807914b6ddfc9f9c899a2653b8b77fe4', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '44fa5714baf0c2589673e9b002803a3c1cf22f87', slot: "label" }, "Profile"), h("smoothly-icon", { key: '4324f2e51a50f2c4e6a93135deef3c1aeca87c9a', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '06cacbee33b21ed926c28da95ca954e45613f646', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '40370e9e2ed1cd6abc3905478fa602f3860d8f31', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: 'bcd3d7cd4a2e02392a7435dbdd8757ff24bca012', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '28104349d7e84bcc1bd08344361b0dda74b53136', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '9132ad785a35630de34b35dd6e7ddc2cfef59950', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'd8e762e2fa8133d09583f6a1fec6c997017812d5', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "smoothly-form-demo-all"; }
|
|
9
9
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyFormDemoCard {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '9b131a43df2d8b5279cd0efb2cc7396a487061e7' }, h("h2", { key: 'ef59d5297d4218d625922176e2d9a11d5fa764bb' }, "Card"), h("smoothly-form", { key: 'b6b5aa1655870826e4a559cc79580a4ad9992ce6', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '61101c45489123b34ad5ebde54ca1762afa257ad', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: 'fbab612637278f6497f034499deb8586e69892b6', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: '6516eb3313f574142c7a81d045997f98527d5e3e', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: '7b2b4a7499a39285b90da3759e143944fde4d303', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: '0f44231971a174ceeeae6bf66972931bdc11c97c', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'd064204b1e25b4192c955d4c4ae5e4c63e9763e0', type: "text", name: "name.last" }, "Last Name"))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-form-demo-card"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -31,7 +31,7 @@ export class SmoothlyFormDemoControlled {
|
|
|
31
31
|
event.detail.result(false);
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '1a39b78ff59692b8f790a0ca041960d4270bc8ab' }, h("h2", { key: '4a3177a4e7d38a59f9fa65552767bb395714c27b' }, "Controlled"), h("smoothly-form", { key: 'bd1b3bc05d0879c45e6867a13dad70b2f6ce94e7', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '3918be00220566daef557039bc4c703fe8e09b50', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: 'a9206282200f7e681243999da8c5d2cdf9fac7b5', name: "currency" }, h("span", { key: '53df31e738298a8f78681a4ac546e6599acfef6b', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '6a1b06a8fadb7fd5a46d8b26b66339a342880fad' }, "Dummy"), h("smoothly-input-month", { key: '3eb933f1cbbf7134db6c735d402478371271c3b3', name: "date", value: this.date, next: true, previous: true }, h("span", { key: '344cc723f01f8df0710734ef2c5476f32e975187', slot: "year-label" }, "Year"), h("span", { key: '1a2517f170acfa04c76770e51ab4a396518e2d7c', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: 'a1438be3092367b439956fa2ade8edf0a00f4255', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: '7ed2d852f6887e19acffc8ee6485df88a5c4cbec', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: 'e51b75c4d335047d0faae77207f1135f164d8a79', slot: "submit", size: "icon", color: "success" }))));
|
|
35
35
|
}
|
|
36
36
|
static get is() { return "smoothly-form-demo-controlled"; }
|
|
37
37
|
static get encapsulation() { return "scoped"; }
|
|
@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDate {
|
|
|
21
21
|
event.detail.result(false);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: 'aa19ebb22d681b287b2ec81202c01482e4a83f60' }, h("h2", { key: '88cf2ed5415dee5bf3a122b2a1a8abe20babe925' }, "Date input"), h("smoothly-form", { key: 'd8d010a2cc02a94b0f2f277c530d2cf3ca1a697f', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: 'cd3a8896484802bea38f330d3cce6cd1f369b6cf', name: "date" }, "Date"), h("smoothly-input-submit", { key: '370b34543bbef943c67d46ca46df7e5216e2759a', slot: "submit" }, h("smoothly-icon", { key: '0be6193b0a290537c1d2579b22a4d962aa200296', name: "checkmark-outline" })))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "smoothly-form-demo-date"; }
|
|
27
27
|
static get encapsulation() { return "scoped"; }
|
|
@@ -21,7 +21,7 @@ export class SmoothlyFormDemoDateRange {
|
|
|
21
21
|
event.detail.result(false);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: '022dd0567e2b7bf321d9879b83b49c66cd1f04bb' }, h("h2", { key: 'ce79ae7c7408ce41e1dd8528717d52efb644b8cc' }, "Date-range input"), h("smoothly-form", { key: '9cb3a9b8a32949ea5dd0d472eecfef7793a7409b', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '6f0f1eea169f5516fe5c994cd80a2369d33e5502', name: "range" }, "Range"), h("smoothly-input-submit", { key: '93e8e2e6f5f3bf7656c6a6753265366b13dfbaef', slot: "submit" }, h("smoothly-icon", { key: '28236dfe106123ad3ebefb3f5e64594d31fa388f', name: "checkmark-outline" })))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "smoothly-form-demo-date-range"; }
|
|
27
27
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyFormDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-date-range", { key: '84c92fbabfb53309846028de50aa588004da1a03' }), h("smoothly-form-demo-controlled", { key: 'a137a49656c067babc3dfaf3768a4addf1d7fcdd' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-form-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyFormDemoLogin {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '559985f2133b7f86de5c22a88cfda3e8bd1a344a' }, h("h2", { key: '693658791fff278e231556b4aadcac20c311190c' }, "Login"), h("smoothly-form", { key: 'fd420a522a1c7f51ce277c5250ad5cc2f300af7f', looks: "border" }, h("smoothly-input", { key: '656686c2d6e54047aa05b2431e059da3bfb656ed', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: 'ef679e989bea7e4c5af277fe2b1a6f4ad1fec063', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: 'e7f58c64563e0e2a6feb789a9dea1aca186631ae', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'abc12666abee47139e05db5c583bb9f458f21c8c', slot: "submit" }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-form-demo-login"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -8,10 +8,10 @@ export class SmoothlyFormDemoPet {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
var _a, _b;
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: 'f926cc45f0cc0291f2c24c7b398606a85b50d234' }, h("h2", { key: 'fb0ba15fe080450f09989315d3c145028217b692' }, "Pet"), h("h3", { key: 'd3dccbcc9b23b2cd8218936424e17a278feea2a4' }, "Value"), h("smoothly-form", { key: 'bf16fa9747ed9b5a6a0208cb6f412b3203077de7', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '517b4234109763201875c4894ab5e9627f7f4abc', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: 'ee6ac67d9818a76c10462980c445ca33ae46638b', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '28b630a35af9ce0976bbb7057c4fdbb4c47cef58', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
12
12
|
this.hasOwner = e.detail.hasOwner;
|
|
13
13
|
e.stopPropagation();
|
|
14
|
-
} }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '
|
|
14
|
+
} }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, h("smoothly-input", { key: 'bfafcac88d20b89c67e5d1e222812f2851888633', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '874b59bc35579337167b159cd64a80be4504bb2f', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'a6485e71de11cde954fb55f0a08013e9674c83b6', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '43ecabe7e035de133f1394ddfab21b0ca8866a2b', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: '5586a1e0ad8d9c76dc918f23b15ff653006ab436', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '51ae6d26dc3472dc34bc039f0a149e87d3a2f2f5', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '003b5e3f6ed34ec8d73f2dccb1482350d2c25f86', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: 'eaf4fd928b7cf9809236a25ae9aaece4db40ebee', name: "summary.height" }, "Height"), h("smoothly-input-select", { key: '0340202daca1bf8be541d1065306abdb73994216', name: "summary.favoriteHat" }, h("span", { key: '455bd818a3896e691344eee0290c8e4b2b6b99f9', 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: '95cd6a00fa1310c8411f5449e86a8380ab23f893', name: "summary.month" }, "Summary Month"), h("smoothly-input-color", { key: 'aaea740dcda58e663d77fe278af20a37d23c3c29', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'f0abc5f653d76d4a8e80db253f73478808772f26', name: "summary.favoritePizza" }, h("span", { key: '2e8aae93b6f3023d90d46b0661da993069254ad9', 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: '62fb76ee63e7ca04acace1d704b7162007dc6113', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '5694a29b9cb38faf9b5bda9872e6acc89e9b815b' }, h("smoothly-tab", { key: 'c8fdf7364cfd3e0ba67c0737585c460339860428', label: "Dog" }, h("smoothly-input", { key: '73ba074a24956a96b8ae05c5d6e1b4ce0f2f5904', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: '38635ba92663dba7ef33bbda1bbd28006795f9a3', name: "dog.picture" }, h("span", { key: '69fe9e2e95cab3a6cf63a2b9032164e858da0056', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '873516c880d3be1b82fce0d2b170f26fc8edcb7a', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: 'a4df495a378d7d69b36a3112815ab28eebdafb18', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '4fd169248a34652e2afa5bd9c82f54ec80cc925f', name: "dog.favoriteHat" }, h("span", { key: 'c367310b392845a2b647c2c1ec18136da4d62982', 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: '4c6c3d2b49b914f261dd2c96b720e6664e852f58', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: '47d1c6868f78ed5b1480385a430f81fec77de458', name: "dog.favoritePizza" }, h("span", { key: '3af8fa1b379b9c7d2817c0f10c0651dbb440f478', 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: '3eb0518c0833b098a68dcbac9171fc533015e34c', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '7828d4ca2378c3e7c21ac98c6696991f8ede4452', label: "Cat", open: true }, h("smoothly-input", { key: '58a99bfe09285c7698f0463a4e9ad2c5dc94e300', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: '21482df51ba28296f09a6f38c57008ceae652055', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '4aa5da7331a5af8db6b69a34c541d9ec23ab3529', type: "json", value: this.value })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "smoothly-form-demo-pet"; }
|
|
17
17
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyFormDemoPrices {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'fefcedbfe8f22921bea912762f1f6d8caf6ea3e4' }, h("h2", { key: 'c18e909d513549a9a8cc28b2b1d8982b96703343' }, "Prices"), h("smoothly-form", { key: '1eb8cab4a08f19f246c5cd46362452b416db1573', looks: "line" }, h("smoothly-input", { key: '75439c727baa6c39b500deec470d0a32953fddc7', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '11b3a7ab0e4dd1626e7efea03c56ba4c1c5e9c27', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '837b810384d7818df18c2ed9d6d08eb965124627', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '6ffb11da5cecbbeeef8b6482cbe3cee39e16b6ef', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '4409191ea5b5b0ded31bffc9408927c36bb1bd3b', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '8dc492d719d9e2eabba22c402e0349fc5aa7dc9f', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '2def9348a43704dafc21e3738de05d074f189285', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: 'a788708ac62aedac125182d8b2e85ce1e9a62001', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: 'b8952a88dfb22db800ae00540c83d90feb160152', slot: "submit" }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-form-demo-prices"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyFormDemoTransparent {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '04a9b341275b0e795c4eb76aaacd3fb87df733d9' }, h("h2", { key: 'e91d5932abf4ccf5004b55fcbf112796654bd787' }, "Transparent"), h("smoothly-form", { key: 'e8e57518dbc350268b30c66283687d06ad269ac1', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '9f550901327e83cc39cc8d4ff35374eaba49637a', name: "file" }, h("span", { key: '15b9a81653d0786929b179ff2ab84ec0ff2fc534', slot: "label" }, "File"), h("smoothly-icon", { key: 'f1c27d7dfeccd0cb9e2138ec9c41ecfedc4bf65e', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '0997d66db8a8a8e3e1a6efcfd0a93179dab690a8', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: 'd8e809c2304d60c231a8cab78d5dc7aa5afdc218' }, "Date"), h("smoothly-input-date-range", { key: '0739bbdd6fe540e8b1a8a722632d614d35fd0d1c' }, "Date Range"), h("smoothly-input-select", { key: 'be68afbc1bb355a9f8e220fb50a55ff7337fb162', name: "transport" }, h("smoothly-item", { key: '694c5daca6cc3b1ca62e3483418951705cf3d2b1', value: "plane" }, h("smoothly-icon", { key: '1620bcd508ce6edd6e39056c04a36c2ba96ce94e', name: "airplane-outline" })), h("smoothly-item", { key: '06a6bca3d2ff01577a12dde4aaaaee4d0c635f51', value: "car" }, h("smoothly-icon", { key: '9e593b841666d8aa7afbe3c59f3da2848f3e4e1a', name: "car-outline" })), h("smoothly-item", { key: '35dc7d4d75ae3c9006567800c5d1029042746a53', value: "bus", selected: true }, h("smoothly-icon", { key: 'f22dfee878b8bec5950229e5baf0abe2e18207c6', name: "bus-outline" }))), h("smoothly-input-submit", { key: '71c442650bfb27d4ecf0556b1f4b917bc7033a8b', icon: "checkbox-outline" }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-form-demo-transparent"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -3,7 +3,7 @@ import { isoly } from "isoly";
|
|
|
3
3
|
import { Contact } from "./Contact";
|
|
4
4
|
export class SmoothlyFormDemoTyped {
|
|
5
5
|
render() {
|
|
6
|
-
return (h(Host, { key: '
|
|
6
|
+
return (h(Host, { key: '4ed477f128d5b098d3310aaa266c4af1922832a1' }, h("h2", { key: '1e8f3c9b75144462366853f9f6cf5a1c5f0faf65' }, "Typed Contact"), h("smoothly-form", { key: 'a519b7dbafb502af88cbf9a5ba47901ef4be0cb6', validator: Contact.type }, h("smoothly-input", { key: 'f147113ea3704978efcd40cba1cc37f0ca0eb9bf', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'a9a36af0fa69a2a05e96d8de774f5c688c9c1bfd', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '0717cf0ca06d930b20c9462b8d0b1e14ff6d82a1', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '57afba493b35c43327790befeb1269cdec67b605', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'd01d7aa69d6f1e24e3790580867cdccfeeb5fc50', name: "country" }, h("span", { key: '41d0cc36d65c3661101f9a17d37c037f76904a59', 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: '7e169ca0ec70c91d19b54c1b7a982947d40dcaee', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'b051e825afa1f684438e9190c8c26de4036473c9', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '02c15203368038bd7692528587764d27cc36b8e3', slot: "submit", size: "icon", color: "success" }))));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "smoothly-form-demo-typed"; }
|
|
9
9
|
static get encapsulation() { return "scoped"; }
|
|
@@ -157,7 +157,7 @@ export class SmoothlyForm {
|
|
|
157
157
|
await Promise.all([...this.inputs.values()].map(input => Editable.Element.type.is(input) && input.setInitialValue()));
|
|
158
158
|
}
|
|
159
159
|
render() {
|
|
160
|
-
return (h(Host, { key: '
|
|
160
|
+
return (h(Host, { key: '1b5a8589adeaa9ce2e0bc5ad5f9385f3c725461d' }, h("smoothly-spinner", { key: '4b10b16462c627a3e804243d3b48a96a53a5e575', overlay: true, hidden: !this.processing }), h("form", { key: '40b864912ad52f0617289a15edbd6c9345bc7e65', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, h("fieldset", { key: '9099df052261a9151d2c93feb8e6fa21ff575fb8' }, h("slot", { key: '8bf3863b233cb54433b315dc4073ba7ac73dc68c' })), h("div", { key: 'c43d6fe3ea79dd724aeeb538dfed049814ec8d05' }, h("slot", { key: '08050f524f3e2ff8fe2e6da95035ecc1ad989a4e', name: "clear" }), h("slot", { key: 'c819468427a92c7e9714592d4636f3b7fce06cbd', name: "edit" }), h("slot", { key: 'd2617f64c3015da52af33f31752df078d481b226', name: "reset" }), h("slot", { key: '787f88e7ea092d7778dc7dc0347a0f6cd49329f4', name: "delete" }), h("slot", { key: '9623c0eeec07d511055172b016a5d34d9d963ad6', name: "submit" })))));
|
|
161
161
|
}
|
|
162
162
|
static get is() { return "smoothly-form"; }
|
|
163
163
|
static get originalStyleUrls() {
|
|
@@ -7,7 +7,7 @@ export class SmoothlyIconDemo {
|
|
|
7
7
|
this.props = {};
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '674cc4aedb027419d9df487644beefaef9a1533d' }, h("h2", { key: '0c7b78cb56ad8db8c4c693b941bfafdf899b524d' }, "Filter and Variants"), h("smoothly-form", { key: '5bac7acfbb224363829d2bb139f3607d25367fb0', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: '2b70aa984f91cfb64331d35a77fd7036e66d1a21', name: "filter" }, "Filter"), h("smoothly-input-select", { key: '5acddcb3aedecf9e766ead9ea29c452ed99cad35', name: "variant" }, h("span", { key: '2bb2ff71c921c2d27c022add44214b9ad03422fe', slot: "label" }, "Variant"), h("smoothly-item", { key: '5306c841dc4a11685ac19cee1ab5afdecf756ecf', value: "outline" }, "outline"), h("smoothly-item", { key: '9e33539f82e06e0f0d4a97bbbd967ea888b68dcd', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: '1187b4c1921322c2ce13736a9ef587047666ffc5', slot: "end" }))), h("h2", { key: '4b81131f04c46e2079f39554a80216303350e1a6' }, "Props"), h("smoothly-form", { key: '64b35110052a66a0363da63a8dff49e7adef340c', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: '6a49518ab85500b14c6f8b622cf77728e9c75e1f', name: "color" }, h("span", { key: 'ff1f1cd98b3de6f1b73cd64a04532500e9285250', slot: "label" }, "Color"), Color.types.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: '1753e3e8cbb671ae14d52d5e853245f2e124d3eb', slot: "end" })), h("smoothly-input-select", { key: '7843e1ceb727c43ee40456c5a75db3f379875e01', name: "flip" }, h("span", { key: '9ad5e11478ca98b0ce69fb73d446e1a08f9f7b6c', slot: "label" }, "Flip"), h("smoothly-item", { key: 'a7f0dc7f4fd11669a352ddfaa8653e5fa772640c', value: "x" }, "x"), h("smoothly-item", { key: '9efeac6f3ff2c93ef983334b2e4b457787b0eb11', value: "y" }, "y"), h("smoothly-input-clear", { key: 'bf513c36b33cc280b8338a34e11a30f4a861dcba', slot: "end" })), h("smoothly-input-select", { key: '368d13edb99a8851e6ab0473e99b2970f062729e', name: "size" }, h("span", { key: '1257ad59cc7a5e292e1845d1e2d0a9a9e87446dc', slot: "label" }, "Size"), h("smoothly-item", { key: '29e89d7040869bca4c33163765b1786d95d4c27d', value: "tiny" }, "tiny"), h("smoothly-item", { key: 'd6f63b9c23cc7cda3ece629c447973ec6963ef05', value: "small" }, "small"), h("smoothly-item", { key: 'f9d77054fad8b3b4a546b55502c05e7d2b2b5db7', value: "medium" }, "medium"), h("smoothly-item", { key: 'c77d11dc47be389fd98c9f23ca43cb9966afb00f', value: "large" }, "large"), h("smoothly-input-clear", { key: 'f931d095db60103f2f18cbf3d38f440e508ce29b', slot: "end" })), h("smoothly-input-range", { key: '8a8015fe74c617fa36fe9e55a2edf46eaaa401bd', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: 'ae84a4483bafd836106d7e120feaef64c837329a', slot: "end" }))), h("h1", { key: '8887068f17681fa3056bd6b1114a5bdc427cd295' }, "Icons"), h("div", { key: '7d94cac9fc59953fe9c4ffe6a3f7c969e0300481', class: "icons" }, [
|
|
11
11
|
...Icon.Name.values
|
|
12
12
|
.filter(name => !this.display.filter || name.includes(this.display.filter))
|
|
13
13
|
.map((name) => (this.display.variant ? `${name}-${this.display.variant}` : name)),
|
|
@@ -41,7 +41,7 @@ export class SmoothlyIcon {
|
|
|
41
41
|
}
|
|
42
42
|
render() {
|
|
43
43
|
var _a;
|
|
44
|
-
return h(Host, { key: '
|
|
44
|
+
return h(Host, { key: 'ea8f2550f4cd026b7840ca65b05fa6fffe9d0a8e', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "smoothly-icon"; }
|
|
47
47
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
|
|
|
2
2
|
import { isoly } from "isoly";
|
|
3
3
|
export class SmoothlyInputCheckboxDemo {
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'a6f376b95e198f8e4a10b9bb933c40d4c031b011' }, h("h2", { key: 'b3744c82937a71878155530e7a15c8b185f6e617' }, "All inputs"), h("smoothly-form", { key: '25deb2cc9256bad2ad18853bb5f372838cfe0a1d', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, h("smoothly-input", { key: '008a8813ced7189f41fb920bd1683ee5648018a1', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: 'b62469d3afdc886f4c727c16ff367e8ab133bd3a', name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '7166466f1c170e9e5dfe7655798fe99cbf7dfbdf', size: "icon", slot: "end" })), h("smoothly-input", { key: 'd0d53c69e02b2420405a5da3d8d7bebaa673cde3', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '100841b4979cd6915e4e36e1d3fc37eb50b75f08', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'd8cc8e56e26024dcc35ae48d812887be4b8b3af8', clearable: true, name: "radioFirstInput" }, h("p", { key: '37ee1b07f23f7e004985da92bef2e3d26cb816ea', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '20d1411240069e89ee5ccf8b330a8d058bcb965f', slot: "options", value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'da656e4feb53aa2831a9be30c8d75250d6514c98', selected: true, slot: "options", value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '23dea65e0f2f957d58c943777c97b3b2ffc120e5', slot: "options", value: "third" }, "Label 3")), h("smoothly-input-color", { key: '9359c38d48945a727167ded78a3805a2df83f89a', name: "color", value: "#479f56", output: "rgb" }, "Color"), h("smoothly-input-select", { key: '56687357823a0b53abc878049a4ce76b90d61497', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, h("label", { key: '1c106111b353bbb025097529db997c69010f6145', slot: "label" }, "Month"), h("smoothly-item", { key: '8569d0c0bdd5061cd6092ec9eb81a77e9e8bc1b1', value: "1" }, "January"), h("smoothly-item", { key: 'ab0f990709601d93274516c88dda16cf5c6b9c1c', value: "2" }, "February"), h("smoothly-item", { key: '1af7b2877392961baacf042d98a9e8e6a382338e', value: "3" }, "March"), h("smoothly-item", { key: 'fe3b4d3500f617afafc51f89f4d32892f6ce33fe', value: "4" }, "April"), h("smoothly-item", { key: '1944a5db20307fac3ebcdd1d0a32fcab157bfe50', value: "5" }, "May"), h("smoothly-item", { key: 'd949d04947e37bbdba9b36b2c8ba442a95dd431a', value: "6" }, "June"), h("smoothly-item", { key: '79a809f66889f27dc191b114fcb1e278baedf043', value: "7" }, "July"), h("smoothly-item", { key: '7477373025012d3539f184efec2ceabd52565c23', value: "8" }, "August"), h("smoothly-item", { key: '1803036533fcced262056902363f68846c1493f4', value: "9" }, "September"), h("smoothly-item", { key: '475d4e4bacfc63956180bc6b1dc9ae6d0d5b87fb', value: "10" }, "October"), h("smoothly-item", { key: 'f8890466af21d148b90aead11d1daa9a9fec5019', value: "11" }, "November"), h("smoothly-item", { key: 'da8f7e423de7059a525a125252c424fb75cd9a48', value: "12" }, "December"), h("smoothly-input-clear", { key: 'fa937815fb2c168b79ce36393ea0e48e0c29c4d0', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'd5a1bd69e592ba5065831fa8038f71b9c1478aa1', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'd2bd3fcb5f639f8e831b8bdfd35eaf12ea67a472', value: "folder", selected: true }, h("smoothly-icon", { key: '132f42bdc075baabbec8fab3f09e6e4c61b521cc', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'd2251cf2d45f2f675fffc8244dd8dc7d6cd252da', value: "camera" }, h("smoothly-icon", { key: '72e1ac99f39535b86645ccf14d559c12995eb8c4', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '111fc6e078f24c088cffed107e3e51b95862909f', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: 'd8c05a00060289c70bd1f555fe22157413b7864c', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-date-range", { key: '11fbaaa3c1e8a80b1c959f664db6ab993428ce7b', start: isoly.Date.now(), end: isoly.Date.now() }), h("smoothly-input-date", { key: 'afe6ca0f5e3bc4cdedbc7b2e8e6bc0925c63b3d5', name: "date" }, "Date", h("smoothly-input-clear", { key: '9389dd63bd5188c18cc18d33b153e384e3b070cc', slot: "end" })), h("smoothly-input-range", { key: '1c0aaf3d37de892eaacbb648084d8ad2d6e2720d', step: 1, name: "range3", value: 20000 }, "Select"), h("smoothly-input", { key: 'd6b37d39e3b59a32a06f51fdb980c5832cefcc5e', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '3a8935abc92e6c30b6ab618f8329a758bb1d9ae1', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), h("smoothly-input", { key: 'ec4a04854d1ec1eff8053255ae8785ce451acd70', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'aa4d94ad2ac104aeb8b5e77f944ea0a86cf624fe', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), h("smoothly-input", { key: '1ff6583d9011c58ba2bb9aa33754efdf84ad1759', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '2cd4750a0a06d5089403695c8047c19e77474ba3', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), h("smoothly-input-file", { key: 'e942f9e50f461ec91a13e4e82b3c74bd8afd1de1', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '203f38abd284c44b70af481b3279b65abff495b3', slot: "label" }, "Profile"), h("smoothly-icon", { key: 'a3834d3cad37f9c15fa189d496cd9dec1a069b58', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input-clear", { key: '71f9e216baec6ab76a48201213ecc57e93d9b0f3', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '1ace06c75ba81a89e133b2a2f30d67b9b1669464', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '5536f9c2e7d05f90d1bdeac2fee7750b9099c5ed', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '886b8b6c023e025ec3de1cef7af4c28f26189be0', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '6dd2fea9587776d370ce3edc5eee3345391c1280', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "smoothly-input-checkbox-demo"; }
|
|
8
8
|
static get encapsulation() { return "scoped"; }
|
|
@@ -60,7 +60,7 @@ export class SmoothlyInputCheckbox {
|
|
|
60
60
|
!this.disabled && !this.readonly && (this.checked = !this.checked);
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: '70df4c0650ffe6d9bce09712909a376247d038a0', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, h("input", { key: '092644e6b2fbf348f5dfc5cea42ab7874f90a1e9', type: "checkbox", checked: this.checked }), this.checked && h("smoothly-icon", { key: 'e3f90fee414b5c257f0ebf0f550817773ed02b0e', name: "checkmark-outline", size: "tiny" }), h("label", { key: '0073f250da12bd83b6daaefbca16a72101b74636' }, h("slot", { key: '5478e8791c8b957afa7a0935c38a08420634bab2' }))));
|
|
64
64
|
}
|
|
65
65
|
static get is() { return "smoothly-input-checkbox"; }
|
|
66
66
|
static get encapsulation() { return "scoped"; }
|
|
@@ -39,7 +39,7 @@ export class SmoothlyInputClear {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
var _a;
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: '135be2560f0a4859b73f0ddd6a5572b0d404c939', title: this.tooltip }, h("smoothly-button", { key: '9dc3e2381407021be2a9a464774943698dc8259d', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, h("slot", { key: '81d4ed34b419fcdd6c94158dd01719487b790b01' }), h("smoothly-icon", { key: '2706b2b7c553e4778dbffad5654aa530b524eac8', name: "close", size: "tiny" }))));
|
|
43
43
|
}
|
|
44
44
|
static get is() { return "smoothly-input-clear"; }
|
|
45
45
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyInputColorDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '9c124314b12776a21c4fb18f061774ff2cf46985' }, h("h2", { key: '63ed15658bc3cdeec16a69b154043256d1a76d17' }, "Color"), h("smoothly-input-color", { key: '1d0df5f73becd460e39518ef5ec812c94875b59a', name: "color" }, "Choose color")));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-input-color-demo"; }
|
|
7
7
|
static get styles() { return "style.css"; }
|
|
@@ -138,7 +138,7 @@ export class SmoothlyInputColor {
|
|
|
138
138
|
}
|
|
139
139
|
render() {
|
|
140
140
|
var _a, _b, _c, _d, _e, _f;
|
|
141
|
-
return (h(Host, { key: '
|
|
141
|
+
return (h(Host, { key: '5bf7bca75257855d0f475be05dae42392fa37b6b', style: {
|
|
142
142
|
"--hexCode": this.value,
|
|
143
143
|
"--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
|
|
144
144
|
"--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
|
|
@@ -147,7 +147,7 @@ export class SmoothlyInputColor {
|
|
|
147
147
|
"--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
|
|
148
148
|
"--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
|
|
149
149
|
"--element-height": `${this.element.clientHeight}px`,
|
|
150
|
-
} }, h("smoothly-input", { key: '
|
|
150
|
+
} }, h("smoothly-input", { key: 'aeb2e4dcf34ef5dde693d3a0627c24846e4d99d9', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, h("slot", { key: '1448f81dfefd2ab6141716bc4c2549e5ca2d60a7' })), h("div", { key: 'ec83428a03f990ad59c391b8f4485463290ddb63', class: "color-sample" }), h("smoothly-icon", { key: '13cb09c74b7827943fb3d21dcdd6b3968f0a27c5', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), h("div", { key: '8aec96224aebcbd91420f42993e7aa919e06ef26' }, h("slot", { key: '5658e43f77e2ffd56852322f9eae6ea1dfd94b5f', name: "end" })), this.open && !this.readonly && (h("div", { key: 'e9d944bdac33e77bc053f7e455ac1911e30c7531', class: "rgb-sliders" }, h("smoothly-toggle-switch", { key: '5a7862b24b66257d0cb82608e38260b0f418c47b', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
|
|
151
151
|
}
|
|
152
152
|
static get is() { return "smoothly-input-color"; }
|
|
153
153
|
static get encapsulation() { return "scoped"; }
|
|
@@ -78,13 +78,13 @@ export class SmoothlyInputDate {
|
|
|
78
78
|
event.stopPropagation();
|
|
79
79
|
}
|
|
80
80
|
render() {
|
|
81
|
-
return (h(Host, { key: '
|
|
81
|
+
return (h(Host, { key: 'd0aa2669b708dd54eb52c3c2c021d5d3dd243a75' }, h("smoothly-input", { key: '5546c946cb664ac1ae41b882bced85ea2f653792', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
82
82
|
e.stopPropagation();
|
|
83
83
|
this.value = e.detail[this.name];
|
|
84
|
-
} }, h("slot", { key: '
|
|
84
|
+
} }, h("slot", { key: '99977a8ca529f4cf48c170d01d9fd55bd78f2a04' })), h("span", { key: 'c6bef02818d5f07c426c6584ede08a488a65d260', class: "icons" }, h("slot", { key: '956733ea747dbf023ebab46936ed92da170c7b95', name: "end" })), this.open && !this.readonly && (h("nav", { key: 'e9c4a2034cc79163972d78300f1c29df2883bc3d' }, h("smoothly-calendar", { key: '8b7d430ef9daf4a4c6475b1384813b516bd9b706', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
|
|
85
85
|
this.value = event.detail;
|
|
86
86
|
event.stopPropagation();
|
|
87
|
-
}, max: this.max, min: this.min }, h("div", { key: '
|
|
87
|
+
}, max: this.max, min: this.min }, h("div", { key: 'e2239089b7e57b9841dbfe192959e78bc8d4fe38', slot: "year-label" }, h("slot", { key: 'efa0ea2ec671291aa801db4114ea015c50d9f6a6', name: "year-label" })), h("div", { key: 'f026d9a5e9aa30eb7ecf9426978bc6cbb289c321', slot: "month-label" }, h("slot", { key: '9367a4dd4b80e1ab6568005d394569687cbc652f', name: "month-label" })))))));
|
|
88
88
|
}
|
|
89
89
|
static get is() { return "smoothly-input-date"; }
|
|
90
90
|
static get encapsulation() { return "scoped"; }
|
|
@@ -91,12 +91,12 @@ export class SmoothlyInputDateRange {
|
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
93
|
const locale = navigator.language;
|
|
94
|
-
return (h(Host, { key: '
|
|
94
|
+
return (h(Host, { key: '8d0c83ab36b5392715311a6419d1edacfdede8ca', tabindex: 0 }, h("section", { key: '99d6dda96a17e16314434a1819317a7d2b3e8acc', onClick: () => !this.readonly && (this.open = !this.open) }, h("smoothly-input", { key: '42eedb4b26f847249b109342ffd60ef2aba62f06', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
|
|
95
95
|
? `${tidily.format(this.start, "date", locale)} — ${tidily.format(this.end, "date", locale)}`
|
|
96
96
|
: undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
97
97
|
e.stopPropagation();
|
|
98
98
|
this.inputHandler(e.detail);
|
|
99
|
-
} }, h("slot", { key: '
|
|
99
|
+
} }, h("slot", { key: '18df7411ef4fd886dfddd8352eaa7ad02f7880d6' }))), h("span", { key: 'a3163b9d70827d440bfcd27ba5a3cf6d20d873ac', class: "icons" }, h("slot", { key: 'e74a80a35e7f3dbb1bb314df9a226c9b2d46a428', name: "end" })), this.open && (h("nav", { key: 'd33e76fdc7030ab08592c4d1c8db6d5365b59fcb' }, h("smoothly-calendar", { key: 'd122e52bb71a2a9faa37f371b4340c1e25030ce3', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
100
100
|
e.stopPropagation();
|
|
101
101
|
this.start = e.detail;
|
|
102
102
|
}, onSmoothlyEndChange: e => {
|
|
@@ -6,17 +6,17 @@ export class SmoothlyInputDemo {
|
|
|
6
6
|
this.alphanumeric = "!@##";
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '4d22468a080d1988e357ceb32b5df876a4c6db20' }, h("smoothly-input-demo-standard", { key: 'fc7fb5262f36fd7f953751fcca8b5056f08eb858' }), h("div", { key: 'e7b88f15dc9b8099bb60a9e336214e3b7b9f57db', class: "inputs" }, h("h2", { key: '38b73daf079236b55df1c6eb8a9e62039d636cd4' }, "Calendar"), h("smoothly-input-date", { key: 'd0515c4d2d38fb373c9df8ce388df33667b40846', name: "some-date" }, "Calendar"), h("h2", { key: 'c2cc92d5fa683da3ac36918b7089e4d562bc3236' }, "Date Range"), h("smoothly-input-date-range", { key: '01c970d18df033178939d14a7d690fc6eef35570', name: "testing", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '7470398fa98ccb00d749bcbc5f8370234f1d5ab7', name: "testing", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'ec7d4687d0e66aac5110a61f4db380f9aa677f30', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '0c3d14c0cb2773bd20a8f894523a9f00b3da7d3d', looks: "grid", start: isoly.Date.now(), end: isoly.Date.nextMonth(isoly.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
10
10
|
"--smoothly-input-border-radius": "0.5rem",
|
|
11
|
-
} }, h("smoothly-input-clear", { key: '
|
|
11
|
+
} }, h("smoothly-input-clear", { key: '03ea6127b0abe9f8a99e65c3e9c0aee7f57b35d9', slot: "end", size: "icon" })), h("h2", { key: 'd9f827401eac78533a5797f184971b0d9e45a1e7' }, "Date"), h("smoothly-input-date", { key: '8afba635563e6833d94a0085b1623aeeb9e1cf00' }, "Date"), h("smoothly-input-date", { key: '43084ccfa8d45e94e0b54d9bb18f9b3540c09a62', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '884a35070dd150e600b40deeb611af0363f2b07a', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '09171749b51c63cc8b6c319114c0bd7d570af033', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'ee0f606241ecec42b70e4f92db3100acf8b1730d', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '976e9376f119bc3e8196ef32177ca898362c0c99', slot: "end", size: "icon" })), h("h2", { key: '055cd19bcf92b14d77818a25b07a737da282c85f' }, "Select"), h("div", { key: '7856e723310021883018078276ad28d38a76e900', class: "select-div" }, h("smoothly-input-select", { key: 'b147b8137ae583d9c3df8be484fcc5fa3034034a', name: "select-dessert", looks: "border" }, h("label", { key: 'cba34105b7c98d4956e4a9ec7931ae6bed50d0e7', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: 'd085fb3d7667b8baf785660868e57e81603053b4', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'cc9a94fcdd9270e89572a72f258ca1c70640c3a7', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '624c9e9ef3f76ceddb3eb54348739304fc537297', value: "3" }, "Cookie"), h("smoothly-item", { key: 'bfc710e98f216544dc76a68e602f0c16be88a599', value: "4" }, "Croissant"), h("smoothly-item", { key: 'ffc432e8854cc83883e0169cadafd19aff635cb9', value: "5" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '2c6ee00939da166c9ce3cb4c72f204e9c88a882a', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '5592d116149f40ab8fc234276aef37d9e38e42a8', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '784bf8122cdcc84641ab9424f7092ad9c6ee5eba', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '4dc7f7b95a38860bad0888999f19ad38f66f414a', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: 'ad2b235845e8b1490fb2fb9b097e637724663fb4', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: 'aaf053c467477856fea93b48b61c899ad26b4a02', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '75977992ad2bb03d68b43bd72f387917391a4201', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '26e4d2b1796807ebe3d68a39893096346669bd62', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'f3417f59ced46f59ac7262af4a8a065367732542', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '906591c99263c695520f6f0c09d0d291e0a19bd4', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '1f26bb3c7429fea49657d60502e5a75439cafea9', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '21698bc033c9cfa8059344213b1e714b949f2bc7', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '2728237616137cacc93a23ffac8427ef5093dd06', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '512228c9a18f1b9f7acbad35db98eaadcc5a394e', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'b0305ab339117b64d8804b0e8c911b35c73daeb2', value: "folder", selected: true }, h("smoothly-icon", { key: '778c15a8e46b9f5970b64a26d11f376205294075', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'fec4a02325b69e05095690e9f058a011a056a643', value: "camera" }, h("smoothly-icon", { key: '306687342fe6eae48619bb38721dc9cbef1c3cf5', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '36b1d351540b475aa68d78e265cf0f2d7a190990', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'd9f0f8fc58fa3645267bb2c3299e28405e10f42e', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
12
12
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
13
|
-
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '
|
|
13
|
+
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '5020ba6265bc99779adc5650e96e9dabfc10e075', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '24554f38718cf6d7004d259a3ba10ad4fb9f80d4', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'b4963b60050f9efae657feac6e5b571705762ec8', value: "1" }, "January"), h("smoothly-item", { key: 'dd6e1ff7e14942c7b4ca1a64f338c9cf9c4e2fe1', value: "2" }, "February"), h("smoothly-item", { key: '900f59510c01bea81d6781422b168a94c4613982', value: "3" }, "March"), h("smoothly-item", { key: '1f2ff24ab65b57f691e84315294432ad50770ce4', value: "4" }, "April"), h("smoothly-item", { key: '5cb75032b63fc55fc67097658e4f69ad4136107b', value: "5" }, "May"), h("smoothly-item", { key: '9021507682e64aab64ab5de05fa4fce121111525', value: "6" }, "June"), h("smoothly-item", { key: 'a75a032f711d2ea85e201257dc31477687b71e83', value: "7" }, "July"), h("smoothly-item", { key: '3f1866f398b3dc53b922e6e5e04b9462ee915fd1', value: "8" }, "August"), h("smoothly-item", { key: 'a64b2ffece74644ca9a8f9250eb7a4d1d0b706b1', value: "9" }, "September"), h("smoothly-item", { key: '90c89adff7c4ff81e25420bea5f513b0f5f6af3f', value: "10" }, "October"), h("smoothly-item", { key: '7f62a1baccaa22c0d922b6efd66ac7cd3fecca62', value: "11" }, "November"), h("smoothly-item", { key: '653b0c116b9a5b27f1192ebe087acb130fe5f50b', value: "12" }, "December"))), h("h2", { key: 'f99e5afaa18b4c2369abf1d9a619b34ee805fc8d' }, "Duration"), h("smoothly-input", { key: '9e93a731fc53e4a69e5cd9a5c07041160e43516f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
14
14
|
const duration = e.detail.duration;
|
|
15
15
|
this.duration = duration;
|
|
16
|
-
} }, "Duration"), h("smoothly-input", { key: '
|
|
16
|
+
} }, "Duration"), h("smoothly-input", { key: '8ef85b5978a8a326278a36a592a926f6eaab6281', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
17
17
|
const duration = e.detail.duration;
|
|
18
18
|
this.duration = duration;
|
|
19
|
-
} }, "Duration"), h("h2", { key: '
|
|
19
|
+
} }, "Duration"), h("h2", { key: '8eb690e348aea96c400404e7992472edac18795a' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '08b42135cc435ddbafb2131d9772accb42c5f4f1', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: '87aad539e0890e9e5eed23d95358de520aff3317' }, "Identifiers"), h("smoothly-input", { key: '3a9e58436f5ab310fa00bea3aca46ecab5054025', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '6ac9a05ecc748e2dbfbc59b4991d484447ef1eee', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: 'fbf58d1f86bf1b59a54dbae539d4b4ec7fcb5319', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '284bd28fff1e622993e6c83065d08821676238e3', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '198bb3b455345ef55300defa7411d96af5156985', type: "identifier-camel" }, "Camel"), h("h2", { key: '57326ca3da86d81501ba335b5b0e60ff8b322ef3' }, "Input Alternatives"), h("smoothly-input", { key: 'de23357ca03d0071ccfa4162bb460352c16c5960', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: 'ed79db703b001d8f00599e2798c9189aef87be86', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: 'cebfd6b49ddd4dd79e0bc8126a77f1247ae4c88e', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'c5eeb09907182ee27f89b6f04ac085a63614fab2', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'ab2ae9b2cea41d42bb7f07a22118ffcb6a1a0672', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '6e4c13216c7b0e363f47ecccea6bd9f63a6340cc', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '3d284b7eb0bef9446f0c72a4a45fce496db0f398', placeholder: "test" }), h("smoothly-input-submit", { key: '1cc1c632686e13887b944ff8404c911ee1097062', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: '96f73750c93ebb6f4a50499207a3a1a0d9076073' }, "Smoothly checkboxes"), h("div", { key: 'aa4929a5917cea5bcf8961d5f313805fedd9e109', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '0f907e9eb97671d69efd0cadf0a4b1b002735b68', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '25f477455d12951d0033c06f28a811a6f3255973', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: '962bc40f831ddcc142ca159b26a1e2fe555aab89', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: 'c439fe413fb5341c670c3f7b76e7c2945d021f34', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'b858dec527a132f04e47468fd787757598978f53', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '38657e43d5d220e0bd839ab61bf3a1a0179f4df1', name: "third-checkbox" }, "3rd")), h("h4", { key: 'ec14c6fce7abdd68c29448feba56d19e64385ae0' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '2e478fb1582c26ef129ff6828d61598195f1803d', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'c940cf5f00400fd7d44907ffa14e7ac37628c32f', name: "checkmark-circle", slot: "start" }), h("label", { key: 'fa0a5525d6c1bfff1eb43a4e9b05ead8560617a6', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '61241218e980c5709132079759b1b84c27e2ae98', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '91e2ec2e00a856e63c3d39075751dea0347c1cd4', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '65e6dc162f6c63e2b3c23b2be07a77f1c25854b3', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '394c9e6f5c267f756008170e51c66552632883aa', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '7a8ad22f29f4b8f835d5ac6579a053547e408102', name: "radioSecondInput" }, h("label", { key: '8ee8c01660d6cc0d29288b2eca40316fc6038d1a', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'db0299fefc79b9467c2949c0a201dab87f08dbe9', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '11e05b7d42219a3053fa25521812244f2f0e7428', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'f725a62deff05d78b6ca6cabefa4343193c7589f', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '85d184fca2e5f1283f0775ebb544060d3bc8b8d6', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '7d8aaafc412c456769667ed7174b86e025ce3ec0', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '5b22de409c7c057c6d2e3b4bc5ac20e5313ac3ea', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '8d51603cec738f75d64420c892d4f3ed70e56c0e' }), h("smoothly-input-color-demo", { key: 'e5b826ed6916c0b1ed09ed126aa0d22cedaa0c13' }), h("smoothly-input-price-demo", { key: '9471cc31ced0f7a56855e9f31467bbfae382590d' }), h("smoothly-back-to-top", { key: '0ac3807cb7f8e57a286b8ee4a0beedbd6a0e5704' }))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "smoothly-input-demo"; }
|
|
22
22
|
static get encapsulation() { return "scoped"; }
|