smoothly 1.2.1-alpha.33 → 1.2.1-alpha.35
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 +156 -152
- 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/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 +2 -2
- package/dist/collection/components/input/clear/index.js.map +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 +11 -8
- package/dist/collection/components/input/index.js.map +1 -1
- 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-switch/demo/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +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-2fe77106.js → p-025840ff.js} +12 -12
- package/dist/components/{p-2fe77106.js.map → p-025840ff.js.map} +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-e0cf94e5.js → p-05eefe3c.js} +28 -28
- package/dist/components/{p-e0cf94e5.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-4886e764.js → p-0b16cab5.js} +14 -11
- package/dist/components/p-0b16cab5.js.map +1 -0
- package/dist/components/{p-f949a509.js → p-0dfa98b7.js} +3 -3
- package/dist/components/{p-f949a509.js.map → p-0dfa98b7.js.map} +1 -1
- package/dist/components/{p-e5bd19b5.js → p-10a6e3b4.js} +2 -2
- package/dist/components/{p-e5bd19b5.js.map → p-10a6e3b4.js.map} +1 -1
- package/dist/components/{p-be430d3b.js → p-116f927a.js} +4 -4
- package/dist/components/{p-be430d3b.js.map → p-116f927a.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-4e68b95c.js → p-1bd15293.js} +13 -13
- package/dist/components/{p-4e68b95c.js.map → p-1bd15293.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-25c47692.js +82 -0
- package/dist/components/p-25c47692.js.map +1 -0
- 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-bc2368be.js → p-2b9f42a3.js} +9 -9
- package/dist/components/{p-bc2368be.js.map → p-2b9f42a3.js.map} +1 -1
- package/dist/components/{p-c70e74f5.js → p-32e1ce99.js} +8 -8
- package/dist/components/{p-c70e74f5.js.map → p-32e1ce99.js.map} +1 -1
- package/dist/components/{p-e50d0b93.js → p-3335c1e5.js} +30 -30
- package/dist/components/{p-e50d0b93.js.map → p-3335c1e5.js.map} +1 -1
- package/dist/components/{p-162cc171.js → p-35ddfe42.js} +28 -28
- package/dist/components/{p-162cc171.js.map → p-35ddfe42.js.map} +1 -1
- package/dist/components/p-39cad705.js +241 -0
- package/dist/components/{p-89c3b29e.js.map → p-39cad705.js.map} +1 -1
- package/dist/components/p-3a315e0d.js +175 -0
- package/dist/components/{p-10160767.js.map → p-3a315e0d.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-41780a0f.js → p-3cd7697d.js} +5 -5
- package/dist/components/p-3cd7697d.js.map +1 -0
- 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-41a512ff.js +207 -0
- package/dist/components/{p-0c0651ff.js.map → p-41a512ff.js.map} +1 -1
- package/dist/components/{p-bca524e6.js → p-41f34075.js} +19 -19
- package/dist/components/{p-bca524e6.js.map → p-41f34075.js.map} +1 -1
- 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-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-d92ee30a.js → p-47a1a01b.js} +3 -3
- package/dist/components/{p-d92ee30a.js.map → p-47a1a01b.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-b4bb3e74.js → p-4c6fe645.js} +2 -2
- package/dist/components/{p-b4bb3e74.js.map → p-4c6fe645.js.map} +1 -1
- package/dist/components/{p-abf15e78.js → p-4c8ef04f.js} +13 -13
- package/dist/components/{p-abf15e78.js.map → p-4c8ef04f.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-82e22b15.js → p-4f0db835.js} +14 -14
- package/dist/components/{p-82e22b15.js.map → p-4f0db835.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-62808f56.js → p-517dfb9c.js} +15 -15
- package/dist/components/{p-62808f56.js.map → p-517dfb9c.js.map} +1 -1
- package/dist/components/{p-4e9c05bb.js → p-52e7f174.js} +9 -9
- package/dist/components/{p-4e9c05bb.js.map → p-52e7f174.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-42c6e01c.js → p-5afc1cdb.js} +7 -7
- package/dist/components/{p-42c6e01c.js.map → p-5afc1cdb.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-ed03e56a.js → p-63db398c.js} +4 -4
- package/dist/components/{p-ed03e56a.js.map → p-63db398c.js.map} +1 -1
- package/dist/components/{p-ce772794.js → p-662c812d.js} +2 -2
- package/dist/components/{p-ce772794.js.map → p-662c812d.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-eee39702.js → p-6e2f3b1e.js} +13 -13
- package/dist/components/{p-eee39702.js.map → p-6e2f3b1e.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-f8e8e77c.js → p-72b742f3.js} +2 -2
- package/dist/components/{p-f8e8e77c.js.map → p-72b742f3.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-7f4ad104.js +45 -0
- package/dist/components/{p-e1bdb1d6.js.map → p-7f4ad104.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-f0ffd84c.js → p-8120c99f.js} +4 -4
- package/dist/components/{p-f0ffd84c.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-066e3240.js → p-82e0a492.js} +15 -15
- package/dist/components/{p-066e3240.js.map → p-82e0a492.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-91b783bd.js → p-90e9aa1f.js} +2 -2
- package/dist/components/{p-91b783bd.js.map → p-90e9aa1f.js.map} +1 -1
- package/dist/components/{p-9702b067.js → p-94f31f21.js} +4 -4
- package/dist/components/{p-9702b067.js.map → p-94f31f21.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-8db1de66.js → p-991bc1b1.js} +7 -7
- package/dist/components/{p-8db1de66.js.map → p-991bc1b1.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-3f3ab0df.js → p-9b4a2430.js} +10 -10
- package/dist/components/{p-3f3ab0df.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-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-6ac5a89c.js → p-afd795e9.js} +13 -13
- package/dist/components/{p-6ac5a89c.js.map → p-afd795e9.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-16bf0291.js → p-be80faf1.js} +42 -42
- package/dist/components/{p-16bf0291.js.map → p-be80faf1.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-9bf13adb.js → p-c227ce6a.js} +2 -2
- package/dist/components/{p-9bf13adb.js.map → p-c227ce6a.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-0deda363.js → p-cd07fedf.js} +3 -3
- package/dist/components/{p-0deda363.js.map → p-cd07fedf.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-d14c101c.js → p-d3fafc96.js} +14 -14
- package/dist/components/{p-d14c101c.js.map → p-d3fafc96.js.map} +1 -1
- package/dist/components/{p-55d4f2c2.js → p-d3fe1762.js} +13 -13
- package/dist/components/{p-55d4f2c2.js.map → p-d3fe1762.js.map} +1 -1
- package/dist/components/{p-7a62a3b1.js → p-d84d93f2.js} +6 -6
- package/dist/components/{p-7a62a3b1.js.map → p-d84d93f2.js.map} +1 -1
- package/dist/components/{p-e16a4907.js → p-db24ff3a.js} +11 -11
- package/dist/components/{p-e16a4907.js.map → p-db24ff3a.js.map} +1 -1
- package/dist/components/{p-80b1c5e2.js → p-e29ce583.js} +35 -35
- package/dist/components/{p-80b1c5e2.js.map → p-e29ce583.js.map} +1 -1
- package/dist/components/p-e7f4bf69.js +176 -0
- package/dist/components/{p-d03c0d34.js.map → p-e7f4bf69.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-6ccc8a01.js → p-f2fc107c.js} +11 -11
- package/dist/components/{p-6ccc8a01.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-e6841bf4.js → p-f6149a35.js} +4 -4
- package/dist/components/{p-e6841bf4.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/{p-4713a48e.js → p-f79897b4.js} +4 -4
- package/dist/components/{p-4713a48e.js.map → p-f79897b4.js.map} +1 -1
- package/dist/components/{p-b202cede.js → p-f9fe97a3.js} +25 -25
- package/dist/components/{p-b202cede.js.map → p-f9fe97a3.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +103 -103
- 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-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 +28 -28
- 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 +156 -152
- 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-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/p-e75cd2a4.entry.js +2 -0
- package/dist/smoothly/p-e75cd2a4.entry.js.map +1 -0
- 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-0c0651ff.js +0 -207
- package/dist/components/p-10160767.js +0 -175
- package/dist/components/p-37d74e11.js +0 -76
- package/dist/components/p-37d74e11.js.map +0 -1
- package/dist/components/p-41780a0f.js.map +0 -1
- package/dist/components/p-4886e764.js.map +0 -1
- package/dist/components/p-6bce4d32.js +0 -123
- package/dist/components/p-89c3b29e.js +0 -241
- package/dist/components/p-c99a7044.js +0 -53
- package/dist/components/p-c99a7044.js.map +0 -1
- package/dist/components/p-d03c0d34.js +0 -176
- package/dist/components/p-e1bdb1d6.js +0 -45
- package/dist/smoothly/p-0f87a1f6.entry.js +0 -2
- package/dist/smoothly/p-44d11e9d.entry.js +0 -2
- package/dist/smoothly/p-6cd3a82b.entry.js +0 -2
- package/dist/smoothly/p-6cd3a82b.entry.js.map +0 -1
- /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"; }
|
|
@@ -22,7 +22,7 @@ export class SmoothlyInputClear {
|
|
|
22
22
|
if (Editable.Element.is(parent)) {
|
|
23
23
|
parent.listen("changed", async (p) => {
|
|
24
24
|
if (Input.is(p)) {
|
|
25
|
-
this.display = !p.readonly && (typeof p.defined == "boolean" ? p.defined : Boolean(p.
|
|
25
|
+
this.display = !p.readonly && (typeof p.defined == "boolean" ? p.defined : Boolean(await p.getValue()));
|
|
26
26
|
}
|
|
27
27
|
if (p instanceof SmoothlyForm) {
|
|
28
28
|
this.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1;
|
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/clear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOhC,MAAM,OAAO,kBAAkB;;;;oBAGS,OAAO;wBACK,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,KAAK,CAAC,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;oBACjC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;wBAClC,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;4BACjB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/clear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOhC,MAAM,OAAO,kBAAkB;;;;oBAGS,OAAO;wBACK,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,KAAK,CAAC,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;oBACjC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;wBAClC,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;4BACjB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;wBACxG,CAAC;wBACD,IAAI,CAAC,YAAY,YAAY,EAAE,CAAC;4BAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;4BAClF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;wBAC3B,CAAC;oBACF,CAAC,CAAC,CAAA;gBACH,CAAC;YACF,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;IACrB,CAAC;IACD,MAAM;;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO;YACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC/D,8DAAQ;gBACR,sEAAe,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACzB,CACZ,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-clear\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputClear {\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill = \"clear\"\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" | \"large\" | \"icon\" | \"flexible\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop() tooltip = \"Clear\"\n\tprivate parent?: Clearable | (Clearable & Editable)\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Clearable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tif (Editable.Element.is(parent)) {\n\t\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\t\tthis.display = !p.readonly && (typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue()))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\t\tthis.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1\n\t\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.clear()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon name=\"close\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
|
|
@@ -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 => {
|