smoothly 1.95.0 → 1.97.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/smoothly-app_103.cjs.entry.js +101 -101
- package/dist/cjs/smoothly-app_103.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-submit.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/input/checkbox/style.css +3 -0
- package/dist/collection/components/input/color/style.css +3 -0
- package/dist/collection/components/input/date/index.js +2 -2
- package/dist/collection/components/input/date/index.js.map +1 -1
- package/dist/collection/components/input/date/range/index.js +22 -4
- package/dist/collection/components/input/date/range/index.js.map +1 -1
- package/dist/collection/components/input/date/range/style.css +13 -1
- package/dist/collection/components/input/date/style.css +11 -1
- package/dist/collection/components/input/date/text/index.js +1 -19
- package/dist/collection/components/input/date/text/index.js.map +1 -1
- package/dist/collection/components/input/date/time/index.js +5 -5
- package/dist/collection/components/input/date/time/index.js.map +1 -1
- package/dist/collection/components/input/date/time/style.css +3 -0
- package/dist/collection/components/input/demo/date/index.js +1 -1
- package/dist/collection/components/input/demo/index.js +4 -4
- 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/demo/standard/index.js.map +1 -1
- package/dist/collection/components/input/demo/user-input/index.js +3 -3
- 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/file/style.css +4 -0
- package/dist/collection/components/input/index.js +1 -1
- package/dist/collection/components/input/index.js.map +1 -1
- package/dist/collection/components/input/month/index.js +4 -4
- package/dist/collection/components/input/radio/item/index.js +1 -1
- package/dist/collection/components/input/radio/style.css +3 -0
- 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/range/style.css +3 -0
- 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/select/index.js.map +1 -1
- package/dist/collection/components/input/select/style.css +3 -0
- package/dist/collection/components/input/style.css +3 -4
- 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 +2 -2
- package/dist/collection/components/notification/index.js +1 -1
- package/dist/collection/components/notifier/index.js +1 -1
- 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/body/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/colspan/index.js +1 -1
- package/dist/collection/components/table/demo/filler-row/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +5 -5
- package/dist/collection/components/table/demo/group/index.js +1 -1
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
- package/dist/collection/components/table/demo/nested-no-cell/inner/index.js +1 -1
- package/dist/collection/components/table/demo/simple/simple.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/filler-row/index.js +1 -1
- package/dist/collection/components/table/foot/index.js +1 -1
- package/dist/collection/components/table/group/index.js +1 -1
- package/dist/collection/components/table/head/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/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-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-787944b1.js → p-00165343.js} +2 -4
- package/dist/components/p-00165343.js.map +1 -0
- package/dist/components/p-003a635b.js +45 -0
- package/dist/components/{p-1e58d3b9.js.map → p-003a635b.js.map} +1 -1
- package/dist/components/{p-fd055140.js → p-02c38067.js} +5 -5
- package/dist/components/{p-fd055140.js.map → p-02c38067.js.map} +1 -1
- package/dist/components/{p-78ddc1f7.js → p-04b312ca.js} +2 -2
- package/dist/components/{p-78ddc1f7.js.map → p-04b312ca.js.map} +1 -1
- package/dist/components/{p-990382e3.js → p-0b3f1a79.js} +2 -2
- package/dist/components/{p-990382e3.js.map → p-0b3f1a79.js.map} +1 -1
- package/dist/components/{p-25eebfd9.js → p-0e242fdd.js} +4 -4
- package/dist/components/{p-25eebfd9.js.map → p-0e242fdd.js.map} +1 -1
- package/dist/components/{p-7e4a80fe.js → p-1062aeb9.js} +3 -3
- package/dist/components/{p-7e4a80fe.js.map → p-1062aeb9.js.map} +1 -1
- package/dist/components/{p-e39b1669.js → p-140b6f3c.js} +5 -5
- package/dist/components/{p-e39b1669.js.map → p-140b6f3c.js.map} +1 -1
- package/dist/components/{p-eb425cfd.js → p-19d93e64.js} +2 -2
- package/dist/components/{p-eb425cfd.js.map → p-19d93e64.js.map} +1 -1
- package/dist/components/{p-5e495944.js → p-1e46b981.js} +2 -2
- package/dist/components/{p-5e495944.js.map → p-1e46b981.js.map} +1 -1
- package/dist/components/{p-db74d132.js → p-211c0f22.js} +3 -3
- package/dist/components/{p-db74d132.js.map → p-211c0f22.js.map} +1 -1
- package/dist/components/{p-0239e2c0.js → p-21720476.js} +17 -17
- package/dist/components/{p-0239e2c0.js.map → p-21720476.js.map} +1 -1
- package/dist/components/{p-7457469e.js → p-250c5656.js} +30 -30
- package/dist/components/{p-7457469e.js.map → p-250c5656.js.map} +1 -1
- package/dist/components/{p-82c7b41d.js → p-2779565d.js} +2 -2
- package/dist/components/{p-82c7b41d.js.map → p-2779565d.js.map} +1 -1
- package/dist/components/{p-604c19c3.js → p-29853f1a.js} +2 -2
- package/dist/components/{p-604c19c3.js.map → p-29853f1a.js.map} +1 -1
- package/dist/components/{p-f1f48dd3.js → p-2b0bbc2a.js} +5 -5
- package/dist/components/{p-f1f48dd3.js.map → p-2b0bbc2a.js.map} +1 -1
- package/dist/components/{p-06a75cf4.js → p-2ef8a833.js} +2 -2
- package/dist/components/{p-06a75cf4.js.map → p-2ef8a833.js.map} +1 -1
- package/dist/components/{p-67d85dad.js → p-3270e9e0.js} +13 -13
- package/dist/components/{p-67d85dad.js.map → p-3270e9e0.js.map} +1 -1
- package/dist/components/{p-a028f8c4.js → p-3592f43e.js} +10 -10
- package/dist/components/{p-a028f8c4.js.map → p-3592f43e.js.map} +1 -1
- package/dist/components/{p-f5648051.js → p-35bfb804.js} +2 -2
- package/dist/components/{p-f5648051.js.map → p-35bfb804.js.map} +1 -1
- package/dist/components/{p-4369eee5.js → p-360f959f.js} +4 -4
- package/dist/components/{p-4369eee5.js.map → p-360f959f.js.map} +1 -1
- package/dist/components/{p-8153821c.js → p-37732412.js} +2 -2
- package/dist/components/{p-8153821c.js.map → p-37732412.js.map} +1 -1
- package/dist/components/{p-79b2dc4c.js → p-3a07b89f.js} +22 -22
- package/dist/components/p-3a07b89f.js.map +1 -0
- package/dist/components/{p-f4d38f75.js → p-3a1a67e7.js} +3 -3
- package/dist/components/{p-f4d38f75.js.map → p-3a1a67e7.js.map} +1 -1
- package/dist/components/{p-c8264085.js → p-3a2d2f1d.js} +14 -12
- package/dist/components/p-3a2d2f1d.js.map +1 -0
- package/dist/components/{p-7efc9876.js → p-3ca7060e.js} +3 -3
- package/dist/components/{p-7efc9876.js.map → p-3ca7060e.js.map} +1 -1
- package/dist/components/{p-8f210b4c.js → p-3fa2299b.js} +2 -2
- package/dist/components/{p-8f210b4c.js.map → p-3fa2299b.js.map} +1 -1
- package/dist/components/{p-7393ae40.js → p-40d2000b.js} +2 -2
- package/dist/components/{p-7393ae40.js.map → p-40d2000b.js.map} +1 -1
- package/dist/components/{p-6e5122ec.js → p-417c64ad.js} +19 -19
- package/dist/components/{p-6e5122ec.js.map → p-417c64ad.js.map} +1 -1
- package/dist/components/{p-963579c4.js → p-4f0ce21b.js} +3 -3
- package/dist/components/{p-963579c4.js.map → p-4f0ce21b.js.map} +1 -1
- package/dist/components/{p-00e370c3.js → p-50304fc1.js} +3 -3
- package/dist/components/{p-00e370c3.js.map → p-50304fc1.js.map} +1 -1
- package/dist/components/{p-60cafcb4.js → p-53eb6d93.js} +4 -4
- package/dist/components/p-53eb6d93.js.map +1 -0
- package/dist/components/{p-05a79a87.js → p-55806dd1.js} +6 -6
- package/dist/components/{p-05a79a87.js.map → p-55806dd1.js.map} +1 -1
- package/dist/components/{p-f1ab93b7.js → p-5bc54b34.js} +2 -2
- package/dist/components/{p-f1ab93b7.js.map → p-5bc54b34.js.map} +1 -1
- package/dist/components/{p-35b35841.js → p-5cd257ad.js} +3 -3
- package/dist/components/{p-35b35841.js.map → p-5cd257ad.js.map} +1 -1
- package/dist/components/{p-28d79a77.js → p-5d4481e5.js} +2 -2
- package/dist/components/{p-28d79a77.js.map → p-5d4481e5.js.map} +1 -1
- package/dist/components/{p-d3fa1e77.js → p-6008d530.js} +4 -4
- package/dist/components/{p-d3fa1e77.js.map → p-6008d530.js.map} +1 -1
- package/dist/components/{p-390005a2.js → p-6014eafb.js} +9 -9
- package/dist/components/{p-390005a2.js.map → p-6014eafb.js.map} +1 -1
- package/dist/components/{p-d73228f5.js → p-62af2a18.js} +5 -5
- package/dist/components/{p-d73228f5.js.map → p-62af2a18.js.map} +1 -1
- package/dist/components/{p-a637efc4.js → p-64e731a9.js} +13 -13
- package/dist/components/{p-a637efc4.js.map → p-64e731a9.js.map} +1 -1
- package/dist/components/{p-8aa072f4.js → p-6765b081.js} +21 -21
- package/dist/components/{p-8aa072f4.js.map → p-6765b081.js.map} +1 -1
- package/dist/components/{p-a0bb98e2.js → p-6a11096b.js} +2 -2
- package/dist/components/{p-a0bb98e2.js.map → p-6a11096b.js.map} +1 -1
- package/dist/components/{p-75a2f47c.js → p-6a24968b.js} +10 -10
- package/dist/components/{p-75a2f47c.js.map → p-6a24968b.js.map} +1 -1
- package/dist/components/{p-0d90bb34.js → p-6d1e5f27.js} +3 -3
- package/dist/components/{p-0d90bb34.js.map → p-6d1e5f27.js.map} +1 -1
- package/dist/components/{p-f4a081aa.js → p-6f96e7ef.js} +2 -2
- package/dist/components/{p-f4a081aa.js.map → p-6f96e7ef.js.map} +1 -1
- package/dist/components/{p-1842fa59.js → p-753658b4.js} +2 -2
- package/dist/components/{p-1842fa59.js.map → p-753658b4.js.map} +1 -1
- package/dist/components/{p-86737203.js → p-7550fc08.js} +2 -2
- package/dist/components/{p-86737203.js.map → p-7550fc08.js.map} +1 -1
- package/dist/components/{p-5c22b8e0.js → p-76cc6651.js} +2 -2
- package/dist/components/{p-5c22b8e0.js.map → p-76cc6651.js.map} +1 -1
- package/dist/components/{p-e17d9197.js → p-79b998a1.js} +35 -35
- package/dist/components/{p-e17d9197.js.map → p-79b998a1.js.map} +1 -1
- package/dist/components/{p-d7a498d5.js → p-7a5f9284.js} +8 -8
- package/dist/components/{p-d7a498d5.js.map → p-7a5f9284.js.map} +1 -1
- package/dist/components/{p-25651163.js → p-7a9728b2.js} +3 -3
- package/dist/components/{p-25651163.js.map → p-7a9728b2.js.map} +1 -1
- package/dist/components/{p-1fbab324.js → p-7b240f39.js} +7 -7
- package/dist/components/p-7b240f39.js.map +1 -0
- package/dist/components/{p-b014fcaa.js → p-7cc6e1f0.js} +4 -4
- package/dist/components/{p-b014fcaa.js.map → p-7cc6e1f0.js.map} +1 -1
- package/dist/components/{p-e8b4925e.js → p-827edd31.js} +5 -5
- package/dist/components/{p-e8b4925e.js.map → p-827edd31.js.map} +1 -1
- package/dist/components/{p-39293296.js → p-87ad85a3.js} +10 -10
- package/dist/components/{p-39293296.js.map → p-87ad85a3.js.map} +1 -1
- package/dist/components/p-907b02db.js +264 -0
- package/dist/components/{p-54fd65eb.js.map → p-907b02db.js.map} +1 -1
- package/dist/components/{p-824fd239.js → p-9166e0af.js} +11 -11
- package/dist/components/{p-824fd239.js.map → p-9166e0af.js.map} +1 -1
- package/dist/components/{p-984f822e.js → p-9204948c.js} +10 -10
- package/dist/components/{p-984f822e.js.map → p-9204948c.js.map} +1 -1
- package/dist/components/{p-f28884d1.js → p-97e22dc3.js} +4 -4
- package/dist/components/{p-f28884d1.js.map → p-97e22dc3.js.map} +1 -1
- package/dist/components/{p-fa06d62b.js → p-9bcdd1ec.js} +6 -6
- package/dist/components/{p-fa06d62b.js.map → p-9bcdd1ec.js.map} +1 -1
- package/dist/components/{p-2e0cfd96.js → p-9ffa8501.js} +9 -9
- package/dist/components/{p-2e0cfd96.js.map → p-9ffa8501.js.map} +1 -1
- package/dist/components/{p-4a792d25.js → p-a1a35d69.js} +9 -9
- package/dist/components/{p-4a792d25.js.map → p-a1a35d69.js.map} +1 -1
- package/dist/components/{p-2f9abfb1.js → p-a2a5e7f4.js} +2 -2
- package/dist/components/{p-2f9abfb1.js.map → p-a2a5e7f4.js.map} +1 -1
- package/dist/components/{p-7dc42c2a.js → p-a4614780.js} +2 -2
- package/dist/components/{p-7dc42c2a.js.map → p-a4614780.js.map} +1 -1
- package/dist/components/{p-e15c41d8.js → p-b25fbf6e.js} +5 -5
- package/dist/components/{p-e15c41d8.js.map → p-b25fbf6e.js.map} +1 -1
- package/dist/components/{p-92fa4a71.js → p-b5193b68.js} +6 -6
- package/dist/components/{p-92fa4a71.js.map → p-b5193b68.js.map} +1 -1
- package/dist/components/{p-0d257ab1.js → p-b773ddd6.js} +11 -11
- package/dist/components/{p-0d257ab1.js.map → p-b773ddd6.js.map} +1 -1
- package/dist/components/{p-3512fe6a.js → p-b9b392d9.js} +8 -8
- package/dist/components/{p-3512fe6a.js.map → p-b9b392d9.js.map} +1 -1
- package/dist/components/{p-4bc33cfc.js → p-ba6ea28b.js} +8 -8
- package/dist/components/{p-4bc33cfc.js.map → p-ba6ea28b.js.map} +1 -1
- package/dist/components/{p-efbd2a4f.js → p-bb94849f.js} +2 -2
- package/dist/components/{p-efbd2a4f.js.map → p-bb94849f.js.map} +1 -1
- package/dist/components/{p-817a3ceb.js → p-beab4c69.js} +23 -23
- package/dist/components/{p-817a3ceb.js.map → p-beab4c69.js.map} +1 -1
- package/dist/components/{p-8f39a458.js → p-c0073997.js} +3 -3
- package/dist/components/{p-8f39a458.js.map → p-c0073997.js.map} +1 -1
- package/dist/components/{p-dee31585.js → p-c1918e49.js} +2 -2
- package/dist/components/{p-dee31585.js.map → p-c1918e49.js.map} +1 -1
- package/dist/components/{p-2b08c195.js → p-c23cde86.js} +7 -7
- package/dist/components/{p-2b08c195.js.map → p-c23cde86.js.map} +1 -1
- package/dist/components/{p-05aa3e73.js → p-c2d6384a.js} +10 -10
- package/dist/components/{p-05aa3e73.js.map → p-c2d6384a.js.map} +1 -1
- package/dist/components/p-c41f5e08.js +123 -0
- package/dist/components/{p-786ae69c.js.map → p-c41f5e08.js.map} +1 -1
- package/dist/components/{p-56e8abd3.js → p-d422d58c.js} +3 -3
- package/dist/components/{p-56e8abd3.js.map → p-d422d58c.js.map} +1 -1
- package/dist/components/{p-0aa4e6b4.js → p-d507ffdf.js} +12 -12
- package/dist/components/{p-0aa4e6b4.js.map → p-d507ffdf.js.map} +1 -1
- package/dist/components/{p-0ce9fb73.js → p-d8c97dde.js} +3 -3
- package/dist/components/{p-0ce9fb73.js.map → p-d8c97dde.js.map} +1 -1
- package/dist/components/{p-46e831e6.js → p-dd423995.js} +10 -10
- package/dist/components/p-dd423995.js.map +1 -0
- package/dist/components/{p-97116010.js → p-e48ad105.js} +4 -4
- package/dist/components/p-e48ad105.js.map +1 -0
- package/dist/components/{p-2e37204f.js → p-e7dcaec1.js} +2 -2
- package/dist/components/{p-2e37204f.js.map → p-e7dcaec1.js.map} +1 -1
- package/dist/components/{p-0094b06f.js → p-ec815cfd.js} +8 -8
- package/dist/components/{p-0094b06f.js.map → p-ec815cfd.js.map} +1 -1
- package/dist/components/{p-24fe267c.js → p-efd2f358.js} +3 -3
- package/dist/components/{p-24fe267c.js.map → p-efd2f358.js.map} +1 -1
- package/dist/components/{p-03da765f.js → p-efd84dbf.js} +13 -13
- package/dist/components/p-efd84dbf.js.map +1 -0
- package/dist/components/{p-e3e35266.js → p-f316d417.js} +12 -12
- package/dist/components/{p-e3e35266.js.map → p-f316d417.js.map} +1 -1
- package/dist/components/{p-4db65fe1.js → p-fb97b2ff.js} +3 -3
- package/dist/components/{p-4db65fe1.js.map → p-fb97b2ff.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +87 -87
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-button-demo-standard.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-date-text.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.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.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-schedule.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-input-checkbox-demo.js +21 -21
- 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-demo.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date-time.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-user-input.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-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-body.js +1 -1
- package/dist/components/smoothly-table-cell.js +1 -1
- package/dist/components/smoothly-table-demo-colspan.js +1 -1
- package/dist/components/smoothly-table-demo-filler-row.js +1 -1
- package/dist/components/smoothly-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-table-demo-group.js +1 -1
- package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
- package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
- package/dist/components/smoothly-table-demo-simple.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-filler-row.js +1 -1
- package/dist/components/smoothly-table-foot.js +1 -1
- package/dist/components/smoothly-table-head.js +1 -1
- package/dist/components/smoothly-table-row-group.js +1 -1
- package/dist/components/smoothly-table-row.js +1 -1
- package/dist/components/smoothly-table.js +1 -1
- package/dist/components/smoothly-tabs-demo.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-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_103.entry.js +101 -101
- package/dist/esm/smoothly-app_103.entry.js.map +1 -1
- package/dist/esm/smoothly-submit.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-68d9c9fc.entry.js → p-1591ed71.entry.js} +2 -2
- package/dist/smoothly/p-51b0aa9b.entry.js +2 -0
- package/dist/smoothly/p-51b0aa9b.entry.js.map +1 -0
- package/dist/smoothly/p-a00d7c21.entry.js +2 -0
- package/dist/smoothly/{p-4e31d890.entry.js → p-bcf83be6.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/input/date/range/index.d.ts +1 -0
- package/dist/types/components/input/date/text/index.d.ts +0 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/p-03da765f.js.map +0 -1
- package/dist/components/p-1e58d3b9.js +0 -45
- package/dist/components/p-1fbab324.js.map +0 -1
- package/dist/components/p-46e831e6.js.map +0 -1
- package/dist/components/p-54fd65eb.js +0 -264
- package/dist/components/p-60cafcb4.js.map +0 -1
- package/dist/components/p-786ae69c.js +0 -123
- package/dist/components/p-787944b1.js.map +0 -1
- package/dist/components/p-79b2dc4c.js.map +0 -1
- package/dist/components/p-97116010.js.map +0 -1
- package/dist/components/p-c8264085.js.map +0 -1
- package/dist/smoothly/p-a38730b9.entry.js +0 -2
- package/dist/smoothly/p-a38730b9.entry.js.map +0 -1
- package/dist/smoothly/p-eb9ae48f.entry.js +0 -2
- /package/dist/smoothly/{p-68d9c9fc.entry.js.map → p-1591ed71.entry.js.map} +0 -0
- /package/dist/smoothly/{p-eb9ae48f.entry.js.map → p-a00d7c21.entry.js.map} +0 -0
- /package/dist/smoothly/{p-4e31d890.entry.js.map → p-bcf83be6.entry.js.map} +0 -0
|
@@ -6,9 +6,9 @@ export class SmoothlySpinner {
|
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
8
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '91e0a007802a3083c6a9139b8eac70e5589a6bd8', style: {
|
|
10
10
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
11
|
-
} }, h("svg", { key: '
|
|
11
|
+
} }, h("svg", { key: '831ec769d03d32917064a7bdcf6c79db27d3ba34', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '27b650bff53888f95016353422c5ae928b758288', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "smoothly-spinner"; }
|
|
14
14
|
static get encapsulation() { return "scoped"; }
|
|
@@ -25,7 +25,7 @@ export class SmoothlySubmit {
|
|
|
25
25
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Button, { key: '
|
|
28
|
+
return (h(Button, { key: 'fa8802fdba3357d4e2718ba01cdaacb6eb9dc447', disabled: this.disabled, type: this.type }, h("slot", { key: '6089bc597c9ba8a1d8df0ccc3388ca09b9ea4f49' })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "smoothly-submit"; }
|
|
31
31
|
static get encapsulation() { return "scoped"; }
|
|
@@ -10,7 +10,7 @@ export class SmoothlySummary {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("details", { key: '
|
|
13
|
+
return (h("details", { key: 'bfc42e899118e3da7e8960d2511182a73a5b2a6a', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e59d4ba68e9f50851536c0870b0322a2af621f2c' }, h("smoothly-icon", { key: 'c2a3da3176bbde4ce4b3f5e68f715dc3896998b1', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '0ba069fa0fd3e10e39257470ba3c145b7104ab3a', name: "summary" })), h("slot", { key: 'c1f1c78609a469b86394fcb62ae8bf97a3e2d4ae', name: "content" })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "smoothly-summary"; }
|
|
16
16
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableBody {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'db37d0ab8fc16f55f3e81aa1b4e5b77377c9f95c' }, h("slot", { key: '8e82a1f5998227ad1c3e46ac3e147492f66fb482' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-body"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -5,7 +5,7 @@ export class SmoothlyTableCell {
|
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
7
|
var _a;
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '30943ec45f6e73df71d5ad72bbad350e4f076f34', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '4af540a7486d8616d427159feaa6200c91000e05' })));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "smoothly-table-cell"; }
|
|
11
11
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemoColspan {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '1b9dfde05087d6be2711b86baca19630286b2322' }, h("smoothly-table", { key: '0ba0536e747782d879f6a2cf099388435c881ad5', columns: 3 }, h("smoothly-table-head", { key: 'e14bea187af499007f4173c261526c72f3b89c8e' }, h("smoothly-table-row", { key: '9104850519968b86ba1f48f5ee997a1ccfa49a12' }, h("smoothly-table-cell", { key: '26dd9041355d04f517e3951ce608cc8b60b8caaf' }, "Date"), h("smoothly-table-cell", { key: 'b78eb957ed8ec68b5919362fe0afedc1f6375c5d' }, "Skip"), h("smoothly-table-cell", { key: '1f8ef467f5a9e9ba2157e126fc3adedb2821c9ea' }, "Total"))), h("smoothly-table-body", { key: '6679b94c153ce61b39957e64d453f8f5edd47cf0' }, h("smoothly-table-row", { key: 'd0f0c0b13b0e56b7fc761701897f9304c531c5d9' }, h("smoothly-table-cell", { key: '8e022e2e5befad0983c8d6e0567dc92a8fe1bb0c', span: 2 }, h("smoothly-display", { key: 'efb5e464048093e3855163818b6b38d86f084995', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'c9912c8e499f751cd84323b15b282f58e1a2a052' }, h("smoothly-display", { key: 'f618c45ed3960424e46ef6f40adf2b69c7307a08', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'a8605b2eb3eb80ab039f2cc6e257842045e16909' }, h("smoothly-table-expandable-cell", { key: 'cf8436e7d932f4ff0d92a054c74275551961a1ab', span: 2 }, h("smoothly-display", { key: '2013f65b67bf9f03de31fabae41e2fa4cfab338c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'e8d3b46995025d2f3af0f2f587b555bf4d1c0daf', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '0409b2d3c90ada5737e6bb9069fb1066ff7063af' }, h("smoothly-display", { key: '82bd4a3cde9062604343fd53161a7d86838f4fed', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '4592efa154194347becf15f00275303577d743b7', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '0aa33698c9d9de3f41d04298d60a15b62f9294e4' }, h("smoothly-table-cell", { key: '5e7265ba2d08b2aba02decd78ad88319cc407f72' }, h("smoothly-display", { key: '5af078d9ea92c4a6865a3f7545ece78d709c85fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '606899c1227efff03793e7108f413ca727b77304' }, "Not Skipped"), h("smoothly-table-cell", { key: '9fcdda1bad4686bf2c8a5a78486a05d25d923402' }, h("smoothly-display", { key: '033cf9f7f2f090738f71320df238d26152acdcd1', type: "price", value: 320, currency: "EUR" })))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo-colspan"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -9,7 +9,7 @@ export class SmoothlyTableDemoFillerRow {
|
|
|
9
9
|
}, 3000);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: 'f857bf2706fea0bc7bef38da1231c17460e9c609' }, h("smoothly-display", { key: '56bb55f00ea43d80e8b94460bb2e951bc741aa72', type: "text", value: "Filler row" }), h("smoothly-table", { key: '3a6c43bc37797672d40417395ffdacca1b52f327', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '09289f8564422ceb0f8b7d33040a561d35dc9a02' }, h("smoothly-table-row", { key: '9675f44ce397953bc4b674bc768299d3a018820e' }, h("smoothly-table-cell", { key: '8fde03da5517c6f75c7c8da3c5bb336d2ed5a4b0' }, "Breed"), h("smoothly-table-cell", { key: '721fc804d59cb6dca7b66b2fd38dd700172322be' }, "Country"), h("smoothly-table-cell", { key: 'e8fbd6258f7167841eef83776e00406cd9ed3690' }, "Coat"), h("smoothly-table-cell", { key: '3e514eab5bb013da0d23cdde06324492bb97632b' }, "Origin"))), h("smoothly-table-body", { key: 'a14df5fcfad26c2d54ef13810e409ed65f72ac39' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "smoothly-table-demo-filler-row"; }
|
|
15
15
|
static get encapsulation() { return "scoped"; }
|
|
@@ -27,18 +27,18 @@ export class TableDemoFiltered {
|
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
29
|
const cats = this.cats && selectively.filter(this.criteria, this.cats);
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: 'd8b3ad77da3b6cb9e815a50d79f84d1c6a811e4e' }, h("smoothly-display", { key: '98af74a79c021d4a2c2745d22efdfda66c8824d4', type: "text", value: "Filtered" }), h("smoothly-filter", { key: 'fb4409524f1fd2d09b4ca245679bbe1d0b8a989e' }, h("smoothly-filter-toggle", { key: '50f1a730744c162ea32eca49f175a618ea182e22', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '3ccd46f9bf9d95ea8efc6f4b9904287cacf58774', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '55ac1ae50f0d758a8c4967f90bfb1158b19355ff', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '28c9d499e5d68c81f5ff50b39912b70e85c0951d', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '6b72624b9ebd4a12b99074597ab3832b7025011c', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
31
31
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
32
32
|
var _a;
|
|
33
33
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
34
|
-
})), h("div", { key: '
|
|
34
|
+
})), h("div", { key: 'd41ea8b32d00dccaa5387f84d71a5ea4cec7970d', slot: "detail" }, h("smoothly-form", { key: '5654b332a077152ae1438eac095cd3523da770a8', looks: "border" }, h("smoothly-filter-select", { key: 'c1c07dc99c02dbf9043e1f6ad2ad2eea8a49a511', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
35
35
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
36
36
|
var _a;
|
|
37
37
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
38
|
-
})), h("smoothly-filter-select", { key: '
|
|
39
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '
|
|
38
|
+
})), h("smoothly-filter-select", { key: '3b5479f13abe40f9da79a68f0db36a4b33660f73', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
39
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'a84c4c06a961d71bd8605c7e90b960f72c6b10d5', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
40
40
|
.flat()
|
|
41
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '
|
|
41
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '12a34eaa89d99be16bb563dbbf32a353e988865a', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'ad77d0b787cc319fc830c9ed699f31baaa071da5', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", { columns: 4 }, h("smoothly-table-head", null, h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cats)), h("smoothly-table-cell", null, "Breed"), h("smoothly-table-cell", null, "Coat"), h("smoothly-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-foot", null, h("smoothly-table-row", null, h("smoothly-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "smoothly-table-demo-filtered"; }
|
|
44
44
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemoGroup {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '2588ee8b11cceb6f30d6cf3e16f012284b88aef5' }, h("smoothly-display", { key: 'c4072df4a3b2a51efee6b88940d073df277cdacb', type: "text", value: "Group" }), h("smoothly-table", { key: '593411511952a94c54646c10c1d79a616af16348', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '85207ce5dda04eca8e1cd6c9b6d517957273d196' }, h("smoothly-table-row", { key: '8b499af43a319be84bb26ca64a28a2b550b1147f' }, h("smoothly-table-cell", { key: '8f5e13c5fa0c98e5e572943b85c5166105f3bd7b' }, "Date"), h("smoothly-table-cell", { key: 'fcfd559317a468734d04511b27550a7c0d077a2e' }, "Total"))), h("smoothly-table-body", { key: 'e40ee8bfa1fce7644a63f5d4ae7ad9570c8fa9d9' }, h("smoothly-table-row-group", { key: 'dee01fd5283fb7151191ed0b37e0982ca4b0f687', align: true }, h("smoothly-display", { key: '9a22541cad30cd45299a36fef7204cde3a3fdd3f', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'b6d651c90cbd5e1505b5cad319865822bc4435bd', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '87014f0572f1da25fb891d290e832875a3a5a4d5' }, h("smoothly-table-cell", { key: '4ff8a957ad3af6735251d0365fefbffe641a9989' }, h("smoothly-display", { key: '2c8ac9e458f90805ee50f41fd5068a2829eb69f6', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '5485d068b066424513077c103d363b28dc296a85' }, h("smoothly-display", { key: '9752fafab23c6b2bee43f518575693d6341c1af0', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '738ade928043ec56b5dd4cd2350d7b264f2b0c68', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '75c05fbf6aff637af2014b2e09d75cdc7de7c8c0' }, h("smoothly-table-cell", { key: '699bbc5005849e0ee23b24c7c2e273f1fb6c4c8f' }, h("smoothly-display", { key: '53a9dc520b688c9ce94b68798ffa90bd459c183e', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'cac110be1952cd054343b325761e30b194337461' }, h("smoothly-display", { key: '55748ae8a05d0f383b7a5d155fd67fdcb0d94435', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '5d424b9dda2176af0b42a83d87e8a2a0a25d8001', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '34ba6f053457f1a0ee1b0f890f8ad8407450ad41' }, h("smoothly-table-cell", { key: 'ac03d46f47ced40e2189f9542a67db1b9b1e497a' }, h("smoothly-display", { key: '99a1ffa65c16c219783e0103a934aaaf040c1f5c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'b172e3877d0c0bd4f8a75e08576fc2ae1a124bbb' }, h("smoothly-display", { key: '3b61525a2201aaaf74bff02dc98a69823e86571c', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '0ee99a8b2ad921aa8c8bfb812307ae8aa57119eb' }, h("smoothly-display", { key: 'efebc41060422de6b1a9c86c6954f10ead7f1136', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '26d97fd3f9c3a6c399687b61565719914913f99b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '72462b7c0883b23bf82d9776d07801957f7d784c' }, h("smoothly-table-cell", { key: 'fe1f362f8c3298c198942dfd2337033e5aad08ce' }, h("smoothly-display", { key: '2a568646554e5fa224b133728ffe83a4bb09d62d', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '486b9a50a92767eb446a576c39612f9d8a296dc1' }, h("smoothly-display", { key: '446decb6ea726843bc26154f920c3907a1acaae0', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '57837cff0a487c4f7e565ecaaa48f9a3dd6fd4e8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '53f917b56a01973712dbe5fb2cac2d38f471b991' }, h("smoothly-table-cell", { key: '91255e99fc2324b0d142b68bbdf09a36dd33dc94' }, h("smoothly-display", { key: '6a7e97b732bc1913895c921f275949f0f62208f4', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '830a3287399a9e1fc6565fe7c891764e70e03e8d' }, h("smoothly-display", { key: 'a65573dc1af4b3fd737a6ee475ccf34c7a0b9c9f', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '646707de9e76d024e6812e253cb14a59a46f11d4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '0026f89477afc7f84eb1ee924082213ee0c89c7b' }, h("smoothly-display", { key: 'dff0f1591513de1245c07f8b537d77809ddefc48', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '787ddfe55945e3589e84b65e29c487d56a391e0e' }, h("smoothly-table-cell", { key: 'f8b2249eb641fb8de2f33b025f0177dbafe445fc' }, h("smoothly-display", { key: 'bc7bf9c2f642a633d466f1e494c8d1323350a22a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '049d6cc9bf23932308b023d8abfa5d5b0278ed56' }, h("smoothly-display", { key: '93a3e761635f6c3eecb4bbf7e9462b2811357f85', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '7f385f05fea35af8f0aff74ed041c59ae3e5bf46', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '328cb04ef6023106ae1989af83af5de1301e850f' }, h("smoothly-table-cell", { key: 'b0b00601ca9089b5575df356d8367e0dda4c9994' }, h("smoothly-display", { key: 'e7a933a35de331582863dd6f253496a6e5e8dd8a', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f48e05f30e255b69034a5a566cbcb3db67c6a56e' }, h("smoothly-display", { key: '2ceca893aba24718dd13a89eea0e28500e7d699b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'dc43c7409460036978af41cacc068ef0f38e4cfc', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '86a9605cfd9fd2fb4389589c385faa4da1c6c6f6' }, h("smoothly-display", { key: '9d47934ec72c1b209899a6fd08616055b086dd8e', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '5f04b9721430f40c51a6425c2dff7036ea139e08' }, h("smoothly-table-cell", { key: 'd8d4e856ed91c2ad53cee6be90cce00d27f14069' }, h("smoothly-display", { key: '964358b865a984471f5671f5061ba31977016042', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'dcfecb038915410fa4c2083376b73053ed48935a' }, h("smoothly-display", { key: '5620c84e881a0e59b113715f128941c16d24ec80', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '04b7afee25f019c2a312f96cf69d7b0adc08f726', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'aaf61d4297e578396a8ed658e066f146d990b0f9' }, h("smoothly-table-cell", { key: '9b4bf0540e0f373b8d34eebd297832878acf1427' }, h("smoothly-display", { key: 'ee0da2b1910d78411bd0c95dbb1792290514a499', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '79201617d37419b2d7972fc257e7bb1fba8cd7ab' }, h("smoothly-display", { key: '685d9ebb4fe99613c70d93ce6a2e9d5a4739f39e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2ac506baea9413ddcd17dec9d74ade91db501782', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'c7e42840958c6cc67b3f67f623d75972bdc7e62a' }, h("smoothly-table-row-group", { key: 'edfb3fc48b53bfb808b077c1ada7454f04397481' }, h("smoothly-display", { key: '81565e5820fee3e24100edb097fa029293704ced', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '7fe07e7763c2ba9add544de5bfcc909aba40282d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'f5424a7dddc7f0163182e259ceaffb6963809b53' }, h("smoothly-table-row", { key: 'f6ed19f1e02b5166b20ba010f1a0c30086fe1813' }, h("fake-cell-wrapper", { key: '3b877001f93114b3339a0c17c90062cf96ef32e7' }, h("smoothly-table-cell", { key: '2c4b73e799abc490e066de0c5617cafe38497052' }, h("smoothly-display", { key: 'd23df7e47dd898d65d619e664399d50bc82bb2cd', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '4602c998b541cc2477678362057dd3d36d4ceafd' }, h("smoothly-table-expandable-cell", { key: '302d2efef19bc6d29f4aebdcce8c5bc9e86e5953' }, h("smoothly-display", { key: 'e82ec13f78ca0bdeea085fdeb1759d6c16cc818a', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'cbb04477852ae61054063dc8f6854e7351435792', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'fade1308d120d94005a13f4e54e5541495accc01' }, h("smoothly-table-expandable-row", { key: '7e925f320ecbbd2c665cc5f475b019bce0126e89' }, h("fake-cell-wrapper", { key: '54b47216d6677202de3d2ed691748f6e8c94bb4b', class: "span-2" }, h("smoothly-table-cell", { key: '9797b634c544b7bdce16b4097ee7688341c28e9c', span: 2 }, h("smoothly-display", { key: '6e42c40713217d020d33966218c21787b5bf5033', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '93dbde72d7127b087dc64e1404fcd0d12e39c20e', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'b91620f1e396ec86d09e170ef6d48e325a5979de' }, h("smoothly-display", { key: '0faf7a3e5ddd36ffcd5bc66643e9e8958b1ce9f1', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '2926b9df72107c99229fc621a02c1b9bb4e6f2d4', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo-group"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '8eabe0e1a24f6eda7d635d2e6eb903a8b8ee85e9' }, h("smoothly-table-demo-filler-row", { key: '0ec866bffd21054185f0263d8c6f649ed8f36c3d' }), h("smoothly-table-demo-group", { key: '3284f7389ca9e6f48290fe5f04a35b715413decd' }), h("smoothly-table-demo-colspan", { key: '64693071c8159e759139d04e0d9a230d6906875a' }), h("smoothly-table-demo-simple", { key: '91d2a8bbfc44ce70bc18dc59e783b2a94d44f178' }), h("smoothly-table-demo-nested-no-cell", { key: '78dbb1c806ef92a2f56bf0bcb25a4f7c4a3bb92a' }), h("smoothly-table-demo-filtered", { key: '0843f821f0a8674b8fc55aa76c7afff2b00c9f15' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -6,7 +6,7 @@ export class SmoothlyTableDemoNestedNoCell {
|
|
|
6
6
|
this.loadedRows = [];
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '2b49ba5c64f8ee0f2e761b0b24b3409eb1fd6c85' }, h("smoothly-display", { key: 'a45be2e6511d548a591d26f541b443f32a1270b2', type: "text", value: "Nested" }), h("smoothly-table", { key: '52c37cd04a3c4bb65c6b946ea573412a22e9c15b', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '3bc613c5e39bf6a422f86f387ebe92f04d077d0d' }, h("smoothly-table-row", { key: '169129220f57386847e64a7e09cd450ff2310e08' }, h("div", { key: 'b3923339af1b54b6bbb0c407772d1df35acb97ca', class: "smoothly-table-cell" }, "Id"), h("div", { key: '218053641cba4bb1116922464330c99e19354a11', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'b73bd55920129ac67a257d83d046bf5cb5c66946', class: "smoothly-table-cell" }, "Name"), h("div", { key: '9300614cf2b59d2df9c00fb7df26680833ec966d', class: "smoothly-table-cell" }, "Age"), h("div", { key: '15da0f9f20d7d294ebfefaddb9e921ceb1a325c4', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '9dda91c55abe2fb5516043eb9f39ecf177264656', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'f1c61e55f99bf830a656236b609342f03aa692c1', class: "smoothly-table-cell" }, "Gender"), h("div", { key: 'f5166351564bb510d89b3912bcd847b1617cff3c', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '9193c215a2713e1002692a5a1eb5bfc9193a755a' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
|
|
10
10
|
if (event.detail) {
|
|
11
11
|
this.loadingIndex = index;
|
|
12
12
|
setTimeout(() => {
|
|
@@ -14,7 +14,7 @@ export class SmoothlyTableDemoNestedNoCell {
|
|
|
14
14
|
this.loadedRows = [...this.loadedRows, index];
|
|
15
15
|
}, 1500);
|
|
16
16
|
}
|
|
17
|
-
} }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '
|
|
17
|
+
} }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'f255d860f1a5e09129cd21524e17c0eb3372d638' }, h("smoothly-table-row", { key: 'c1e18dd56eab880f0997a66fefa9208c7450420e' }, h("div", { key: '259aa04ba4efdeaf8c258e4acdf9e262144ded1e', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '4f2756250d1854d2199cbcbd3ad7f47931804c67', class: "smoothly-table-cell" }, "Footer Cell"))))));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "smoothly-table-demo-nested-no-cell"; }
|
|
20
20
|
static get encapsulation() { return "scoped"; }
|
|
@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCellInner {
|
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
7
|
var _a;
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '8d4782924f55278416d2e81e0a5eab463cf34108' }, h("smoothly-table", { key: '6ad741e6c1212979e1bd742206761aa0f0fee0ef', columns: 4 }, h("smoothly-table-head", { key: 'e5d83e5409c933b06406feefe12d16c195a7e46c' }, h("smoothly-table-row", { key: 'a20af51afac114f2e8d92f510923d0b8d495bbd5' }, h("div", { key: 'aab216b4743a63a968d179e6e7fc34898b5beb87', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'e41daaa65b7c6d6b08db6d4fd52d95522bb02177', class: "smoothly-table-cell" }, "Name"), h("div", { key: '7a0b17061fd0ada9b83737f165402e63f9f79c91', class: "smoothly-table-cell" }, "Age"), h("div", { key: '8d2e478af4b2f9514d2384dbe41c2e45398a7495', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'd83f0fc2917ff0b6978eaf94c0605cc2cb1796ce' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "smoothly-table-demo-nested-no-cell-inner"; }
|
|
11
11
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemoSimple {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '8d1a40ac641f837ade95db0678cbe96e33fb0d3f' }, h("smoothly-display", { key: 'bfef65aa0969e5f6c50c0c1f6931ca496dd18a18', type: "text", value: "Simple" }), h("smoothly-table", { key: '23bde36b997f2acfc51aea3ebfe9e041e1a50d17', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3d7a48d72e646cc8466df8b6196215277abd1390' }, h("smoothly-table-row", { key: '8f357a494a4ab508ad17fe4e7335c7765869663d' }, h("smoothly-table-cell", { key: 'f6a150cf9c951245abc3ae8a009716ef3f91a87a' }, "Breed"), h("smoothly-table-cell", { key: '8c1c7b8082cd31e0586ca9e3f78160778a7c8e72' }, "Coat"))), h("smoothly-table-body", { key: '700e3ea9e4475c52554489de9825696d544c4f77' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '7f7f0666a1ea1f47e7c8374690dc5a7c48c3dd7a' }, h("smoothly-table-cell", { key: 'ba35b104f2d3518ea75b5652d0a75d302fc362b7' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '73cd93be19b4f50dc8d84ab6f22236ded0811809' }, "Expandable Cell", h("div", { key: '75fa9c9f2a0c7206a941f52de1af6189670f9f80', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '86a7cb6c60a694e4016deb390bf766953b14d343' }, h("smoothly-table-expandable-cell", { key: 'e6ae6551168987c837e0025d5c1a45142f0c822a' }, "Expandable Cell 1", h("div", { key: '7341edd56910967d6fb323615c6a7c08a0e449ca', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'e352ef1724026813467d69fd65234cc4b49e17a1' }, "Expandable Cell 2", h("div", { key: '480c80ab46c7f0db1f47000ae192d3aa9d88fbd2', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '50e4e030e1e4ea60e125ad006fa228cc4c2cc9d1' }, h("smoothly-table-row", { key: 'f0638efbd0b77789df6a526c536d983a3dec44c6' }, h("smoothly-table-cell", { key: 'cfe79848832328d31abdccc3dd5401627aa6b1ea' }, "Footer Cell"), h("smoothly-table-cell", { key: 'c4fb57a4afc5bd572dc4811f574b52bf8bce11f4' }, "Footer Cell"))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo-simple"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -24,7 +24,7 @@ export class SmoothlyTableExpandableCell {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
var _a;
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '0100a1598090f8d87de2f396b56f569c3d55ff87', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f8a2e8779f498db24e23b55c2cffca3a3e0673fd', class: "content" }, h("slot", { key: '3f49a4eb292da0ce4c52fbd9d80257ada7c6b65e' })), h("div", { key: '178426e2d1aa04ac0624dfc85405ece32a4a3ad9', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'ab7285198401030dbea07283eaa883faba7ba148', name: "detail" }))));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "smoothly-table-expandable-cell"; }
|
|
30
30
|
static get encapsulation() { return "scoped"; }
|
|
@@ -16,7 +16,7 @@ export class SmoothlyTableExpandableRow {
|
|
|
16
16
|
this.smoothlyTableExpandableRowChange.emit(this.open);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '9603b69ce76a615c1c91b21b054de6389055526d', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7631b20efae2ceea71463076b523812497f17a67' }), h("div", { key: '4542ab2e3255a5ea8e93b94b2a1b20670a85fcdb', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '125b820867a4a936718ab8de9a8765166020c52a', name: "detail" }))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "smoothly-table-expandable-row"; }
|
|
22
22
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableFillerRow {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("smoothly-table-row", { key: '
|
|
4
|
+
return (h("smoothly-table-row", { key: '9ec3d65557b5b0ddb207f897231503b9278660a3' }, h("smoothly-table-cell", { key: '3ba5e8f93592d008aa854448fd46eb2133ec80c5' }, h("slot", { key: '5d590507eda2c67d2fda1a815084b648bfa7ac27' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-filler-row"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableFoot {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '1533d9a3447bbed2649a2b3fcd25980b95f2fe8c' }, h("slot", { key: 'e9787e2616189239982cac06331fb10a635fc511' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-foot"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyTableRowGroup {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '042ab6cc12f3441bb67637505521f031493051fa' }, h("div", { key: 'd9e0ce6dad12f3d3371a74b5603a4ff29f7f3b20', onClick: () => this.clickHandler() }, h("div", { key: '59b16a3bb24378913694d3ce394c065ff7816136' }, h("slot", { key: 'b8fcc5180ae67e6db906bd303c510c793314b067', name: "start" })), h("div", { key: '4716392324282da76d7e908fc9a159dd89ee9503' }, h("slot", { key: 'e8ac2ed348abcbe6cb966aee2dd391b247f6cfc3', name: "end" }))), h("div", { key: '053716adfc8cca6ac44ce14db9a1393d6d1832e6' }, h("slot", { key: '3ed87af439c23e60cb49612fe7d593e6062ee2d9' }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-table-row-group"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -22,7 +22,7 @@ export class SmoothlyTableHead {
|
|
|
22
22
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'cbfc978b0adaff62f961f0f57d8f2ed6a8fa197b', class: { scrolled: !!this.scrolled } }, h("slot", { key: '650b9adff04908fdab781ca555fe037a6aa009e5' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "smoothly-table-head"; }
|
|
28
28
|
static get encapsulation() { return "scoped"; }
|
|
@@ -10,7 +10,7 @@ export class SmoothlyTable {
|
|
|
10
10
|
event.stopPropagation();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '673f0457a2915a8bbc5ac662d905405df0f7a74a', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'ba193ea06a8a63c25948275d663d9838ff009268' })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "smoothly-table"; }
|
|
16
16
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyTableRow {
|
|
|
13
13
|
event.target != cell && cell.close();
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '4ed9e4fd09cc13d283d359f5a1f40ccae428aedd' }, h("slot", { key: '20be1367a71b4f91b1849e99bf1f1fc0eb40bfc5' })));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-table-row"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -5,7 +5,7 @@ export class SmoothlyTabsDemo {
|
|
|
5
5
|
this.extraTab2 = undefined;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '1b70346408772313cc080652bdba82bc5ef3c4ac' }, h("div", { key: '058abcee5e2e6bce9d85483b1b9d919645edd6a1' }, h("smoothly-button", { key: '92b13ba0afb9ee0a5ba51dcd9acf181faca2e349', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '1815cb420eaed10987c7fe2eb511f9517197a757', tabs: "multiple" }, h("smoothly-tab", { key: 'ee2addb5bd44466e6f1411d06a47f39224f93533', label: "Single Tab", open: true }, h("strong", { key: 'b899046c48f0d14c8fc8018f080c46dc959fff5b' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'd251d4235620ffe2145537099ad18131d969d318' }, "tabs"), " to", " ", h("code", { key: '16d4be03e8b6b899aa33102297dbc6fab5aae129' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '8e290ee05406fbca9f2909c96eff8425a1548b18', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '91f9e4cf2f8925ed63f3d6ac91f1503c87718463' }, h("smoothly-button", { key: '2ffa6b3803a80e9d37567f9dca184c61a8bc87a6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3327bd61fd5d6f67f79696e689cd0e23acea1789' }, h("smoothly-tab", { key: 'bec5d5d52caec1b186548649b47812e90fc9245b', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '4741f6e5353eb4d14a59089639c4b5986eb1ff0e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '62ed2937a3936f041e44d85a374d97631c18a9e3', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '247dd0e338424b6dec731c6a0efe2a51a1e982da', label: "test-extra" }, "this is a test message!"))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "smoothly-tabs-demo"; }
|
|
11
11
|
static get encapsulation() { return "scoped"; }
|
|
@@ -38,7 +38,7 @@ export class SmoothlyTab {
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '4eecb25a344fc9e930aef4fb766a5d118c5683b7' }, h("div", { key: 'df849582d86a0545aa785103d6be63db1bbd7923', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'db6f4d37d62cc5e9a914f51328f4da107f1da51e', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '19349bcf3bd36b7ad555c7a72fde902c57c5e933', hidden: !this.open }, h("slot", { key: '54da9c83e4f98a43bfba8876780c671c194f962d' }))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "smoothly-tab"; }
|
|
44
44
|
static get encapsulation() { return "scoped"; }
|
|
@@ -4,7 +4,7 @@ export class SmoothlyThemeColor {
|
|
|
4
4
|
this.color = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: 'f3eba30077b65211b490fe7ae2730e8882a0688b' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "smoothly-theme-color"; }
|
|
10
10
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyThemeDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '6cb930a98c4d2bfd95789c041224daf2138a41f9' }, h("h2", { key: '31a72f808346d5e04c8080a4f209eb78c80f4ee8' }, "Theme"), h("smoothly-theme-picker", { key: '653fa4dfee36d491a9a362f4ca023e2c32fb5b73' }, h("smoothly-item", { key: 'dc385796954de3a747c8c66a4bbdc32ae67e99b3', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'd8d1a239a123f117041f5a737b23e656082fb57a', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '7fb9b143948eb46ddfa3ee450f1cd04f8133e6f8', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '3fb461b4d1294de0fdeae387e226335e0cf0bdaa', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '523a689c7d967f33bffb7c56ca2dbb6cbfbbac89', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '6c9ff39fe48a1e0ca77d50743fe7b161274fc703', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'cbf001039db5e7fdc92f5e8cf2b45840642ebdc7', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'cc914158cec903165e2f223b6dc6b2fec3252a28', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '1791438b84d885eb75084ea61b7211376f3f66b2', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: 'a77f03f0047b45b01db7f045b5a78cdb0dd26462' }, h("smoothly-theme-colors", { key: '4103b7786fc26abe85fab60a1508d3e8cd991e7a' }), h("smoothly-theme-guide", { key: '7fee62cbe4973237cf5de7b7d22565780d7e12a7' })), h("smoothly-button", { key: '9362102321160dfd73a5f08504f1772b24c76e07', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'b61c8290c54e5d700c61963c04f8ba5d064241e7', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'e25a74c8541fee7771b6866e44a11823e30afc64', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'cf62147f7fb3263dec157eecd2ad3594254ca217', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-theme-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class SmoothlyThemeColors {
|
|
3
3
|
render() {
|
|
4
4
|
return [
|
|
5
|
-
h("smoothly-display", { key: '
|
|
6
|
-
h("br", { key: '
|
|
7
|
-
h("smoothly-display", { key: '
|
|
8
|
-
h("br", { key: '
|
|
9
|
-
h("smoothly-display", { key: '
|
|
10
|
-
h("br", { key: '
|
|
11
|
-
h("smoothly-display", { key: '
|
|
12
|
-
h("br", { key: '
|
|
5
|
+
h("smoothly-display", { key: '4e53d5193c69a0c8d128c919047ea716188bf5dc' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
6
|
+
h("br", { key: '0c71cd8e14862e88d28363117e8a8ac8ce91ff35' }),
|
|
7
|
+
h("smoothly-display", { key: '1a9f39db8f81e7a76666a08fe14a55d9bc6f1b10' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
|
|
8
|
+
h("br", { key: '3cf9a65a87c8c4704d739d7373f5505ab50da634' }),
|
|
9
|
+
h("smoothly-display", { key: '8cedc5ef3988df73dc0c4d7245804a0b9cfd1a1e' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
10
|
+
h("br", { key: '0a6fd13ff18e67faaa288a9c2268436ef278d335' }),
|
|
11
|
+
h("smoothly-display", { key: 'ffa97f4f8c514fdcb46485fc1861f0da0aeb891d' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12
|
+
h("br", { key: '9c5c133be1689c5caa42881c7a22fce2361caca1' }),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "smoothly-theme-guide"; }
|
|
@@ -4,11 +4,11 @@ export class SmoothlyThemePicker {
|
|
|
4
4
|
this.element = "smoothly-css";
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: '50e80ab0a90ab5d35393e9bbd9157d4b09ef71d9' }, h("smoothly-input-select", { key: 'fe365e40cca0a300dfaa75f141f21e96c1f974e2', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
8
8
|
const element = document.querySelector(`#${this.element}`);
|
|
9
9
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
10
10
|
element.href = e.detail.theme;
|
|
11
|
-
} }, h("label", { key: '
|
|
11
|
+
} }, h("label", { key: 'becbf4b105b039dd803633bb6608e849d0bbd80d', slot: "label" }, "Select theme"), h("slot", { key: '249a3b4dff0a4a364fb7aea5fbf7ae7b2ac45138' }))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "smoothly-theme-picker"; }
|
|
14
14
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyToggleSwitchDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '07e2998a4a4b090cbac1b3ab83bc0615489649f8' }, h("h4", { key: '2157a6a5ae27965b636a2ecfd0eefc1a4f639d7e' }, "Toggle switches"), h("div", { key: '628aa2d204fec900ed5011db7e66a82374a6837a' }, h("p", { key: 'a20c45c8fda1b1e6bebd66df5be8d9f1800a02bb' }, "Checkmark"), h("span", { key: '1500b9d754c0dabcde0f1aff68728a280af58381' }, h("p", { key: '368d780c8e764e196c47373e3b74cda47bbe5366' }, "Tiny"), h("smoothly-toggle-switch", { key: 'df835127da37f3d5a367a6c3dd0fcd85afbe3ddd', disabled: false, size: "tiny" })), h("span", { key: '6dff3eea7b4f0ce80ac5a0b0a9a53fccd0833517' }, h("p", { key: '1a2b8c0619bb5958b8870c1a5fc1ec6cfb897a3f' }, "Small"), h("smoothly-toggle-switch", { key: 'ec51956b6f782176bed6c6ba640d4b4299e178a0', disabled: false, size: "small" })), h("span", { key: 'ffcafb6a6b7dd4bfa37ee95258b954a28f351880' }, h("p", { key: 'fdabb3590c41f4adfa5a27f361cdb0298d03cb71' }, "Standard"), h("smoothly-toggle-switch", { key: '826ab0543d6a700fa53cc0660a7e509a38f26d9f', disabled: false })), h("span", { key: 'acbe40475b444f2e9d2d0a61b9a8ba89bc50f792' }, h("p", { key: '8d11c13af4492f7fa0951aa14a96482c5f65e196' }, "Large"), h("smoothly-toggle-switch", { key: '232279afa6a1f013950dd86130a4d8a539703b99', disabled: false, size: "large" })), h("p", { key: 'e438fef52b367c1f85e340af08e0cb1858dc6539' }, "Colors checkmark"), h("span", { key: 'd12922eda781afb2cb50d1fd6d2d706733dcc0c8' }, h("p", { key: '5a313e01d8e15a39bfb018844afb2d1615a868f9' }, "Danger"), h("smoothly-toggle-switch", { key: '2b2796d3f1ed6dadf2434d650881680f43450e2a', color: "danger", disabled: false, size: "small" })), h("span", { key: '5469bc431b5197999f8ef170c1fbf97d3282d16d' }, h("p", { key: 'fb0482c4a6541c0177e03ec6d4dec188f9c76d57' }, "Primary color"), h("smoothly-toggle-switch", { key: 'fa73d66519cb5973e653bcbbceea62c212e8dc0d', color: "primary", disabled: false, size: "small" })), h("span", { key: '4533485d9360065221c33191e82aedf9e4bab6d1' }, h("p", { key: '35641ed7f30a8302ac81fcdbff15aa8357e848ff' }, "Secondary color"), h("smoothly-toggle-switch", { key: '58e11b3140b89b9d525ee4d43208b9cfc2bf02f5', color: "secondary", disabled: false, size: "small" })), h("p", { key: '2ee3b4ae0567ca42bdc1c0fe25c5181e53547916' }), h("p", { key: 'cfd8c0b1891b685e5e3c42d6b1c79ebd208bc2eb' }, "Colors no checkmark"), h("span", { key: '963fe2c3aea506472735b509a6fe8f4a9cb32a44' }, h("p", { key: '5320ca29f4e66168e1403a6486a6d0cbf6a34868' }, "Danger"), h("smoothly-toggle-switch", { key: 'df297e7ad946e5c512469826febb8ec65683cb54', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '7d8849219550c838df6cb712172f64493116cd85' }, h("p", { key: 'b88939a35636c17c0eb39f57f3e2d0f6864b98ef' }, "Primary color"), h("smoothly-toggle-switch", { key: '3f83b48724f5d37a1fbd950d4bbd327563c690ac', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '8a9e54815e5d5f5e41e77641144d11abc1d745b7' }, h("p", { key: '279657e81a56fe7c4d2600d4f20278dd53fb68b2' }, "Secondary color"), h("smoothly-toggle-switch", { key: '978f6a70a22d5fd5db072732c4ada8d57b64a534', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-toggle-switch-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
|
|
|
13
13
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '89162afb7931c0e7ed30eba6c5c098244876426c' }, h("button", { key: '0277b4bcffd82332f4cb11e98d2db1789a2838bc', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'c357533e1b86b91a3b75463d31d4ee0dd842529e', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-toggle-switch"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -20,7 +20,7 @@ export class SmoothlyTrigger {
|
|
|
20
20
|
result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
|
|
21
21
|
break;
|
|
22
22
|
case "button":
|
|
23
|
-
result = (h("button", { key: '
|
|
23
|
+
result = (h("button", { key: 'e6ce4681d3411c81399fddbd2a0e515ccc3688c9', disabled: this.disabled, name: this.name }, h("slot", { key: '1b1617f28075c5327177d37d94c7e54b21dc7ded' })));
|
|
24
24
|
break;
|
|
25
25
|
}
|
|
26
26
|
return result;
|
|
@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return h("slot", { key: '
|
|
22
|
+
return h("slot", { key: '1bac32ab257e38ccaeebbcdc4660b5d8a9b4cf3a' });
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "smoothly-trigger-sink"; }
|
|
25
25
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyTriggerSource {
|
|
|
13
13
|
}, window);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return h("slot", { key: '
|
|
16
|
+
return h("slot", { key: '29194214d33f2c877c1bd5b6d5bbf3df2671560a' });
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-trigger-source"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|