smoothly 1.96.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 +3 -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-7a2b6443.js → p-21720476.js} +17 -17
- package/dist/components/{p-7a2b6443.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-68a3f86d.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-c6057533.js → p-53eb6d93.js} +4 -4
- package/dist/components/{p-c6057533.js.map → p-53eb6d93.js.map} +1 -1
- 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-786f365b.js → p-64e731a9.js} +13 -13
- package/dist/components/{p-786f365b.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-77171fad.js → p-79b998a1.js} +35 -35
- package/dist/components/{p-77171fad.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-44bd988c.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-adce15bc.js → p-beab4c69.js} +23 -23
- package/dist/components/{p-adce15bc.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-44bd988c.js +0 -264
- package/dist/components/p-46e831e6.js.map +0 -1
- package/dist/components/p-68a3f86d.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-97116010.js.map +0 -1
- package/dist/components/p-c8264085.js.map +0 -1
- package/dist/smoothly/p-41bc2222.entry.js +0 -2
- package/dist/smoothly/p-41bc2222.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
|
@@ -1,264 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
|
|
2
|
-
import { a as DateTime, D as Date } from './p-390767c7.js';
|
|
3
|
-
import { d as defineCustomElement$A } from './p-b7fe2252.js';
|
|
4
|
-
import { d as defineCustomElement$z } from './p-76531b32.js';
|
|
5
|
-
import { d as defineCustomElement$y } from './p-2826e824.js';
|
|
6
|
-
import { d as defineCustomElement$x } from './p-b014fcaa.js';
|
|
7
|
-
import { d as defineCustomElement$w } from './p-787944b1.js';
|
|
8
|
-
import { d as defineCustomElement$v } from './p-9e2ee779.js';
|
|
9
|
-
import { d as defineCustomElement$u } from './p-4e754f3b.js';
|
|
10
|
-
import { d as defineCustomElement$t } from './p-f893b6cc.js';
|
|
11
|
-
import { d as defineCustomElement$s } from './p-ccbdacc9.js';
|
|
12
|
-
import { d as defineCustomElement$r } from './p-3aed2b34.js';
|
|
13
|
-
import { d as defineCustomElement$q } from './p-eb425cfd.js';
|
|
14
|
-
import { d as defineCustomElement$p } from './p-604f869e.js';
|
|
15
|
-
import { d as defineCustomElement$o } from './p-97116010.js';
|
|
16
|
-
import { d as defineCustomElement$n } from './p-7efc9876.js';
|
|
17
|
-
import { d as defineCustomElement$m } from './p-06a75cf4.js';
|
|
18
|
-
import { d as defineCustomElement$l } from './p-92fa4a71.js';
|
|
19
|
-
import { d as defineCustomElement$k } from './p-e8b4925e.js';
|
|
20
|
-
import { d as defineCustomElement$j } from './p-46e831e6.js';
|
|
21
|
-
import { d as defineCustomElement$i } from './p-0d257ab1.js';
|
|
22
|
-
import { d as defineCustomElement$h } from './p-c8264085.js';
|
|
23
|
-
import { d as defineCustomElement$g } from './p-03da765f.js';
|
|
24
|
-
import { d as defineCustomElement$f } from './p-68a3f86d.js';
|
|
25
|
-
import { d as defineCustomElement$e } from './p-6e5122ec.js';
|
|
26
|
-
import { d as defineCustomElement$d } from './p-c6057533.js';
|
|
27
|
-
import { d as defineCustomElement$c } from './p-4bc33cfc.js';
|
|
28
|
-
import { d as defineCustomElement$b } from './p-e15c41d8.js';
|
|
29
|
-
import { d as defineCustomElement$a } from './p-0d90bb34.js';
|
|
30
|
-
import { d as defineCustomElement$9 } from './p-4db65fe1.js';
|
|
31
|
-
import { d as defineCustomElement$8 } from './p-0094b06f.js';
|
|
32
|
-
import { d as defineCustomElement$7 } from './p-fd055140.js';
|
|
33
|
-
import { d as defineCustomElement$6 } from './p-35b35841.js';
|
|
34
|
-
import { d as defineCustomElement$5 } from './p-1fbab324.js';
|
|
35
|
-
import { d as defineCustomElement$4 } from './p-990382e3.js';
|
|
36
|
-
import { d as defineCustomElement$3 } from './p-5e495944.js';
|
|
37
|
-
import { d as defineCustomElement$2 } from './p-f4d38f75.js';
|
|
38
|
-
import { d as defineCustomElement$1 } from './p-efbd2a4f.js';
|
|
39
|
-
|
|
40
|
-
const styleCss = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}";
|
|
41
|
-
const SmoothlyInputDemoStyle0 = styleCss;
|
|
42
|
-
|
|
43
|
-
const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
|
|
44
|
-
constructor() {
|
|
45
|
-
super();
|
|
46
|
-
this.__registerHost();
|
|
47
|
-
this.smoothlyUrlUpdate = createEvent(this, "smoothlyUrlUpdate", 7);
|
|
48
|
-
this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
49
|
-
this.duration = { hours: 8 };
|
|
50
|
-
this.alphanumeric = "!@##";
|
|
51
|
-
}
|
|
52
|
-
render() {
|
|
53
|
-
return (h(Host, { key: '7f574c5c82806c7ee00a06c793b883984cf6a317' }, h("smoothly-input-demo-standard", { key: '7776c856dfbc7795c37b12f4e1ccff9a58a53f02' }), h("smoothly-input-date-demo", { key: '8695fac1f681495d23a203f0c1e658369a5208e5' }), h("smoothly-input-demo-user-input", { key: 'a6b2084ab3bb40d10b12807cbfa18ec4aa8c80a5' }), h("div", { key: '50487efa2c862624ce4738c461878b38efcbb8f9', class: "inputs" }, h("h2", { key: '48456a442136dcf27f068d619a4648f21231d4df' }, "Calendar"), h("smoothly-input-date", { key: '4ea9c301b995bd9ba221deec879a46c4fca68b5b', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '0e87054e90eba9ac97cdcd48cdc2094deb765efb', name: "someDateTime", value: DateTime.now() }, "DateTime"), h("h2", { key: 'c7967bf8213f8e987ee1350ac4b86bbddd4794bf' }, "Date Range"), h("smoothly-input-date-range", { key: 'c5aee42f2de2c7da2b95e724e4e545e5459f7ca6', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '1371f956391aa79369174d3bfc22bdb5ee5cf996', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'd1b12734f006eaf59d8543c0578539f67245e0f7', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '23306a5a8f414e14691e9fa39c9282dfc6ae3d1d', looks: "grid", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
54
|
-
"--smoothly-input-border-radius": "0.5rem",
|
|
55
|
-
} }, h("smoothly-input-clear", { key: '1774cefd3304bfa5c283a10cc44d85f6fe1eacc2', slot: "end", size: "icon" })), h("h2", { key: '7dc7b7271a81cd121f10fa61e28e88eaa037af3e' }, "Date"), h("smoothly-input-date", { key: '17b588159bde4dfbf0146ac942fa235d8d998688' }, "Date"), h("smoothly-input-date", { key: 'b9445869f64033bac130b0b0dca501752610af95', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'f34cd3598997c242ddb6b76698f7f821a601674e', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: 'a46fc2210b837bebdc3cc7a27b07067e0a679476', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'a3811bb817fbdf3d28474494b8a7dffd71fac67a', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '0499c2a7c5434ed716ad1ef87c2786609d94e97e', slot: "end", size: "icon" })), h("h2", { key: '683a2678f46ad1989cc4dd2edef990430beb547c' }, "Select"), h("div", { key: '682acef1f140100dd2e985b6899b89e4914e771e', class: "select-div" }, h("smoothly-input-select", { key: '2e38d749bf959df4d3ced73e8e9d59b8e3d38a4e', name: "select-dessert", looks: "border" }, h("label", { key: '01432777fc4d5bbdde9c83e24015513b6c14016f', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '0f53eaac56e52386945622443068d6769f57b382', value: "1" }, "Ice cream"), h("smoothly-item", { key: '4ad0fee8dade01fd46c1c97397bebb9183385562', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '67fb0107c5cd4294725f6a8399f5c93d589ee717', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '422b942a8306f00eb5cff7ef79d81ecf57033291', value: "4" }, "Cookie"), h("smoothly-item", { key: 'c77baa484e234d42d66c0e2a436f5ecdd7510b33', value: "5" }, "Croissant"), h("smoothly-item", { key: '36f84fdd871d2b8b7b89df7da54d07883c052282', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '1b6ab234c1c7c58bb065165373947f922ba466b4', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'cc2452592ab8c6b99b9630f9e464128c4a464350', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '9172fbe566574d3a6376d69dec7a5d6b50834633', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '75f90ab0248783d98e5fabdbcca908da69b1af21', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '91adf3c9485a41aed6a5acb6edad6a76c91e13b3', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '3dc66017de31e85c8d9ea8a5127a1cb2b7760071', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '733bd688bde445381df687fd17fb0d8a0ed8bf3b', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '1425d34d36caa1cb8bc15307110b4c5dfda7c2d1', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '5ac44d62a99fa114f404edc847b645305f4ea42d', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '79fb109059a58e0f50f525f4437639c621b83b06', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '33400cbca7257a35b9c931e046c51c18e50c9b55', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '0b394b9204545e7fe0ea938127c6cb625eaa919e', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '8643b17c6b78739ce7c41737fd7ee764f4933c0d', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '1c6f7c00f1c21a3be1a8390a28306a5720982eae', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'b07f756a35e549b77e50be75f3a5e2fafc2b3099', value: "folder", selected: true }, h("smoothly-icon", { key: 'c50555d5282480fd507d55311bbfe0723dd03d53', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '6fa0811cc61e90332301cefcb2688ff27e31019a', value: "camera" }, h("smoothly-icon", { key: 'ab64f6988bb978556353d6d0097617d526ac304c', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '7a844e5cf695497cc30429d3e0bfb51cf30017ce', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '3b319069eb3dd5c5c7270acf6e16b5a3b7655dbf', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
56
|
-
.map((_, i) => String.fromCharCode(i + 65))
|
|
57
|
-
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '24aa969e8e2608189b3c443e09ef3fa98c9feedd', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '9c9c9e0d707a6f96fcba1b686873a9010be75a7d', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '0b6387482d71923df9e0b9d717d3ba88d8c98bd1', value: "1" }, "January"), h("smoothly-item", { key: '0947d179f35c567b557bda9dad655a8e25f6dd25', value: "2" }, "February"), h("smoothly-item", { key: '38daf41ad88e97e0852f296df2e5489948fce0f8', value: "3" }, "March"), h("smoothly-item", { key: '9ff729a187a5df043428043439a5f09ecc7260a4', value: "4" }, "April"), h("smoothly-item", { key: '71719ee81658c4897712459e3165accde7765bb8', value: "5" }, "May"), h("smoothly-item", { key: '7e917da27127b438a7de7d3c8e0aa3dce4eb2d72', value: "6" }, "June"), h("smoothly-item", { key: 'b70be51c019bf2f8dcf3e9e06168ac024b0a1c0b', value: "7" }, "July"), h("smoothly-item", { key: '32b97c0167a10cee962e417018b829723671ad50', value: "8" }, "August"), h("smoothly-item", { key: 'd54ca3fbb8cc3e1d68f9f68b9dbd4d432473e920', value: "9" }, "September"), h("smoothly-item", { key: 'd2209e23a9b8db4ea2281421dc108b177e1c04a7', value: "10" }, "October"), h("smoothly-item", { key: '73621556ac499b85857df738fc3bf1850cd4f964', value: "11" }, "November"), h("smoothly-item", { key: 'c6793237c76e6a26e374198ba2bdcdf9e8643251', value: "12" }, "December")), h("div", { key: '099d5c7456bc5836d7f0f2a840eb70ae81237f5a', class: "select-div-row" }, h("smoothly-input-select", { key: '804cf7f085aef7513ef3b76057af284dabab699c', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '830e7259b185f6f5e4df5f31545063549c2a69b2', value: "folder", selected: true }, h("smoothly-icon", { key: 'abe9cdf7e8096b1b317bb6c62a9b274271479391', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '01607bfabfaa6df288dfd242c90e41af8e4fe5b2', value: "camera" }, h("smoothly-icon", { key: '71481f1e468a8e3dde815421f18ec6ee94ed7384', size: "small", name: "camera-outline" })), h("smoothly-item", { key: 'a059b96cdc6c6d7df8ca5185b81d53680c635b22', value: "boat" }, h("smoothly-icon", { key: 'ebe1246148aa4df73a62461f885e4b846e502836', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '3eed3dc23316f18ab61b20a17ef3a602b8ebe7f2', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: 'bcfcc36500f746e17649c9ad9a553b88dc0823dc', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '041402c92d6c43264d811dccc9b8ab6004a42792' }, "Duration"), h("smoothly-input", { key: '451397df5c93c9bc71b5a13aa5a3d40e6e7dd42f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '6fb8b8e8ea5b94a5fbdcca74b3852b75ef477a7c', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
58
|
-
const duration = e.detail.duration;
|
|
59
|
-
this.duration = duration;
|
|
60
|
-
} }, "Duration"), h("h2", { key: 'a47dea26355bddf40255f0a88f72381b15b6fd39' }, "Integer with Min/Max"), h("smoothly-input", { key: '5708f669787dcfbe8fc18cd20ce1f43903331b3f', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: 'ba607eca48fd5d5c54da40c56f58f88b429a11c9', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '3899120a4588724eb5486c713e6b3592f9490106', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: 'a83a35c1ddabdfe8338e5daa270642cd9a00cd7a', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '69838545fe489b84e54394656f3fec9993214768' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '2579f64feccd3ac373562867d7fc6c3a2fdc75b4', copyable: true, name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'd55229c36af45dbeab240431c674fd1fee27b49c' }, "Identifiers"), h("smoothly-input", { key: 'd7abf3ed7f1d633e0ba5abe6673a6e634a896738', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '8d600bc128529a9a6091fa18f0bea9bed1a74d7a', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '85a4a2f01be2b3fd39014833fd495958866838da', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '035f5f628c25f3d0398c9e8dc10390e5dacc0024', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '673f91b6cae1ba8b04b496e20e58d1a4d1c92965', type: "identifier-camel" }, "Camel"), h("h2", { key: '85a4af61aca5745d0125fb8305a8f640c0b5cdf1' }, "Input Alternatives"), h("smoothly-input", { key: 'e4b05f18bb44d4c7b9fdcef83551d9f8c591274b', type: "text", name: "name.last" }, h("smoothly-icon", { key: '2bdcd29f5ae945c37f5a7bb6e5587759bc567351', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '7b17f499a2061624e34fe89fb81d6cfbed54ccd6', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '58041447b7edc6ee18d0f4752c7efaf6767ad2af', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '70d890653d67ad30256b754bdbe3ffd0a5699044', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: 'a1836734b16b3cccdbc0af9b0d894ed478d45e0d', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '6c2a657437514116b1ae60210b289004b2e6a956', placeholder: "test" }), h("smoothly-input-submit", { key: '8e686ba1a74b8f9d85cc6778a314c793946d248e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'a5b71808338b0ae5f06806bcd97142581a2a11f9' }, "Smoothly checkboxes"), h("div", { key: '309b348a380979cd64fdab4a66fd302a48b12b6f', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: 'efcc143919480eb5901b12800f01ea4847a2df14', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: 'a8835c00691583079ff65b59f750f59d470538c1', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'fefb3a5f492b1d39993ca89fc265b9312d0a75cb', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '916895ae8d167ad667109ea5a94ce72131e03cb6', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: '26f2c7dccea2f4eb93fe8c82bd9291b2bc139c19', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5c71f635dd09d730ba6048bbc4bdf3d40de58a05', name: "third-checkbox" }, "3rd")), h("h4", { key: '24380ae0e1f791eef55523ae58f818286b1414cf' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '376572dae3e2bb0dce2a68fe3503277a0681079b', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '149759fd8c4d501ad96744e01701142face0d6c2', name: "checkmark-circle", slot: "start" }), h("label", { key: '2032d793fc1c94de9cb856c06c64d0b03e6f77cd', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '50ccd0ae9fb6dfab3a27b574f7bee10ec96089e8', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '2f52388467ff677b40de490648d2c07cc3ee3b30', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'b2dee0bfdd05ccfff9995011e5cef0663241a214', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '3d990b0e3d8e629f00970acf2c8d1e30a79e4966', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '9f56ea2525dd6bc4a6a889b170f49b79542dd590', name: "radioSecondInput" }, h("label", { key: 'dac6544a61c1f064360e5dd2b5520f63e2cc3938', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'c4b32f24642b851f6b8da9c65df85df4294c598e', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'ca04462b6e8866f76edd48dcaac734b90f0a9b75', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '6fa1b64cac9e953977a12687fa14a7218789f79c', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '4e32b3131c7becffb45d63a70926b8b0c2e1627f', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'a841d0bf0bdde25c84b224e9d77fab3e7db2898c', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'f5bf467213cdc73642fcfd2278ee8b963c1c1bc7', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '7c617d877ef45d0bd9a58066d3d185ae008f2eef' }), h("smoothly-input-color-demo", { key: 'ea9a64faece9ecf51e9d0f8e798f78d92e0590c3' }), h("smoothly-input-price-demo", { key: 'cc124983e4ca6aea3b925e2b229fcaac03565501' }), h("smoothly-back-to-top", { key: 'b01d5285d4fbf07edc5e955faa214f1fd40fd5d1' }))));
|
|
61
|
-
}
|
|
62
|
-
static get style() { return SmoothlyInputDemoStyle0; }
|
|
63
|
-
}, [2, "smoothly-input-demo", {
|
|
64
|
-
"duration": [32],
|
|
65
|
-
"alphanumeric": [32]
|
|
66
|
-
}]);
|
|
67
|
-
function defineCustomElement() {
|
|
68
|
-
if (typeof customElements === "undefined") {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
const components = ["smoothly-input-demo", "smoothly-back-to-top", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-date-text", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-demo", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo-standard", "smoothly-input-demo-user-input", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-toggle-switch"];
|
|
72
|
-
components.forEach(tagName => { switch (tagName) {
|
|
73
|
-
case "smoothly-input-demo":
|
|
74
|
-
if (!customElements.get(tagName)) {
|
|
75
|
-
customElements.define(tagName, SmoothlyInputDemo);
|
|
76
|
-
}
|
|
77
|
-
break;
|
|
78
|
-
case "smoothly-back-to-top":
|
|
79
|
-
if (!customElements.get(tagName)) {
|
|
80
|
-
defineCustomElement$A();
|
|
81
|
-
}
|
|
82
|
-
break;
|
|
83
|
-
case "smoothly-button":
|
|
84
|
-
if (!customElements.get(tagName)) {
|
|
85
|
-
defineCustomElement$z();
|
|
86
|
-
}
|
|
87
|
-
break;
|
|
88
|
-
case "smoothly-button-confirm":
|
|
89
|
-
if (!customElements.get(tagName)) {
|
|
90
|
-
defineCustomElement$y();
|
|
91
|
-
}
|
|
92
|
-
break;
|
|
93
|
-
case "smoothly-calendar":
|
|
94
|
-
if (!customElements.get(tagName)) {
|
|
95
|
-
defineCustomElement$x();
|
|
96
|
-
}
|
|
97
|
-
break;
|
|
98
|
-
case "smoothly-date-text":
|
|
99
|
-
if (!customElements.get(tagName)) {
|
|
100
|
-
defineCustomElement$w();
|
|
101
|
-
}
|
|
102
|
-
break;
|
|
103
|
-
case "smoothly-display":
|
|
104
|
-
if (!customElements.get(tagName)) {
|
|
105
|
-
defineCustomElement$v();
|
|
106
|
-
}
|
|
107
|
-
break;
|
|
108
|
-
case "smoothly-display-json":
|
|
109
|
-
if (!customElements.get(tagName)) {
|
|
110
|
-
defineCustomElement$u();
|
|
111
|
-
}
|
|
112
|
-
break;
|
|
113
|
-
case "smoothly-display-json-object":
|
|
114
|
-
if (!customElements.get(tagName)) {
|
|
115
|
-
defineCustomElement$t();
|
|
116
|
-
}
|
|
117
|
-
break;
|
|
118
|
-
case "smoothly-display-json-primitive":
|
|
119
|
-
if (!customElements.get(tagName)) {
|
|
120
|
-
defineCustomElement$s();
|
|
121
|
-
}
|
|
122
|
-
break;
|
|
123
|
-
case "smoothly-display-json-record-key":
|
|
124
|
-
if (!customElements.get(tagName)) {
|
|
125
|
-
defineCustomElement$r();
|
|
126
|
-
}
|
|
127
|
-
break;
|
|
128
|
-
case "smoothly-form":
|
|
129
|
-
if (!customElements.get(tagName)) {
|
|
130
|
-
defineCustomElement$q();
|
|
131
|
-
}
|
|
132
|
-
break;
|
|
133
|
-
case "smoothly-icon":
|
|
134
|
-
if (!customElements.get(tagName)) {
|
|
135
|
-
defineCustomElement$p();
|
|
136
|
-
}
|
|
137
|
-
break;
|
|
138
|
-
case "smoothly-input":
|
|
139
|
-
if (!customElements.get(tagName)) {
|
|
140
|
-
defineCustomElement$o();
|
|
141
|
-
}
|
|
142
|
-
break;
|
|
143
|
-
case "smoothly-input-checkbox":
|
|
144
|
-
if (!customElements.get(tagName)) {
|
|
145
|
-
defineCustomElement$n();
|
|
146
|
-
}
|
|
147
|
-
break;
|
|
148
|
-
case "smoothly-input-clear":
|
|
149
|
-
if (!customElements.get(tagName)) {
|
|
150
|
-
defineCustomElement$m();
|
|
151
|
-
}
|
|
152
|
-
break;
|
|
153
|
-
case "smoothly-input-color":
|
|
154
|
-
if (!customElements.get(tagName)) {
|
|
155
|
-
defineCustomElement$l();
|
|
156
|
-
}
|
|
157
|
-
break;
|
|
158
|
-
case "smoothly-input-color-demo":
|
|
159
|
-
if (!customElements.get(tagName)) {
|
|
160
|
-
defineCustomElement$k();
|
|
161
|
-
}
|
|
162
|
-
break;
|
|
163
|
-
case "smoothly-input-date":
|
|
164
|
-
if (!customElements.get(tagName)) {
|
|
165
|
-
defineCustomElement$j();
|
|
166
|
-
}
|
|
167
|
-
break;
|
|
168
|
-
case "smoothly-input-date-demo":
|
|
169
|
-
if (!customElements.get(tagName)) {
|
|
170
|
-
defineCustomElement$i();
|
|
171
|
-
}
|
|
172
|
-
break;
|
|
173
|
-
case "smoothly-input-date-range":
|
|
174
|
-
if (!customElements.get(tagName)) {
|
|
175
|
-
defineCustomElement$h();
|
|
176
|
-
}
|
|
177
|
-
break;
|
|
178
|
-
case "smoothly-input-date-time":
|
|
179
|
-
if (!customElements.get(tagName)) {
|
|
180
|
-
defineCustomElement$g();
|
|
181
|
-
}
|
|
182
|
-
break;
|
|
183
|
-
case "smoothly-input-demo-standard":
|
|
184
|
-
if (!customElements.get(tagName)) {
|
|
185
|
-
defineCustomElement$f();
|
|
186
|
-
}
|
|
187
|
-
break;
|
|
188
|
-
case "smoothly-input-demo-user-input":
|
|
189
|
-
if (!customElements.get(tagName)) {
|
|
190
|
-
defineCustomElement$e();
|
|
191
|
-
}
|
|
192
|
-
break;
|
|
193
|
-
case "smoothly-input-file":
|
|
194
|
-
if (!customElements.get(tagName)) {
|
|
195
|
-
defineCustomElement$d();
|
|
196
|
-
}
|
|
197
|
-
break;
|
|
198
|
-
case "smoothly-input-month":
|
|
199
|
-
if (!customElements.get(tagName)) {
|
|
200
|
-
defineCustomElement$c();
|
|
201
|
-
}
|
|
202
|
-
break;
|
|
203
|
-
case "smoothly-input-price-demo":
|
|
204
|
-
if (!customElements.get(tagName)) {
|
|
205
|
-
defineCustomElement$b();
|
|
206
|
-
}
|
|
207
|
-
break;
|
|
208
|
-
case "smoothly-input-radio":
|
|
209
|
-
if (!customElements.get(tagName)) {
|
|
210
|
-
defineCustomElement$a();
|
|
211
|
-
}
|
|
212
|
-
break;
|
|
213
|
-
case "smoothly-input-radio-item":
|
|
214
|
-
if (!customElements.get(tagName)) {
|
|
215
|
-
defineCustomElement$9();
|
|
216
|
-
}
|
|
217
|
-
break;
|
|
218
|
-
case "smoothly-input-range":
|
|
219
|
-
if (!customElements.get(tagName)) {
|
|
220
|
-
defineCustomElement$8();
|
|
221
|
-
}
|
|
222
|
-
break;
|
|
223
|
-
case "smoothly-input-range-demo":
|
|
224
|
-
if (!customElements.get(tagName)) {
|
|
225
|
-
defineCustomElement$7();
|
|
226
|
-
}
|
|
227
|
-
break;
|
|
228
|
-
case "smoothly-input-reset":
|
|
229
|
-
if (!customElements.get(tagName)) {
|
|
230
|
-
defineCustomElement$6();
|
|
231
|
-
}
|
|
232
|
-
break;
|
|
233
|
-
case "smoothly-input-select":
|
|
234
|
-
if (!customElements.get(tagName)) {
|
|
235
|
-
defineCustomElement$5();
|
|
236
|
-
}
|
|
237
|
-
break;
|
|
238
|
-
case "smoothly-input-submit":
|
|
239
|
-
if (!customElements.get(tagName)) {
|
|
240
|
-
defineCustomElement$4();
|
|
241
|
-
}
|
|
242
|
-
break;
|
|
243
|
-
case "smoothly-item":
|
|
244
|
-
if (!customElements.get(tagName)) {
|
|
245
|
-
defineCustomElement$3();
|
|
246
|
-
}
|
|
247
|
-
break;
|
|
248
|
-
case "smoothly-spinner":
|
|
249
|
-
if (!customElements.get(tagName)) {
|
|
250
|
-
defineCustomElement$2();
|
|
251
|
-
}
|
|
252
|
-
break;
|
|
253
|
-
case "smoothly-toggle-switch":
|
|
254
|
-
if (!customElements.get(tagName)) {
|
|
255
|
-
defineCustomElement$1();
|
|
256
|
-
}
|
|
257
|
-
break;
|
|
258
|
-
} });
|
|
259
|
-
}
|
|
260
|
-
defineCustomElement();
|
|
261
|
-
|
|
262
|
-
export { SmoothlyInputDemo as S, defineCustomElement as d };
|
|
263
|
-
|
|
264
|
-
//# sourceMappingURL=p-44bd988c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-46e831e6.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n:host .smoothly-date-placeholder {\n\tdisplay: none;\n}\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder {\n\topacity: 0.5;\n\tdisplay: block;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text {\n\tvisibility: hidden;\n}\n\n:host>.label {\n\tleft: var(--input-padding-side);\n}\n:host[show-label] > .smoothly-date-placeholder,\n:host[show-label] > smoothly-date-text {\n\tmargin-inline: var(--input-padding-side);\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host:not([show-label]) > .smoothly-date-placeholder,\n:host:not([show-label]) > smoothly-date-text {\n\tmargin-inline: var(--input-padding-side) auto;\n\tmargin-block: auto;\n}\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: 2rem;\n\ttop: -0.55rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin-left: auto;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\tprivate dateTextElement?: HTMLSmoothlyDateTextElement\n\tprivate iconsElement?: HTMLElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) placeholder?: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\tparent: Editable | undefined\n\tchanged = false\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate initialValue?: isoly.Date\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() hasText = false\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.Date | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonValueChange(value: isoly.Date) {\n\t\tif (!this.hasFocus) {\n\t\t\tthis.dateTextElement?.setValue(value)\n\t\t}\n\t\tthis.isDifferentFromInitial = this.initialValue != this.value\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tonClick(event: MouseEvent): void {\n\t\tconst includesTextElement = !!this.dateTextElement && event.composedPath().includes(this.dateTextElement)\n\t\tconst includesCalendar = !!this.calendarElement && event.composedPath().includes(this.calendarElement)\n\t\tconst includesIconsElement = !!this.iconsElement && event.composedPath().includes(this.iconsElement)\n\t\tif (!this.readonly && !this.disabled && !includesTextElement && !includesCalendar && !includesIconsElement)\n\t\t\tthis.dateTextElement?.select()\n\t\tif (!this.readonly && !this.disabled && !includesCalendar && !includesIconsElement)\n\t\t\tthis.open = !this.open || includesTextElement\n\t}\n\tonUserChangedValue(event: CustomEvent<isoly.Date | undefined>) {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined // normalize null to undefined\n\t\tif (this.value != newValue) {\n\t\t\tthis.value = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{ \"has-value\": !!this.value, \"has-text\": this.hasText, \"floating-label\": this.alwaysShowGuide }}\n\t\t\t\tonClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t{this.placeholder && <span class=\"smoothly-date-placeholder\">{this.placeholder}</span>}\n\t\t\t\t<smoothly-date-text\n\t\t\t\t\tref={el => (this.dateTextElement = el)}\n\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.hasText = e.detail))}\n\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onUserChangedValue(e))}\n\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), (this.open = false), this.dateTextElement?.deselect())}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\" ref={el => (this.iconsElement = el)}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonSmoothlyDateSet={e => (e.stopPropagation(), this.onUserChangedValue(e))}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-68a3f86d.js","mappings":"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","names":[],"sources":["src/components/input/demo/standard/style.css?tag=smoothly-input-demo-standard&encapsulation=scoped","src/components/input/demo/standard/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(calc(100% - 0.5rem), 48rem);\n\tmargin: auto;\n}\n\n:host h2,\n:host p {\n\tmargin: .5rem 0;\n}\n:host > .description {\n\t--smoothly-form-input-min-width: 18rem;\n}\n:host smoothly-input-range[name=borderRadius] {\n\tflex-basis: 100%;\n}\ndiv.input-wrapper {\n\tdisplay: grid;\n\tmargin-top: 1rem;\n\tgrid-template-columns: 1fr 9rem;\n\tgap: 1rem;\n\tposition: relative;\n\tjustify-content: space-around;\n}\ndiv.input-wrapper > [name] {\n\tgrid-column: 1 / 2;\n}\ndiv.input-wrapper > .width {\n\twidth: 100%;\n\ttext-align: center;\n\tborder-bottom: 1px dashed black;\n}\ndiv.input-wrapper > .height {\n\talign-content: center;\n\tgrid-column: 2 / 3;\n\tborder-left: 1px dashed black;\n\tpadding-left: 1rem;\n\tcontent: \"hello\";\n}\ndiv.input-wrapper > .left-padding {\n\twidth: 0.5rem;\n\tgrid-column: 1 / 2;\n\twhite-space: nowrap;\n\toverflow: visible;\n\tposition: relative;\n\tcursor: default;\n}\ndiv.input-wrapper > .left-padding::before {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: 100%;\n\ttop: 1.5rem;\n\tbottom: -1rem;\n\tborder: 1px dashed black;\n\tz-index: 2;\n}\ndiv.input-wrapper > .left-padding:hover::before { \n\tbottom: -100vh;\n}\n","import { Component, Element, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Looks } from \"../../Looks\"\n\ntype Options = {\n\tcolor?: Color\n\tlooks?: Looks\n\tborderRadius?: number\n\treadonly?: boolean\n\tdisabled?: boolean\n\tinvalid?: boolean\n\terrorMessage?: string\n\tshowLabel?: boolean\n\tplaceholder?: string\n\talwaysShowGuide?: boolean\n}\n\n@Component({\n\ttag: \"smoothly-input-demo-standard\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoStandard {\n\t@Element() element: HTMLElement\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() options: Options = {}\n\n\tconnectedCallback() {\n\t\tthis.updateInputHeightText()\n\t}\n\tcomponentDidRender() {\n\t\tthis.updateInputHeightText()\n\t}\n\n\tupdateInputHeightText() {\n\t\tconst rootFontSize = Number(getComputedStyle(document.documentElement).fontSize.replace(\"px\", \"\"))\n\t\tthis.element.querySelectorAll(\".height\").forEach((el: HTMLDivElement) => {\n\t\t\tconst height = el.clientHeight\n\t\t\tel.innerHTML = `<b>${height / rootFontSize}rem</b> (${height}pixels)`\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h2>Input Standard</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tHeight of input should be <code>3rem</code> including border. This is should result in a 48 pixel height at\n\t\t\t\t\t\t100% zoom, assuming a root font-size of 16 pixels.\n\t\t\t\t\t</p>\n\t\t\t\t\t<smoothly-form looks={\"grid\"} onSmoothlyFormInput={(e: CustomEvent<Options>) => (this.options = e.detail)}>\n\t\t\t\t\t\t<smoothly-input-select name=\"color\">\n\t\t\t\t\t\t\t<span slot=\"label\">Color</span>\n\t\t\t\t\t\t\t{Color.values.map(c => (\n\t\t\t\t\t\t\t\t<smoothly-item value={c}>\n\t\t\t\t\t\t\t\t\t<span color={c}>{c}</span>\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"looks\">\n\t\t\t\t\t\t\t<span slot=\"label\">Looks</span>\n\t\t\t\t\t\t\t{Looks.values.map(l => (\n\t\t\t\t\t\t\t\t<smoothly-item value={l}>{l}</smoothly-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-range label={\"Border Radius (rem)\"} name={\"borderRadius\"} min={0} max={2} step={0.25} />\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"readonly\">Readonly</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"disabled\">Disabled</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"invalid\">Invalid</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input name=\"errorMessage\" value=\"This is not a valid value\">\n\t\t\t\t\t\t\tError Message\n\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"showLabel\" checked>\n\t\t\t\t\t\t\tShow Label\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input name=\"placeholder\">Placeholder</smoothly-input>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"alwaysShowGuide\">\n\t\t\t\t\t\t\tAlways Show Guide (for date inputs)\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t</smoothly-form>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"input-wrapper\" style={{ \"--smoothly-input-border-radius\": `${this.options.borderRadius}rem` }}>\n\t\t\t\t\t<div class=\"width\">width: 100%</div>\n\t\t\t\t\t<div class=\"left-padding\">padding-left: 0.5rem</div>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"text\"\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}>\n\t\t\t\t\t\t{this.options.showLabel && <span>Text</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-select\n\t\t\t\t\t\tname=\"month\"\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}>\n\t\t\t\t\t\t{this.options.showLabel && <label slot=\"label\">Select</label>}\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tname={\"checkbox\"}\n\t\t\t\t\t\tchecked\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}>\n\t\t\t\t\t\tCheck\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" />\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-radio\n\t\t\t\t\t\tname={\"radio\"}\n\t\t\t\t\t\tclearable\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}>\n\t\t\t\t\t\t{this.options.showLabel && <label slot=\"label\">Radio</label>}\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-file\n\t\t\t\t\t\tname={\"file\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\t// TODO - invalid\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}>\n\t\t\t\t\t\t{this.options.showLabel && <span slot={\"label\"}>File</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\tname={\"range\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\t// TODO - invalid\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tlabel={this.options.showLabel ? \"Range\" : undefined}\n\t\t\t\t\t\t// TODO - disabled\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-color\n\t\t\t\t\t\tname={\"color\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\t// TODO - invalid\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.options.showLabel && <span>Color</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-color>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\tname={\"date\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}\n\t\t\t\t\t\talwaysShowGuide={this.options.alwaysShowGuide}>\n\t\t\t\t\t\t{this.options.showLabel && <span>Date</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\t\tname={\"dateTime\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-date-time>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname={\"dateRange\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tplaceholder={this.options.placeholder}\n\t\t\t\t\t\talwaysShowGuide={this.options.alwaysShowGuide}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.options.showLabel && <span>Date Range</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<div class=\"height\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
|
|
2
|
-
import { d as defineCustomElement$f } from './p-9e2ee779.js';
|
|
3
|
-
import { d as defineCustomElement$e } from './p-4e754f3b.js';
|
|
4
|
-
import { d as defineCustomElement$d } from './p-f893b6cc.js';
|
|
5
|
-
import { d as defineCustomElement$c } from './p-ccbdacc9.js';
|
|
6
|
-
import { d as defineCustomElement$b } from './p-3aed2b34.js';
|
|
7
|
-
import { d as defineCustomElement$a } from './p-25651163.js';
|
|
8
|
-
import { d as defineCustomElement$9 } from './p-8153821c.js';
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-dee31585.js';
|
|
10
|
-
import { d as defineCustomElement$7 } from './p-f5648051.js';
|
|
11
|
-
import { d as defineCustomElement$6 } from './p-28d79a77.js';
|
|
12
|
-
import { d as defineCustomElement$5 } from './p-7393ae40.js';
|
|
13
|
-
import { d as defineCustomElement$4 } from './p-82c7b41d.js';
|
|
14
|
-
import { d as defineCustomElement$3 } from './p-604c19c3.js';
|
|
15
|
-
import { d as defineCustomElement$2 } from './p-8f210b4c.js';
|
|
16
|
-
import { d as defineCustomElement$1 } from './p-2f9abfb1.js';
|
|
17
|
-
|
|
18
|
-
const styleCss = ".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";
|
|
19
|
-
const SmoothlyTableDemoGroupStyle0 = styleCss;
|
|
20
|
-
|
|
21
|
-
const SmoothlyTableDemoGroup = proxyCustomElement(class SmoothlyTableDemoGroup extends H {
|
|
22
|
-
constructor() {
|
|
23
|
-
super();
|
|
24
|
-
this.__registerHost();
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
return (h(Host, { key: 'da018054a4b16d6fd81dc60fc9ddf3e4c77860c1' }, h("smoothly-display", { key: '51aa321cd3b22275ff7dc12e1b82b42fc1997c25', type: "text", value: "Group" }), h("smoothly-table", { key: '32aec70ba3bc78e572b118d0a7c796cf1b40a9cc', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '75374db74064f5ec5926b08baedffa2f553037e3' }, h("smoothly-table-row", { key: 'fc5e9fb16db4aaf96b005fdc08b0973fd94d5a6b' }, h("smoothly-table-cell", { key: '7ef43c21f5c4760cf379ebed4fd77a0c4263ef6a' }, "Date"), h("smoothly-table-cell", { key: '33f0ad771cb46b032661ff5b43d5fdc4dd6425bb' }, "Total"))), h("smoothly-table-body", { key: 'd74fc9dbf2cae53ad0dbb53412132e1090591a65' }, h("smoothly-table-row-group", { key: '7cd93d9bcc6ee81c60e96b402bd96dbb9db74725', align: true }, h("smoothly-display", { key: '3dcbc09dea2add837101f1ba69e90fa4a46edea9', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '6d5c82538e836f4e47c802b711a94876b77f3817', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '8a8c2bc2dcfb221fa92f01c7356340811d88996b' }, h("smoothly-table-cell", { key: 'fd6da924a5a26c7e8961c66ea2bb31f9f81d715a' }, h("smoothly-display", { key: '443b690dc480dad5705fa5e3841bb3c7a2c256da', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6775c121dfef064a1c2536514fa8d38aeab30624' }, h("smoothly-display", { key: 'de6f0ce1d1f23d0b64059b9768834e0795ffc3db', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '4eedf3384b751068dbe9d7e54f77f0821658a24b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '2e86dcf3208a55f0c5a32013638e167dcc949fd3' }, h("smoothly-table-cell", { key: '3563fa6a11720be09e59404cc39f8c5b2c0932ec' }, h("smoothly-display", { key: '828d9102af9043b3af6f74d0dec9d474a85e4c87', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '4deb09e2dcdbccf59c02b7797e18561569ecba39' }, h("smoothly-display", { key: 'aa34dca36239d202565311e5e89bfc65832cb10a', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'e7716c3cf2fe6a6ffdfdbd386c12a8d4ce9e5549', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '07c2d59e74294030d8a5af6bf66cfbcb00f0c7fd' }, h("smoothly-table-cell", { key: 'c71040890a72916ad35b12ee588d6ba0420646b8' }, h("smoothly-display", { key: '68cb381ce234e38d8bbbfbfa47ea43d94e5e7ec4', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '2481c10a323c27700db2acd5912caf0ef974a23e' }, h("smoothly-display", { key: 'a1d92551f0d769e5e148f20225805f5d178cb40f', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'eab21ae8ceae4007183b890f0f843db056f75b3b' }, h("smoothly-display", { key: 'e3cab2799afc3b8220eeb5959ba349954d64f432', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '2c008844c5e33e2c94a71312bb83017bd2f5c21a', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '8fc307fb2ca022baaca2185e4ad07bb2ae1874b3' }, h("smoothly-table-cell", { key: 'bf8896a16335d24b7c454d865561e38fc9f7e18d' }, h("smoothly-display", { key: 'd390d1e203be30e671640ab40ecfc303cd2ad373', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b7b0f8552e8553da4688617e91d1ec363cb76ac1' }, h("smoothly-display", { key: 'f15c573f1b1bda33e7e645648a38f27ba2b760c2', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '9e3b1abdc5531434bff506e5fd60e3cf2f5b1302', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '685d8ca397497da8c1d6284061b1f27c6d7dd0bb' }, h("smoothly-table-cell", { key: '617e0c3c1b7a30eb275ed475d42e705be7dfc5ea' }, h("smoothly-display", { key: 'afaa145b63c5a6b3627d5996381e2d5bda27172d', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '1b13e3bb4d32abd553a47dc62035d8334020a5d5' }, h("smoothly-display", { key: '9412d8622d09f5927efdc5bb3ec65c4def72af80', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2587a7908fbc2573eda2a718aa748225f7e950e7', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'cacde2dbf4de84459496605e81d3164060ee33c6' }, h("smoothly-display", { key: 'c38877961cce544f5503aafdd7816d0ed732c1d2', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '6b14e1f8b1b25199c60f46aa721816e943a490d3' }, h("smoothly-table-cell", { key: '1d7f5ec04613837bd2b59dbcd2663411f4ed0cb6' }, h("smoothly-display", { key: '67307cd9c3ffd4c2c9efe340d7c83b8fbc4bc534', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'e8170034117e3be53d6d3c6244ae324d7314db52' }, h("smoothly-display", { key: '68169967a6b58da90e4829477b1eec315a7ac976', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c202d836185afef6ef82f26c42dd88d7def426d9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'd01d644c0eddfef155d11734bb446fec2c05bb45' }, h("smoothly-table-cell", { key: '25fc8925fbede3bbc1d8820ec1e45f2b24d5b667' }, h("smoothly-display", { key: '2173e747b53529897a2d8b59529a57e970b90315', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'ed4fe4b60e75f53e05c5a8db757402c61e7d70a0' }, h("smoothly-display", { key: 'ed5c13a807f6b72a357be497ce19453775ec46e8', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '45397867dde0889104541487e4583efb409b0b5f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '67aef82d4437f494d548dee5a43ce5cbfc5ab72f' }, h("smoothly-display", { key: 'b9eef7f0227a3724f179d0ee78c7a176f715f508', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '07f54cf1e98b36b00e51bf05b8510aed92e99235' }, h("smoothly-table-cell", { key: '72ffadaf8aef7fd69d22437dada51c9c42514440' }, h("smoothly-display", { key: 'da23b7948ee52423977da6fa03db5e17cc45b349', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '07341b7e77b18bd7f35f7ec19d8f0ce5125bd87b' }, h("smoothly-display", { key: '6aaa00ea2364f5aaf31dc25d2b349d21328fcdc5', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'bfc335f98ecd74084e50dc910e4c7aad297ad214', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '966c6857a25076214d04d9e3005140b544062217' }, h("smoothly-table-cell", { key: '62ceb6e434e519560be7626dd9b949eea5471cac' }, h("smoothly-display", { key: '865dd5f8b1c4d2b74696d6f70f19ae07fb31c01b', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bd9f91491faa6a42777c05c12c98c3d2b6527ee2' }, h("smoothly-display", { key: '7605031ad04f719305c75913906d8ec1ecda1957', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'c5d8373f3f7d5bca502f9c1af9ced0f87d63d447', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '6aa2a583c922c3e2b54866a0a7b8367876fa71ba' }, h("smoothly-table-row-group", { key: 'e66a37d22790a34947db4aef076ff68fa775aba2' }, h("smoothly-display", { key: '026dfdfa13d81da7276a14aedc7624bf877d60a1', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '012e25ac22a4af1bf7c3da7e979faf9ef894b8eb', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '5aec00c528da5f999e9cdd4bf21cd9e2cb3ab503' }, h("smoothly-table-row", { key: 'b733662dbe7f3c4a635af51719531597e252c295' }, h("fake-cell-wrapper", { key: '8a20a4fe8699569b946e82d184df6ece1027ccc9' }, h("smoothly-table-cell", { key: 'b9719cb65467fec3ff95c44ed42ea7e28d58c47d' }, h("smoothly-display", { key: 'c875865ff95ae604ea72c3d7d4a44cce6c81d70f', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'a8e641b74ac5252beafd6a18270e9619123b5173' }, h("smoothly-table-expandable-cell", { key: '1c2a62ed15b03d462a1f03e01845546a7849caee' }, h("smoothly-display", { key: '593b8b35deb66e2870ee64e7cbbec8e954241986', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '0dea3b894850a75f3189b6d20594e4eebda93383', 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: '53a8d5e0edbbfae641257bde1d2957aa83bcf28c' }, h("smoothly-table-expandable-row", { key: '187e5073bd8a6b6beb9986b73374e271b7074e16' }, h("fake-cell-wrapper", { key: 'd92cc6581ce932ad32f87014d625fa8dbcd52ddb', class: "span-2" }, h("smoothly-table-cell", { key: '6d02637fd50db42ef9c00689fd83744fa6fa1930', span: 2 }, h("smoothly-display", { key: 'e7ac8d9d25dc03f6de7a75cb18f7e1287cbb0551', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'febf6353725027457a7adeab916a8620fff60404', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'e4d7e6a2d08b1ca22fa82e36bcac5626d174d917' }, h("smoothly-display", { key: 'e6c1395ac51f719ce119dbdfa01d14114460da99', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '003a6cbd69b50fb04252ec20c30c83b3ad7f2da2', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
28
|
-
}
|
|
29
|
-
static get style() { return SmoothlyTableDemoGroupStyle0; }
|
|
30
|
-
}, [2, "smoothly-table-demo-group"]);
|
|
31
|
-
function defineCustomElement() {
|
|
32
|
-
if (typeof customElements === "undefined") {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
const components = ["smoothly-table-demo-group", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-lazy", "smoothly-load-more", "smoothly-table", "smoothly-table-body", "smoothly-table-cell", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-head", "smoothly-table-row", "smoothly-table-row-group"];
|
|
36
|
-
components.forEach(tagName => { switch (tagName) {
|
|
37
|
-
case "smoothly-table-demo-group":
|
|
38
|
-
if (!customElements.get(tagName)) {
|
|
39
|
-
customElements.define(tagName, SmoothlyTableDemoGroup);
|
|
40
|
-
}
|
|
41
|
-
break;
|
|
42
|
-
case "smoothly-display":
|
|
43
|
-
if (!customElements.get(tagName)) {
|
|
44
|
-
defineCustomElement$f();
|
|
45
|
-
}
|
|
46
|
-
break;
|
|
47
|
-
case "smoothly-display-json":
|
|
48
|
-
if (!customElements.get(tagName)) {
|
|
49
|
-
defineCustomElement$e();
|
|
50
|
-
}
|
|
51
|
-
break;
|
|
52
|
-
case "smoothly-display-json-object":
|
|
53
|
-
if (!customElements.get(tagName)) {
|
|
54
|
-
defineCustomElement$d();
|
|
55
|
-
}
|
|
56
|
-
break;
|
|
57
|
-
case "smoothly-display-json-primitive":
|
|
58
|
-
if (!customElements.get(tagName)) {
|
|
59
|
-
defineCustomElement$c();
|
|
60
|
-
}
|
|
61
|
-
break;
|
|
62
|
-
case "smoothly-display-json-record-key":
|
|
63
|
-
if (!customElements.get(tagName)) {
|
|
64
|
-
defineCustomElement$b();
|
|
65
|
-
}
|
|
66
|
-
break;
|
|
67
|
-
case "smoothly-lazy":
|
|
68
|
-
if (!customElements.get(tagName)) {
|
|
69
|
-
defineCustomElement$a();
|
|
70
|
-
}
|
|
71
|
-
break;
|
|
72
|
-
case "smoothly-load-more":
|
|
73
|
-
if (!customElements.get(tagName)) {
|
|
74
|
-
defineCustomElement$9();
|
|
75
|
-
}
|
|
76
|
-
break;
|
|
77
|
-
case "smoothly-table":
|
|
78
|
-
if (!customElements.get(tagName)) {
|
|
79
|
-
defineCustomElement$8();
|
|
80
|
-
}
|
|
81
|
-
break;
|
|
82
|
-
case "smoothly-table-body":
|
|
83
|
-
if (!customElements.get(tagName)) {
|
|
84
|
-
defineCustomElement$7();
|
|
85
|
-
}
|
|
86
|
-
break;
|
|
87
|
-
case "smoothly-table-cell":
|
|
88
|
-
if (!customElements.get(tagName)) {
|
|
89
|
-
defineCustomElement$6();
|
|
90
|
-
}
|
|
91
|
-
break;
|
|
92
|
-
case "smoothly-table-expandable-cell":
|
|
93
|
-
if (!customElements.get(tagName)) {
|
|
94
|
-
defineCustomElement$5();
|
|
95
|
-
}
|
|
96
|
-
break;
|
|
97
|
-
case "smoothly-table-expandable-row":
|
|
98
|
-
if (!customElements.get(tagName)) {
|
|
99
|
-
defineCustomElement$4();
|
|
100
|
-
}
|
|
101
|
-
break;
|
|
102
|
-
case "smoothly-table-head":
|
|
103
|
-
if (!customElements.get(tagName)) {
|
|
104
|
-
defineCustomElement$3();
|
|
105
|
-
}
|
|
106
|
-
break;
|
|
107
|
-
case "smoothly-table-row":
|
|
108
|
-
if (!customElements.get(tagName)) {
|
|
109
|
-
defineCustomElement$2();
|
|
110
|
-
}
|
|
111
|
-
break;
|
|
112
|
-
case "smoothly-table-row-group":
|
|
113
|
-
if (!customElements.get(tagName)) {
|
|
114
|
-
defineCustomElement$1();
|
|
115
|
-
}
|
|
116
|
-
break;
|
|
117
|
-
} });
|
|
118
|
-
}
|
|
119
|
-
defineCustomElement();
|
|
120
|
-
|
|
121
|
-
export { SmoothlyTableDemoGroup as S, defineCustomElement as d };
|
|
122
|
-
|
|
123
|
-
//# sourceMappingURL=p-786ae69c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-787944b1.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/input/date/text/DateFormat.ts","src/components/input/date/text/InputSelection.ts","src/components/input/date/text/style.css?tag=smoothly-date-text&encapsulation=scoped","src/components/input/date/text/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport namespace DateFormat {\n\texport const guides = {\n\t\tY: \"YYYY\",\n\t\tM: \"MM\",\n\t\tD: \"DD\",\n\t} as const\n\n\texport type Part = \"Y\" | \"M\" | \"D\"\n\texport type Parts = { [part in Part]?: string }\n\texport namespace Part {\n\t\texport function isComplete(part: Part, value: string | undefined): boolean {\n\t\t\treturn (value?.length ?? 0) >= DateFormat.Part.lengthOf(part)\n\t\t}\n\t\texport function lengthOf(part: Part): number {\n\t\t\treturn guides[part].length\n\t\t}\n\t\texport function getGuide(part: Part, filledLength: number | undefined): string {\n\t\t\tconst guide = DateFormat.guides[part]\n\t\t\treturn guide.substring(0, guide.length - (filledLength ?? 0))\n\t\t}\n\t}\n\texport namespace Parts {\n\t\texport function lastDay(parts: Parts): number {\n\t\t\tif (parts.Y && parts.M && parseInt(parts.M) >= 1 && parseInt(parts.M) <= 12) {\n\t\t\t\tconst lastDate = isoly.Date.lastOfMonth(`${parts.Y.padStart(4, \"0\")}-${parts.M.padStart(2, \"0\")}-01`)\n\t\t\t\treturn isoly.Date.getDay(lastDate)\n\t\t\t} else if (parts.M && parseInt(parts.M) >= 1 && parseInt(parts.M) <= 12) {\n\t\t\t\t// Assume leap year\n\t\t\t\tconst lastDate = isoly.Date.lastOfMonth(`2004-${parts.M.padStart(2, \"0\")}-01`)\n\t\t\t\treturn isoly.Date.getDay(lastDate)\n\t\t\t}\n\t\t\treturn 31\n\t\t}\n\t\texport function toDate(parts: Parts): isoly.Date | undefined {\n\t\t\tif (parts.Y && parts.Y.length == 4 && parts.M && parts.M.length == 2 && parts.D && parts.D.length == 2) {\n\t\t\t\tconst value = `${parts.Y}-${parts.M}-${parts.D}`\n\t\t\t\tconst lastOfMonth = isoly.Date.lastOfMonth(`${parts.Y}-${parts.M}-01`)\n\t\t\t\treturn lastOfMonth < value ? lastOfMonth : value\n\t\t\t}\n\t\t\treturn undefined\n\t\t}\n\t\texport function fromDate(value: isoly.Date): Required<DateFormat.Parts>\n\t\texport function fromDate(value: undefined): undefined\n\t\texport function fromDate(value: isoly.Date | undefined): Required<DateFormat.Parts> | undefined\n\t\texport function fromDate(value: isoly.Date | undefined): Required<DateFormat.Parts> | undefined {\n\t\t\tif (value) {\n\t\t\t\treturn {\n\t\t\t\t\tY: value.substring(0, 4).padStart(4, \"0\"),\n\t\t\t\t\tM: value.substring(5, 7).padStart(2, \"0\"),\n\t\t\t\t\tD: value.substring(8, 10).padStart(2, \"0\"),\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn undefined\n\t\t}\n\t}\n\n\texport type Order = \"YMD\" | \"DMY\" | \"MDY\"\n\n\texport namespace Order {\n\t\texport function fromLocale(locale?: isoly.Locale): Order {\n\t\t\tswitch (locale) {\n\t\t\t\tcase \"en-US\":\n\t\t\t\t\treturn \"MDY\"\n\t\t\t\tcase \"sq-AL\":\n\t\t\t\tcase \"es-AR\":\n\t\t\t\tcase \"it-IT\":\n\t\t\t\tcase \"en-GB\":\n\t\t\t\tcase \"fr-FR\":\n\t\t\t\tcase \"et-EE\":\n\t\t\t\tcase \"de-AT\":\n\t\t\t\tcase \"de-DE\":\n\t\t\t\tcase \"he-IL\":\n\t\t\t\tcase \"is-IS\":\n\t\t\t\tcase \"lv-LV\":\n\t\t\t\tcase \"pl-PL\":\n\t\t\t\tcase \"ru-RU\":\n\t\t\t\tcase \"fi-FI\":\n\t\t\t\tcase \"hi-IN\":\n\t\t\t\tcase \"en-IN\":\n\t\t\t\t\treturn \"DMY\"\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"YMD\"\n\t\t\t}\n\t\t}\n\t\texport function getPart(order: Order, index: number): Part {\n\t\t\treturn order.charAt(index) as Part\n\t\t}\n\t\texport function toArray(order: Order): Part[] {\n\t\t\treturn order.split(\"\") as Part[]\n\t\t}\n\t}\n\n\texport type Separator = \"-\" | \"/\" | \".\"\n\texport namespace Separator {\n\t\texport function fromLocale(locale?: isoly.Locale): Separator {\n\t\t\tswitch (locale) {\n\t\t\t\tcase \"sq-AL\":\n\t\t\t\tcase \"es-AR\":\n\t\t\t\tcase \"it-IT\":\n\t\t\t\tcase \"en-GB\":\n\t\t\t\tcase \"fr-FR\":\n\t\t\t\tcase \"en-US\":\n\t\t\t\t\treturn \"/\"\n\t\t\t\tcase \"et-EE\":\n\t\t\t\tcase \"de-AT\":\n\t\t\t\tcase \"de-DE\":\n\t\t\t\tcase \"he-IL\":\n\t\t\t\tcase \"is-IS\":\n\t\t\t\tcase \"lv-LV\":\n\t\t\t\tcase \"pl-PL\":\n\t\t\t\tcase \"ru-RU\":\n\t\t\t\tcase \"fi-FI\":\n\t\t\t\t\treturn \".\"\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"-\"\n\t\t\t}\n\t\t}\n\t}\n}\n","export namespace InputSelection {\n\texport function isAtStart(event: KeyboardEvent): boolean {\n\t\tconst el = event.currentTarget as HTMLElement\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode))\n\t\t\treturn false\n\n\t\t// Only trigger if there is no selection (caret only)\n\t\tif (!sel.isCollapsed)\n\t\t\treturn false\n\n\t\tconst range = sel.getRangeAt(0)\n\t\tconst preRange = range.cloneRange()\n\t\tpreRange.selectNodeContents(el)\n\t\tpreRange.setEnd(range.startContainer, range.startOffset)\n\n\t\treturn preRange.toString().length === 0\n\t}\n\n\texport function isAtEnd(event: KeyboardEvent): boolean {\n\t\tconst el = event.currentTarget as HTMLElement\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode))\n\t\t\treturn false\n\n\t\t// Only trigger if there is no selection (caret only)\n\t\tif (!sel.isCollapsed)\n\t\t\treturn false\n\n\t\tconst range = sel.getRangeAt(0)\n\t\tconst postRange = range.cloneRange()\n\t\tpostRange.selectNodeContents(el)\n\t\tpostRange.setStart(range.endContainer, range.endOffset)\n\n\t\treturn postRange.toString().length === 0\n\t}\n\n\texport function selectAll(el?: HTMLElement) {\n\t\tif (!el)\n\t\t\treturn\n\t\tel.focus()\n\t\tconst range = document.createRange()\n\t\trange.selectNodeContents(el) // Select all content inside\n\n\t\tconst sel = window.getSelection()\n\t\tif (!sel)\n\t\t\treturn\n\n\t\tsel.removeAllRanges()\n\t\tsel.addRange(range) // Apply the selection\n\t}\n\n\texport function setPosition(el: HTMLElement | undefined, index: number) {\n\t\tif (!el)\n\t\t\treturn\n\n\t\tel.focus()\n\n\t\tconst selection = window.getSelection()\n\t\tif (!selection)\n\t\t\treturn\n\n\t\tconst range = document.createRange()\n\t\tconst textNode = el.firstChild || el\n\n\t\tconst position = Math.max(0, Math.min(index, el.innerText.length))\n\t\trange.setStart(textNode, position)\n\t\trange.collapse(true)\n\n\t\tselection.removeAllRanges()\n\t\tselection.addRange(range)\n\t}\n\n\texport function isCollapsed(el: HTMLElement): boolean {\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0)\n\t\t\treturn true // nothing selected at all\n\n\t\tconst range = sel.getRangeAt(0)\n\n\t\t// Make sure selection is inside our element\n\t\tif (!el.contains(range.startContainer) || !el.contains(range.endContainer)) {\n\t\t\treturn true\n\t\t}\n\n\t\treturn range.collapsed\n\t}\n}\n","\n:host {\n\t--guide-opacity: 0.5;\n}\n\n:host .smoothly-date-text-part:focus {\n\toutline: none;\n}\n\n:host .guide {\n\topacity: var(--guide-opacity);\n}\n\n:host .smoothly-date-text-part:not(.is-complete) + .guide + .smoothly-date-separator {\n\topacity: var(--guide-opacity);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { getLocale } from \"../../../../model\"\nimport { DateFormat } from \"./DateFormat\"\nimport { InputSelection } from \"./InputSelection\"\n\n@Component({\n\ttag: \"smoothly-date-text\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRangeText {\n\t@Element() element: HTMLElement\n\tprivate partElements: { [partIndex in number]: HTMLSpanElement | undefined } = {\n\t\t0: undefined,\n\t\t1: undefined,\n\t\t2: undefined,\n\t}\n\t@Prop() locale?: isoly.Locale = getLocale()\n\t@Prop({ reflect: true }) readonly: boolean\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ reflect: true }) invalid: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() value?: isoly.Date // Only used for initial value\n\t@State() parts: DateFormat.Parts = {}\n\tprivate previousEmittedValue?: isoly.Date\n\t@State() order: DateFormat.Order\n\t@State() separator: DateFormat.Separator\n\t@State() focusedIndex?: number\n\t@Event() smoothlyDateTextHasText: EventEmitter<boolean>\n\t@Event() smoothlyDateTextChange: EventEmitter<isoly.Date | undefined>\n\t@Event() smoothlyDateTextFocusChange: EventEmitter<boolean>\n\t@Event() smoothlyDateHasPartialDate: EventEmitter<DateFormat.Parts>\n\t@Event() smoothlyDateTextDone: EventEmitter<void>\n\t@Event() smoothlyDateTextPrevious: EventEmitter<void>\n\t@Event() smoothlyDateTextNext: EventEmitter<void>\n\n\tcomponentWillLoad() {\n\t\tthis.order = DateFormat.Order.fromLocale(this.locale)\n\t\tthis.separator = DateFormat.Separator.fromLocale(this.locale)\n\t\tthis.parts = DateFormat.Parts.fromDate(this.value) ?? {}\n\t}\n\tcomponentDidLoad() {\n\t\tthis.updateInputs()\n\t}\n\n\t@Watch(\"parts\")\n\tpartsHandler() {\n\t\tconst value = DateFormat.Parts.toDate(this.parts)\n\t\tif (value != this.previousEmittedValue) {\n\t\t\tthis.smoothlyDateTextChange.emit(value)\n\t\t\tthis.previousEmittedValue = value\n\t\t}\n\t\tthis.smoothlyDateTextHasText.emit(Object.values(this.parts).some(part => !!part))\n\t}\n\t@Watch(\"focusedIndex\")\n\tfocusedIndexHandler() {\n\t\tthis.smoothlyDateTextFocusChange.emit(typeof this.focusedIndex == \"number\")\n\t}\n\n\t@Method()\n\tasync setValue(value: isoly.Date | undefined) {\n\t\tconst parts = DateFormat.Parts.fromDate(value)\n\t\tthis.setAllParts(parts)\n\t}\n\n\tsetAllParts(parts?: DateFormat.Parts) {\n\t\tthis.parts = parts ?? {}\n\t\tthis.updateInputs()\n\t}\n\tupdateInputs() {\n\t\tconst yearIndex = this.order.indexOf(\"Y\")\n\t\tconst monthIndex = this.order.indexOf(\"M\")\n\t\tconst dayIndex = this.order.indexOf(\"D\")\n\t\tthis.partElements[yearIndex] && (this.partElements[yearIndex]!.innerText = this.parts.Y ?? \"\")\n\t\tthis.partElements[monthIndex] && (this.partElements[monthIndex]!.innerText = this.parts.M ?? \"\")\n\t\tthis.partElements[dayIndex] && (this.partElements[dayIndex]!.innerText = this.parts.D ?? \"\")\n\t}\n\n\tsetPart(part: \"Y\" | \"M\" | \"D\", value: string | undefined) {\n\t\tthis.parts = {\n\t\t\t...this.parts,\n\t\t\t[part]: value,\n\t\t}\n\t\tconst index = this.order.indexOf(part)\n\t\tthis.partElements[index] && (this.partElements[index]!.innerText = value ?? \"\")\n\t}\n\n\t@Method()\n\tasync select(place: \"start\" | \"end\" = \"start\") {\n\t\tconst index = place == \"start\" ? 0 : 2\n\t\tthis.setFocus(index)\n\t}\n\t@Method()\n\tasync deselect() {\n\t\tthis.partElements[this.focusedIndex ?? 0]?.blur()\n\t}\n\n\tgetInnerText(target: EventTarget | null) {\n\t\treturn (target as HTMLSpanElement).innerText.replace(/\\n/g, \"\").replace(/\\D/g, \"\")\n\t}\n\n\t@Listen(\"beforeinput\")\n\tbeforeInputHandler(e: InputEvent) {\n\t\tconst part = this.order[this.focusedIndex ?? 0] as \"Y\" | \"M\" | \"D\"\n\t\tconst value = this.getInnerText(e.target)\n\t\tconst nonDigitData = e.data && /\\D/.test(e.data)\n\t\tconst isComplete = DateFormat.Part.isComplete(part, value)\n\t\tconst noRangedSelection = InputSelection.isCollapsed(e.target as HTMLElement)\n\t\tif (\n\t\t\t(e.inputType == \"insertText\" || e.inputType == \"insertFromPaste\") &&\n\t\t\t(nonDigitData || (isComplete && noRangedSelection))\n\t\t) {\n\t\t\te.preventDefault()\n\t\t}\n\t\tif (e.inputType == \"insertParagraph\" || e.inputType == \"insertLineBreak\") {\n\t\t\tthis.smoothlyDateTextDone.emit()\n\t\t\te.preventDefault()\n\t\t}\n\t}\n\n\t@Listen(\"input\", { capture: true })\n\tinputHandler(e: InputEvent) {\n\t\tconst part = DateFormat.Order.getPart(this.order, this.focusedIndex ?? 0)\n\t\tconst index = this.focusedIndex ?? 0\n\t\tconst value = this.getInnerText(e.target)\n\t\tthis.parts = {\n\t\t\t...this.parts,\n\t\t\t[part]: value,\n\t\t}\n\n\t\tif ([\"D\", \"M\"].includes(part)) {\n\t\t\tconst isDay = part == \"D\"\n\t\t\tconst max = isDay ? DateFormat.Parts.lastDay(this.parts) : 12\n\t\t\tconst singleDigitThreshold = isDay ? 3 : 1\n\t\t\tconst numberValue = parseInt(value)\n\t\t\tif (value.length >= 2) {\n\t\t\t\tthis.commitPart(part, numberValue, index, max)\n\t\t\t} else if (value.length == 1 && numberValue > singleDigitThreshold) {\n\t\t\t\tthis.autoAdvancePart(part, numberValue, index, max)\n\t\t\t}\n\t\t}\n\t\tif (DateFormat.Part.isComplete(part, value)) {\n\t\t\tthis.setFocus(index + 1)\n\t\t}\n\t\tconst roundedValue = DateFormat.Parts.toDate(this.parts)\n\t\tif (roundedValue) {\n\t\t\tconst roundedParts = DateFormat.Parts.fromDate(roundedValue)\n\t\t\tif (this.parts.D !== roundedParts?.D) {\n\t\t\t\tthis.setPart(\"D\", roundedParts?.D)\n\t\t\t}\n\t\t}\n\t\tif (this.parts.Y || this.parts.M || this.parts.D)\n\t\t\tthis.smoothlyDateHasPartialDate.emit(this.parts)\n\t}\n\tkeyDownHandler(e: KeyboardEvent) {\n\t\tconst text = this.getInnerText(e.target)\n\t\tconst index = this.focusedIndex ?? 0\n\t\tif (InputSelection.isAtStart(e) && e.key == \"ArrowLeft\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index - 1)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (InputSelection.isAtEnd(e) && e.key == \"ArrowRight\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index + 1)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (e.key == \"Home\" || e.key == \"ArrowUp\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(0)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (e.key == \"End\" || e.key == \"ArrowDown\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(2)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (InputSelection.isAtStart(e) && e.key == \"Backspace\" && text == \"\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index - 1)\n\t\t\te.preventDefault() // Prevent delete previous part\n\t\t} else if (InputSelection.isAtEnd(e) && e.key == \"Delete\" && text == \"\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index + 1)\n\t\t\te.preventDefault() // Prevent delete next part\n\t\t}\n\t}\n\n\tcommitPart(part: DateFormat.Part, value: number, index: number, max: number) {\n\t\tconst clamped = Math.max(1, Math.min(value, max))\n\t\tthis.setPart(part, clamped.toString().padStart(2, \"0\"))\n\t\tInputSelection.setPosition(this.partElements[index], 2)\n\t}\n\tautoAdvancePart(part: DateFormat.Part, value: number, index: number, max: number) {\n\t\tconst clamped = Math.max(1, Math.min(value, max))\n\t\tthis.setPart(part, clamped.toString().padStart(2, \"0\"))\n\t\tthis.setFocus(index + 1)\n\t}\n\n\tautoAdvanceIfPossible(index: number) {\n\t\tconst part = DateFormat.Order.getPart(this.order, index)\n\t\tconst value = this.parts[part] ?? \"\"\n\t\tif (part == \"D\" && value.length == 1) {\n\t\t\tthis.autoAdvancePart(part, parseInt(value), index, DateFormat.Parts.lastDay(this.parts))\n\t\t} else if (part == \"M\" && value.length == 1) {\n\t\t\tthis.autoAdvancePart(part, parseInt(value), index, 12)\n\t\t}\n\t}\n\n\tsetFocus(index: number) {\n\t\tif (index < 0) {\n\t\t\tthis.smoothlyDateTextPrevious.emit()\n\t\t} else if (index > 2) {\n\t\t\tthis.smoothlyDateTextNext.emit()\n\t\t} else {\n\t\t\tInputSelection.selectAll(this.partElements[index])\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={{ \"has-text\": Object.values(this.parts).some(part => !!part) }}>\n\t\t\t\t{DateFormat.Order.toArray(this.order).map((part, index) => (\n\t\t\t\t\t<span onClick={() => !this.readonly && !this.disabled && this.setFocus(index)}>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"smoothly-date-text-part\": true,\n\t\t\t\t\t\t\t\t\"is-complete\": DateFormat.Part.isComplete(part, this.parts[part]),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonFocus={() => (this.focusedIndex = index)}\n\t\t\t\t\t\t\tonBlur={() => (this.focusedIndex = undefined)}\n\t\t\t\t\t\t\tonKeyDown={(e: KeyboardEvent) => this.keyDownHandler(e)}\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tref={el => (this.partElements[index] = el)}\n\t\t\t\t\t\t\tcontenteditable={!(this.readonly || this.disabled)}\n\t\t\t\t\t\t\tinputmode=\"numeric\">\n\t\t\t\t\t\t\t{/* year or month or day written here */}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span class=\"guide\">{DateFormat.Part.getGuide(part, this.parts[part]?.length)}</span>\n\t\t\t\t\t\t{index < 2 && <span class=\"smoothly-date-separator\">{this.separator}</span>}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|