smoothly 1.102.0 → 1.103.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 → smoothly-app_104.cjs.entry.js} +184 -163
- package/dist/cjs/smoothly-app_104.cjs.entry.js.map +1 -0
- 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/collection-manifest.json +1 -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/index.js.map +1 -1
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/radio/index.js +36 -0
- package/dist/collection/components/input/demo/radio/index.js.map +1 -0
- package/dist/collection/components/input/demo/radio/style.css +12 -0
- package/dist/collection/components/input/demo/standard/index.js +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/month/index.js +4 -4
- package/dist/collection/components/input/radio/item/index.js +1 -1
- package/dist/collection/components/input/radio/item/index.js.map +1 -1
- package/dist/collection/components/input/radio/item/style.css +10 -1
- package/dist/collection/components/input/radio/style.css +1 -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/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +3 -3
- package/dist/collection/components/input/submit/index.js +1 -1
- package/dist/collection/components/item/index.js +1 -1
- package/dist/collection/components/label/index.js +2 -2
- package/dist/collection/components/lazy/index.js +1 -1
- package/dist/collection/components/load-more/index.js +1 -1
- package/dist/collection/components/modal/index.js +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 +2 -2
- 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-2d754996.js → p-018f3b07.js} +3 -3
- package/dist/components/{p-2d754996.js.map → p-018f3b07.js.map} +1 -1
- package/dist/components/{p-5d4481e5.js → p-08527022.js} +2 -2
- package/dist/components/{p-5d4481e5.js.map → p-08527022.js.map} +1 -1
- package/dist/components/{p-f55ddc88.js → p-08a3d487.js} +30 -30
- package/dist/components/{p-f55ddc88.js.map → p-08a3d487.js.map} +1 -1
- package/dist/components/{p-e3486f48.js → p-08c44bae.js} +10 -10
- package/dist/components/{p-e3486f48.js.map → p-08c44bae.js.map} +1 -1
- package/dist/components/{p-1904abe1.js → p-1e5c4418.js} +5 -5
- package/dist/components/{p-1904abe1.js.map → p-1e5c4418.js.map} +1 -1
- package/dist/components/{p-4051f859.js → p-234932d2.js} +3 -3
- package/dist/components/{p-4051f859.js.map → p-234932d2.js.map} +1 -1
- package/dist/components/{p-4d3d5d0b.js → p-237af64d.js} +9 -9
- package/dist/components/{p-4d3d5d0b.js.map → p-237af64d.js.map} +1 -1
- package/dist/components/{p-7a9728b2.js → p-239cce56.js} +3 -3
- package/dist/components/{p-7a9728b2.js.map → p-239cce56.js.map} +1 -1
- package/dist/components/{p-50304fc1.js → p-2974c59f.js} +3 -3
- package/dist/components/{p-50304fc1.js.map → p-2974c59f.js.map} +1 -1
- package/dist/components/{p-1062aeb9.js → p-29b5ead7.js} +3 -3
- package/dist/components/{p-1062aeb9.js.map → p-29b5ead7.js.map} +1 -1
- package/dist/components/{p-f2f0d309.js → p-2d648420.js} +10 -10
- package/dist/components/{p-f2f0d309.js.map → p-2d648420.js.map} +1 -1
- package/dist/components/{p-1e46b981.js → p-33c30e05.js} +2 -2
- package/dist/components/{p-1e46b981.js.map → p-33c30e05.js.map} +1 -1
- package/dist/components/{p-b25fbf6e.js → p-36137940.js} +5 -5
- package/dist/components/{p-b25fbf6e.js.map → p-36137940.js.map} +1 -1
- package/dist/components/{p-a8f5826f.js → p-3d846c0d.js} +11 -11
- package/dist/components/{p-a8f5826f.js.map → p-3d846c0d.js.map} +1 -1
- package/dist/components/{p-35bfb804.js → p-3f2e92e9.js} +2 -2
- package/dist/components/{p-35bfb804.js.map → p-3f2e92e9.js.map} +1 -1
- package/dist/components/{p-658906f0.js → p-44a8837c.js} +9 -9
- package/dist/components/{p-658906f0.js.map → p-44a8837c.js.map} +1 -1
- package/dist/components/p-4c5965cd.js +45 -0
- package/dist/components/{p-003a635b.js.map → p-4c5965cd.js.map} +1 -1
- package/dist/components/{p-a2a5e7f4.js → p-4cb94746.js} +2 -2
- package/dist/components/{p-a2a5e7f4.js.map → p-4cb94746.js.map} +1 -1
- package/dist/components/{p-12f62e4d.js → p-4da1c188.js} +6 -6
- package/dist/components/{p-12f62e4d.js.map → p-4da1c188.js.map} +1 -1
- package/dist/components/{p-a3c25ce5.js → p-4e8a6a86.js} +21 -21
- package/dist/components/{p-a3c25ce5.js.map → p-4e8a6a86.js.map} +1 -1
- package/dist/components/{p-5cd257ad.js → p-4ee29da5.js} +3 -3
- package/dist/components/{p-5cd257ad.js.map → p-4ee29da5.js.map} +1 -1
- package/dist/components/{p-55806dd1.js → p-4faf0679.js} +6 -6
- package/dist/components/{p-55806dd1.js.map → p-4faf0679.js.map} +1 -1
- package/dist/components/{p-5bc54b34.js → p-50d6a16d.js} +2 -2
- package/dist/components/{p-5bc54b34.js.map → p-50d6a16d.js.map} +1 -1
- package/dist/components/p-52626573.js +123 -0
- package/dist/components/{p-c2fb9b51.js.map → p-52626573.js.map} +1 -1
- package/dist/components/{p-31603adf.js → p-527dedc1.js} +7 -7
- package/dist/components/{p-31603adf.js.map → p-527dedc1.js.map} +1 -1
- package/dist/components/{p-d422d58c.js → p-5ac20ff9.js} +3 -3
- package/dist/components/{p-d422d58c.js.map → p-5ac20ff9.js.map} +1 -1
- package/dist/components/{p-346ba422.js → p-5c9332bf.js} +2 -2
- package/dist/components/{p-346ba422.js.map → p-5c9332bf.js.map} +1 -1
- package/dist/components/{p-30f4e440.js → p-5eafd1ac.js} +4 -4
- package/dist/components/{p-30f4e440.js.map → p-5eafd1ac.js.map} +1 -1
- package/dist/components/{p-9ffa8501.js → p-60b2b2bb.js} +9 -9
- package/dist/components/{p-9ffa8501.js.map → p-60b2b2bb.js.map} +1 -1
- package/dist/components/{p-140b6f3c.js → p-612f2051.js} +5 -5
- package/dist/components/{p-140b6f3c.js.map → p-612f2051.js.map} +1 -1
- package/dist/components/{p-4dcf5fac.js → p-61a80c6e.js} +21 -21
- package/dist/components/{p-4dcf5fac.js.map → p-61a80c6e.js.map} +1 -1
- package/dist/components/{p-7b6467fd.js → p-684de2fd.js} +11 -11
- package/dist/components/{p-7b6467fd.js.map → p-684de2fd.js.map} +1 -1
- package/dist/components/{p-14e31e4a.js → p-6bda7e35.js} +10 -10
- package/dist/components/{p-14e31e4a.js.map → p-6bda7e35.js.map} +1 -1
- package/dist/components/{p-76cc6651.js → p-6ea452d9.js} +2 -2
- package/dist/components/{p-76cc6651.js.map → p-6ea452d9.js.map} +1 -1
- package/dist/components/{p-37732412.js → p-70b61978.js} +2 -2
- package/dist/components/{p-37732412.js.map → p-70b61978.js.map} +1 -1
- package/dist/components/{p-3a1a67e7.js → p-723edf05.js} +3 -3
- package/dist/components/{p-3a1a67e7.js.map → p-723edf05.js.map} +1 -1
- package/dist/components/{p-e48ad105.js → p-75916f5e.js} +2 -2
- package/dist/components/{p-e48ad105.js.map → p-75916f5e.js.map} +1 -1
- package/dist/components/{p-4a5c24c0.js → p-760a7e6a.js} +22 -22
- package/dist/components/{p-4a5c24c0.js.map → p-760a7e6a.js.map} +1 -1
- package/dist/components/{p-e7dcaec1.js → p-795bda50.js} +2 -2
- package/dist/components/{p-e7dcaec1.js.map → p-795bda50.js.map} +1 -1
- package/dist/components/{p-c9126eb3.js → p-83676034.js} +34 -34
- package/dist/components/{p-c9126eb3.js.map → p-83676034.js.map} +1 -1
- package/dist/components/{p-d8c97dde.js → p-84ba0025.js} +3 -3
- package/dist/components/{p-d8c97dde.js.map → p-84ba0025.js.map} +1 -1
- package/dist/components/{p-40d2000b.js → p-85ed9f7d.js} +2 -2
- package/dist/components/{p-40d2000b.js.map → p-85ed9f7d.js.map} +1 -1
- package/dist/components/{p-96fff9ba.js → p-8f9e26ce.js} +7 -7
- package/dist/components/{p-96fff9ba.js.map → p-8f9e26ce.js.map} +1 -1
- package/dist/components/{p-0e242fdd.js → p-974b3a13.js} +4 -4
- package/dist/components/{p-0e242fdd.js.map → p-974b3a13.js.map} +1 -1
- package/dist/components/{p-90cf2f0e.js → p-9ad494c1.js} +2 -2
- package/dist/components/{p-90cf2f0e.js.map → p-9ad494c1.js.map} +1 -1
- package/dist/components/{p-02c38067.js → p-9aeab5df.js} +5 -5
- package/dist/components/{p-02c38067.js.map → p-9aeab5df.js.map} +1 -1
- package/dist/components/{p-e9905fbc.js → p-a66e99e6.js} +17 -17
- package/dist/components/{p-e9905fbc.js.map → p-a66e99e6.js.map} +1 -1
- package/dist/components/{p-0b3f1a79.js → p-a76a4d76.js} +2 -2
- package/dist/components/{p-0b3f1a79.js.map → p-a76a4d76.js.map} +1 -1
- package/dist/components/{p-b494ebd3.js → p-aac05986.js} +9 -9
- package/dist/components/{p-b494ebd3.js.map → p-aac05986.js.map} +1 -1
- package/dist/components/{p-c4637f18.js → p-aac4d78f.js} +9 -9
- package/dist/components/{p-c4637f18.js.map → p-aac4d78f.js.map} +1 -1
- package/dist/components/{p-bb94849f.js → p-ac63635b.js} +2 -2
- package/dist/components/{p-bb94849f.js.map → p-ac63635b.js.map} +1 -1
- package/dist/components/{p-581d3377.js → p-ad918487.js} +6 -6
- package/dist/components/{p-581d3377.js.map → p-ad918487.js.map} +1 -1
- package/dist/components/{p-e04a506b.js → p-adb5afee.js} +11 -11
- package/dist/components/{p-e04a506b.js.map → p-adb5afee.js.map} +1 -1
- package/dist/components/{p-fdf5432e.js → p-aee7c7ad.js} +8 -8
- package/dist/components/{p-fdf5432e.js.map → p-aee7c7ad.js.map} +1 -1
- package/dist/components/{p-6aaf93a3.js → p-b2be4c15.js} +13 -13
- package/dist/components/{p-6aaf93a3.js.map → p-b2be4c15.js.map} +1 -1
- package/dist/components/{p-c172bb64.js → p-b34956f3.js} +8 -8
- package/dist/components/{p-c172bb64.js.map → p-b34956f3.js.map} +1 -1
- package/dist/components/{p-753658b4.js → p-b4919dec.js} +2 -2
- package/dist/components/{p-753658b4.js.map → p-b4919dec.js.map} +1 -1
- package/dist/components/{p-4f0ce21b.js → p-b52a6734.js} +3 -3
- package/dist/components/{p-4f0ce21b.js.map → p-b52a6734.js.map} +1 -1
- package/dist/components/{p-3abf736a.js → p-b5752ca0.js} +5 -5
- package/dist/components/{p-3abf736a.js.map → p-b5752ca0.js.map} +1 -1
- package/dist/components/{p-2779565d.js → p-b80060f3.js} +2 -2
- package/dist/components/{p-2779565d.js.map → p-b80060f3.js.map} +1 -1
- package/dist/components/{p-a4614780.js → p-bb65b34c.js} +2 -2
- package/dist/components/{p-a4614780.js.map → p-bb65b34c.js.map} +1 -1
- package/dist/components/p-bd4239d1.js +282 -0
- package/dist/components/p-bd4239d1.js.map +1 -0
- package/dist/components/{p-71fa6386.js → p-c26e4c8e.js} +4 -4
- package/dist/components/{p-71fa6386.js.map → p-c26e4c8e.js.map} +1 -1
- package/dist/components/{p-dea4659e.js → p-c3625434.js} +3 -3
- package/dist/components/{p-dea4659e.js.map → p-c3625434.js.map} +1 -1
- package/dist/components/{p-3fa2299b.js → p-c37e4491.js} +2 -2
- package/dist/components/{p-3fa2299b.js.map → p-c37e4491.js.map} +1 -1
- package/dist/components/{p-fb97b2ff.js → p-c4674baf.js} +4 -4
- package/dist/components/p-c4674baf.js.map +1 -0
- package/dist/components/{p-7550fc08.js → p-c669761d.js} +2 -2
- package/dist/components/{p-7550fc08.js.map → p-c669761d.js.map} +1 -1
- package/dist/components/{p-19d93e64.js → p-c9caeeb4.js} +2 -2
- package/dist/components/{p-19d93e64.js.map → p-c9caeeb4.js.map} +1 -1
- package/dist/components/{p-ec815cfd.js → p-cb02f661.js} +7 -7
- package/dist/components/{p-ec815cfd.js.map → p-cb02f661.js.map} +1 -1
- package/dist/components/{p-93141817.js → p-ccb418c1.js} +10 -10
- package/dist/components/{p-93141817.js.map → p-ccb418c1.js.map} +1 -1
- package/dist/components/{p-6d1e5f27.js → p-ce52b5f8.js} +3 -3
- package/dist/components/p-ce52b5f8.js.map +1 -0
- package/dist/components/p-dccf0678.js +74 -0
- package/dist/components/p-dccf0678.js.map +1 -0
- package/dist/components/{p-97e22dc3.js → p-e44568a9.js} +4 -4
- package/dist/components/{p-97e22dc3.js.map → p-e44568a9.js.map} +1 -1
- package/dist/components/{p-9bcdd1ec.js → p-e72aaf1f.js} +6 -6
- package/dist/components/{p-9bcdd1ec.js.map → p-e72aaf1f.js.map} +1 -1
- package/dist/components/{p-211c0f22.js → p-e779a545.js} +3 -3
- package/dist/components/{p-211c0f22.js.map → p-e779a545.js.map} +1 -1
- package/dist/components/{p-6008d530.js → p-ea295759.js} +4 -4
- package/dist/components/{p-6008d530.js.map → p-ea295759.js.map} +1 -1
- package/dist/components/{p-e32d9cd5.js → p-eada567a.js} +5 -5
- package/dist/components/{p-e32d9cd5.js.map → p-eada567a.js.map} +1 -1
- package/dist/components/{p-d4f3568a.js → p-ed3f781f.js} +18 -18
- package/dist/components/{p-d4f3568a.js.map → p-ed3f781f.js.map} +1 -1
- package/dist/components/{p-6f96e7ef.js → p-ef0cb600.js} +2 -2
- package/dist/components/{p-6f96e7ef.js.map → p-ef0cb600.js.map} +1 -1
- package/dist/components/{p-4441247b.js → p-efb6497e.js} +6 -6
- package/dist/components/{p-4441247b.js.map → p-efb6497e.js.map} +1 -1
- package/dist/components/{p-aff94100.js → p-f0fc48a4.js} +5 -5
- package/dist/components/{p-aff94100.js.map → p-f0fc48a4.js.map} +1 -1
- package/dist/components/{p-6a11096b.js → p-f1b7920d.js} +2 -2
- package/dist/components/{p-6a11096b.js.map → p-f1b7920d.js.map} +1 -1
- package/dist/components/{p-04b312ca.js → p-f4a54d1b.js} +2 -2
- package/dist/components/{p-04b312ca.js.map → p-f4a54d1b.js.map} +1 -1
- package/dist/components/{p-064f3907.js → p-f5bbd838.js} +3 -3
- package/dist/components/{p-064f3907.js.map → p-f5bbd838.js.map} +1 -1
- package/dist/components/{p-6e8454e3.js → p-f7d8bf2d.js} +8 -8
- package/dist/components/{p-6e8454e3.js.map → p-f7d8bf2d.js.map} +1 -1
- package/dist/components/{p-c259b478.js → p-fd1366e6.js} +12 -12
- package/dist/components/{p-c259b478.js.map → p-fd1366e6.js.map} +1 -1
- package/dist/components/{p-2ef8a833.js → p-fd230d2b.js} +2 -2
- package/dist/components/{p-2ef8a833.js.map → p-fd230d2b.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +156 -150
- package/dist/components/smoothly-app-demo.js.map +1 -1
- 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-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 +20 -20
- 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-radio.d.ts +11 -0
- package/dist/components/smoothly-input-demo-radio.js +8 -0
- package/dist/components/smoothly-input-demo-radio.js.map +1 -0
- 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 → smoothly-app_104.entry.js} +184 -164
- package/dist/esm/smoothly-app_104.entry.js.map +1 -0
- 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-1591ed71.entry.js → p-2009497a.entry.js} +2 -2
- package/dist/smoothly/{p-bcf83be6.entry.js → p-24c44cdc.entry.js} +2 -2
- package/dist/smoothly/{p-5b91cbdd.entry.js → p-ad9cd2da.entry.js} +2 -2
- package/dist/smoothly/p-ad9cd2da.entry.js.map +1 -0
- package/dist/smoothly/{p-a00d7c21.entry.js → p-c04ed5b3.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/demo/radio/index.d.ts +5 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
- package/dist/cjs/smoothly-app_103.cjs.entry.js.map +0 -1
- package/dist/components/p-003a635b.js +0 -45
- package/dist/components/p-6d1e5f27.js.map +0 -1
- package/dist/components/p-7c487e25.js +0 -264
- package/dist/components/p-7c487e25.js.map +0 -1
- package/dist/components/p-c2fb9b51.js +0 -123
- package/dist/components/p-fb97b2ff.js.map +0 -1
- package/dist/esm/smoothly-app_103.entry.js.map +0 -1
- package/dist/smoothly/p-5b91cbdd.entry.js.map +0 -1
- /package/dist/smoothly/{p-1591ed71.entry.js.map → p-2009497a.entry.js.map} +0 -0
- /package/dist/smoothly/{p-bcf83be6.entry.js.map → p-24c44cdc.entry.js.map} +0 -0
- /package/dist/smoothly/{p-a00d7c21.entry.js.map → p-c04ed5b3.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-4ee29da5.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,o4OAAo4O,CAAC;AACt5O,iCAAe,QAAQ;;MCUV,kBAAkB;;;;;;;;wBAKqB,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;gBACrC,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;oBACpB,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;wBAChB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;wBACvF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,sBAAsB,CAAA;qBACxE;oBACD,IAAI,CAAC,YAAY,YAAY,EAAE;wBAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;wBAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAA;qBACjE;iBACD,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY,CAAC,KAAiB;;QAC7B,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;QACpB,IAAI,CAAC,MAAM,YAAY,YAAY,IAAI,IAAI,CAAC,cAAc,KAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,KAAK,CAAC,CAAA,CAAA;KACtF;IACD,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,EAC/D,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,8DAAQ,EACR,sEAAe,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAC5C,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/reset/style.css?tag=smoothly-input-reset&encapsulation=scoped","src/components/input/reset/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-reset\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputReset {\n\treadonlyAtLoad: boolean\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop() tooltip = \"Reset\"\n\tprivate parent?: Editable.Element\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.Element.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tthis.readonlyAtLoad = parent.readonly\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\tconst defined = typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue())\n\t\t\t\t\t\tthis.display = p.readonly || !defined ? false : p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\tthis.disabled = !this.readonlyAtLoad && !p.isDifferentFromInitial\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler(event: MouseEvent) {\n\t\tevent.stopPropagation()\n\t\tthis.parent?.reset()\n\t\tthis.parent instanceof SmoothlyForm && this.readonlyAtLoad && this.parent?.edit(false)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon flip=\"x\" name=\"refresh-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
|
|
2
2
|
import { d as defineCustomElement$8 } from './p-76531b32.js';
|
|
3
3
|
import { d as defineCustomElement$7 } from './p-2826e824.js';
|
|
4
|
-
import { d as defineCustomElement$6 } from './p-
|
|
4
|
+
import { d as defineCustomElement$6 } from './p-c9caeeb4.js';
|
|
5
5
|
import { d as defineCustomElement$5 } from './p-604f869e.js';
|
|
6
|
-
import { d as defineCustomElement$4 } from './p-
|
|
7
|
-
import { d as defineCustomElement$3 } from './p-
|
|
8
|
-
import { d as defineCustomElement$2 } from './p-
|
|
9
|
-
import { d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { d as defineCustomElement$4 } from './p-75916f5e.js';
|
|
7
|
+
import { d as defineCustomElement$3 } from './p-4ee29da5.js';
|
|
8
|
+
import { d as defineCustomElement$2 } from './p-a76a4d76.js';
|
|
9
|
+
import { d as defineCustomElement$1 } from './p-723edf05.js';
|
|
10
10
|
|
|
11
11
|
const SmoothlyFormDemoPrices = proxyCustomElement(class SmoothlyFormDemoPrices extends H {
|
|
12
12
|
constructor() {
|
|
@@ -74,4 +74,4 @@ defineCustomElement();
|
|
|
74
74
|
|
|
75
75
|
export { SmoothlyFormDemoPrices as S, defineCustomElement as d };
|
|
76
76
|
|
|
77
|
-
//# sourceMappingURL=p-
|
|
77
|
+
//# sourceMappingURL=p-4faf0679.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-4faf0679.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js';
|
|
2
2
|
import { A as And, P as Property, I as Includes, b as property, i as includes, a as and } from './p-caf09da9.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './p-604f869e.js';
|
|
4
|
-
import { d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { d as defineCustomElement$1 } from './p-75916f5e.js';
|
|
5
5
|
|
|
6
6
|
const styleCss = ".sc-smoothly-filter-input-h{display:contents}.sc-smoothly-filter-input-h>smoothly-input.sc-smoothly-filter-input{flex-grow:1;min-width:10em;flex-basis:40%}";
|
|
7
7
|
const SmoothlyFilterInputStyle0 = styleCss;
|
|
@@ -109,4 +109,4 @@ defineCustomElement();
|
|
|
109
109
|
|
|
110
110
|
export { SmoothlyFilterInput as S, defineCustomElement as d };
|
|
111
111
|
|
|
112
|
-
//# sourceMappingURL=p-
|
|
112
|
+
//# sourceMappingURL=p-50d6a16d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-50d6a16d.js","mappings":"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","names":["selectively.And","selectively.Property","selectively.Includes","selectively.and","selectively.property","selectively.includes"],"sources":["src/components/filter/input/style.css?tag=smoothly-filter-input&encapsulation=scoped","src/components/filter/input/index.tsx"],"sourcesContent":[":host {\n\tdisplay: contents;\n}\n\n:host>smoothly-input {\n\tflex-grow: 1;\n\tmin-width: 10em;\n\tflex-basis: 40%;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { tidily } from \"tidily\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterInput implements Filter {\n\ttype: tidily.Type = \"text\"\n\t@State() needle: selectively.Criteria = \"\"\n\t@Prop() label: string\n\t@Prop() property: string\n\t@Prop() placeholder: string\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0)\n\t\t\tfor (const rule of expression.rules) {\n\t\t\t\tconst criteria = this.isCriteria(rule, this.property)\n\t\t\t\tif (criteria) {\n\t\t\t\t\tthis.needle = criteria.needle ?? \"\"\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\telse\n\t\t\tthis.needle = \"\"\n\t}\n\tprivate isCriteria(criteria: selectively.Rule | undefined, key: string): selectively.Includes | undefined {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\t(criteria instanceof selectively.Property &&\n\t\t\t\tcriteria.name == property &&\n\t\t\t\t((criteria.criteria instanceof selectively.Includes && criteria.criteria) ||\n\t\t\t\t\t(criteria.criteria instanceof selectively.Property && this.isCriteria(criteria.criteria, rest.join(\".\"))))) ||\n\t\t\tundefined\n\t\t)\n\t}\n\tinputHandler(event: CustomEvent<Record<string, string>>) {\n\t\tevent.stopPropagation()\n\t\tconst needle = event.detail[this.property]\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tconst newCriteria = needle ? this.getCriteria(needle) : undefined\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, this.property))\n\t\t\t\t!newCriteria\n\t\t\t\t\t? index != -1 && result.rules.splice(index, 1)\n\t\t\t\t\t: index == -1\n\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tprivate getCriteria(needle: string): selectively.Rule | undefined {\n\t\treturn this.property\n\t\t\t.split(\".\")\n\t\t\t.reduceRight((r: selectively.Rule, e) => selectively.property(e, r), selectively.includes(needle))\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == key &&\n\t\t\t(rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-input\n\t\t\t\tname={this.property}\n\t\t\t\tvalue={this.needle}\n\t\t\t\ttype={this.type}\n\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}>\n\t\t\t\t{this.label}\n\t\t\t\t<slot />\n\t\t\t</smoothly-input>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -0,0 +1,123 @@
|
|
|
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-239cce56.js';
|
|
8
|
+
import { d as defineCustomElement$9 } from './p-70b61978.js';
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-5c9332bf.js';
|
|
10
|
+
import { d as defineCustomElement$7 } from './p-3f2e92e9.js';
|
|
11
|
+
import { d as defineCustomElement$6 } from './p-08527022.js';
|
|
12
|
+
import { d as defineCustomElement$5 } from './p-85ed9f7d.js';
|
|
13
|
+
import { d as defineCustomElement$4 } from './p-b80060f3.js';
|
|
14
|
+
import { d as defineCustomElement$3 } from './p-234932d2.js';
|
|
15
|
+
import { d as defineCustomElement$2 } from './p-c37e4491.js';
|
|
16
|
+
import { d as defineCustomElement$1 } from './p-4cb94746.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: '99b42d440d627f137c861a505268bd01ddf80502' }, h("smoothly-display", { key: 'ec8de18cda2946a8a9303b7a6089d9be4e55ef46', type: "text", value: "Group" }), h("smoothly-table", { key: '92bc77999729786e1ee916dae43d024ec03e1378', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'e5e3f7ab31387894ab9847e7747b0d1fc33bb2b4' }, h("smoothly-table-row", { key: 'cacf171bc9956c3c9fb474f740e8522d2d86e600' }, h("smoothly-table-cell", { key: 'b1491e5cc504a6da7821e67f599091f9b854ef43' }, "Date"), h("smoothly-table-cell", { key: 'c50f5f1f02b277c915cdf69ef2ac4454ddc2a229' }, "Total"))), h("smoothly-table-body", { key: '77ed062a1e8d40b2c7a9f98c69c0cccd045634e4' }, h("smoothly-table-row-group", { key: 'f42c04c5e24dc7736355fd9646eb0d086ac5b6f2', align: true }, h("smoothly-display", { key: 'c2ab76c5737d7813c4cc301627b3bd843a014b90', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '92b7d7177e1856aaaf5214189e37e5ae94d8e211', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '7f94acb1b687c79bc96da97389e511d67ed05e7b' }, h("smoothly-table-cell", { key: 'f6f7a60734c594ad3cd6b15ec6db1cb4c5bbd89a' }, h("smoothly-display", { key: 'c5437c032254090f5bcba260091c235aef8780b7', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '8f04f8b04500f62e9af0087a7146b3d24605c1f1' }, h("smoothly-display", { key: '39c580cd2d658206a14f05cbd634e4eb1d1c7c67', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'ed03fdb041650c7b5c2b8e99372447a48773b57d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'cd3b3b59ae009a93a8b4f9517144e1d95daa9af2' }, h("smoothly-table-cell", { key: '581a9f684b96d4b8b148f9963f2e82995784097c' }, h("smoothly-display", { key: '87f20d9bf62ceda60398faf87f582aa93f6bc7fa', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '189628c8cbf0f19739db99163e06752b55e43159' }, h("smoothly-display", { key: '0f90df1f79874aaa4b2fa19c370e7dbdb0a12739', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'b4ebafa6ca44d7ea1098a2d9bd87b8dab5ee9eef', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '60fc8f54f7957102e47b4280ec49a4d0d70f5fd1' }, h("smoothly-table-cell", { key: '5764a87679414315c11cdb84f17218e3b9b04951' }, h("smoothly-display", { key: '2268b6e0ee468f3fa1759210716fe9446ac67057', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '4ffebace59ff3e25dec10816d49adb341c34dd13' }, h("smoothly-display", { key: '33b2206b0752571a3c00f62a12caa093e52fd9a2', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'c5b086270908b14b9833178f2dd9e0aadf64c1bf' }, h("smoothly-display", { key: '84f02269594765452ff9b31c14ccf5b5faae6fb0', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'e89560e658b68dac93825c4749359b37c3785ca4', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '7d631402b0a13e6ea99f6d17c7fd6e933b35513e' }, h("smoothly-table-cell", { key: '3d1d33f3f7ac515d677542c313d0ae738107ec42' }, h("smoothly-display", { key: '846ee43881ad60461f04cffc709641858c3661fe', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '0ed59247a38eb4b334e360d5c9aa5ed6d218a0a4' }, h("smoothly-display", { key: 'd18d9e3a385db7e69a547831587294dedafeff1d', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '6460a9221def237f36931168260b9ca54a3da236', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '4bf48b933495597deaf73fad4595532b1743fae6' }, h("smoothly-table-cell", { key: '1a623646f7855e92746ef90c4d7875b6793ff0fa' }, h("smoothly-display", { key: '34e50f53da13807a520cd25af4666c48d222e242', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '0c95dbe2f69e387c3da68eb3cee829c12a4e25ea' }, h("smoothly-display", { key: 'be5ff17b5da3f88a96fc6b2453265532b25c8c85', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'a050674d329e220fa10297de7369529da240dbc2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '35a74aa978281c51a5e89cff416a3820edd3fea1' }, h("smoothly-display", { key: '40f65fe238cae60b0322d7aa2095d337fd114c2e', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '8ac7dd169af9ba076228c13e7106c90532713bea' }, h("smoothly-table-cell", { key: 'b2aa1000642e810242d26b3beab0618b7e7533f1' }, h("smoothly-display", { key: '42b510a936ff7c375f94f62d7c90352190fa15b1', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '52f9a53daf63ba78cca490a1d2b1d503cebd1cbe' }, h("smoothly-display", { key: '2efcd3103f556b7d2bdb162955c1a2786df6406f', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'afa791309481d7bd57fec774cdb8cc0eae49a46b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '0a516ca4106870129ef3416ecd091860dfa8e747' }, h("smoothly-table-cell", { key: 'ba7c34c5ff3bf0a7b4d0dd756b06d08c311515f3' }, h("smoothly-display", { key: 'c4f7acc99b53775cc270b6c07d747f8380d7f6bc', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '40ba97dadd14f034ce1cc1f7e9620b55f6868b4d' }, h("smoothly-display", { key: '9eeb16c9d8b36ff07ff0e2b5b7d984a906a28f8f', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '0a7daa49993eb0fe81b1710d52671fd9ccb3fdea', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '124fe8317cd613d0a95d078879a2af27d9a30378' }, h("smoothly-display", { key: '7d34f0ba876c6ad7208ca7252f5aebbda39b41fd', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'b07d589cc83c31fd58eb166f71bcf2e7f14667a2' }, h("smoothly-table-cell", { key: '5bbd85e55939d383ad00988b2b62b6594593aef1' }, h("smoothly-display", { key: '626673afdd4f8dbc7c8dda5da6f371b40496d346', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'a9ed9598f2dcf387458e652e9844e1f66c03953e' }, h("smoothly-display", { key: '866d3525f916e7c7c7d59389fcc7f8796be07c6f', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '18ff51ffedfb0aa9e5d31f69da365b90063b2e87', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'a6d2f2cd291699874c381b59fff2525b888b4357' }, h("smoothly-table-cell", { key: '126a4db06d0aaa8b18e11cd8ab06c9abf8bec706' }, h("smoothly-display", { key: 'bbc04101c4c81670fc0d9247bd8449b345d219d7', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bca6cb4152a63a2fce65e7d8656c8d9d24d4f973' }, h("smoothly-display", { key: '475a29b822ba659d2062106ef569b52d5640b4ef', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3a60daee840665182671a0337a5e20bc0294e313', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '8047fea73d43878404baef9ecdfa1954325ce89b' }, h("smoothly-table-row-group", { key: '9b59043a06becd4df17280877a009937a07f3096' }, h("smoothly-display", { key: '7e9258f5981e7320d755f002d925a402b4ddfa52', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '4c7f501e94a886b150580d66005afcaf6b71caf4', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '59b7e0ace09eddc316bebf8fc200960a73bb9a28' }, h("smoothly-table-row", { key: 'a784f8d2f6cb687ce8ffef106f96c1d3e2b3c2b2' }, h("fake-cell-wrapper", { key: 'fee4873fcc05603551839fd45ae820418cd77247' }, h("smoothly-table-cell", { key: 'b88bb6f4bd7db66b079d37d923111dae55a58d2d' }, h("smoothly-display", { key: 'de2badec58466cbe87d95794d419f7a1ff030238', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '140a3eefd53af98ebdc23f93f26362a3e073ebd9' }, h("smoothly-table-expandable-cell", { key: 'd5e871ee2feca4ff89007522c77a16ef6e18e93d' }, h("smoothly-display", { key: 'e60ebe013aeed9990e195145a5b6f3a56619a991', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '4cef4b25e4a804ecf788aaeecf28b49c552a8692', 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: '17a410017a8b58e6b9dbddfa08bb01cc7bb69fc2' }, h("smoothly-table-expandable-row", { key: 'e29c776f6f7265d00811ab46b81484214eeab024' }, h("fake-cell-wrapper", { key: '26d6d274907877f8e5b9d2aa10026b046db87552', class: "span-2" }, h("smoothly-table-cell", { key: 'be8be305615a9a4d6f99a3a527ae448ea23edf0d', span: 2 }, h("smoothly-display", { key: 'c329b1c0d3de0cb7acd156d0436d6ba4f11d359a', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '7053359a810f8f370d01836fb41a5057c061a839', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'c01f8cc394c57afbfac54c884776fcd4df62672a' }, h("smoothly-display", { key: 'de89520fe26ab9ac713479ab5f7219e71bcab43f', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '542ec870ac9915503c411530b593e8462436e190', 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-52626573.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-c2fb9b51.js","mappings":"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","names":[],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n*/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/* ↓ This is the column span. only needed if span != 1 */\n\tgrid-column: span 1;\n\t/* it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-52626573.js","mappings":"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","names":[],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n*/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/* ↓ This is the column span. only needed if span != 1 */\n\tgrid-column: span 1;\n\t/* it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
|
|
2
|
-
import { d as defineCustomElement$5 } from './p-
|
|
3
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-
|
|
6
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$5 } from './p-5c9332bf.js';
|
|
3
|
+
import { d as defineCustomElement$4 } from './p-3f2e92e9.js';
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-b80060f3.js';
|
|
5
|
+
import { d as defineCustomElement$2 } from './p-234932d2.js';
|
|
6
|
+
import { d as defineCustomElement$1 } from './p-c37e4491.js';
|
|
7
7
|
|
|
8
8
|
const styleCss = ".sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}";
|
|
9
9
|
const SmoothlyTableDemoNestedNoCellInnerStyle0 = styleCss;
|
|
@@ -16,7 +16,7 @@ const SmoothlyTableDemoNestedNoCellInner = proxyCustomElement(class SmoothlyTabl
|
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
18
|
var _a;
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'd3f33f81e3c40187eced6eede95e296749d8b041' }, h("smoothly-table", { key: '3074b5ccf0f7e6e6a504d8e735553f78b18ee589', columns: 4 }, h("smoothly-table-head", { key: '70ed54a2a4df86190dfb050f98c480b4c5a2d4fa' }, h("smoothly-table-row", { key: '14dc1ab30c90f51017123f9d2356bbc077bc5144' }, h("div", { key: 'fac97d9b2ab873aa6377cac0df1798dca85edf51', class: "smoothly-table-cell" }, "Id"), h("div", { key: '8ca522ce7cf2637075b52c6cc3441b6813a9715b', class: "smoothly-table-cell" }, "Name"), h("div", { key: '6e0f6a09f713ce74d7e0a4ee520b9c1a430a25c5', class: "smoothly-table-cell" }, "Age"), h("div", { key: '24b6d9bd2dde8e6289119daf98b9872140dddcb5', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'cdace8f8d664190c450aa5233862797c65ca192e' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
|
|
20
20
|
}
|
|
21
21
|
static get style() { return SmoothlyTableDemoNestedNoCellInnerStyle0; }
|
|
22
22
|
}, [2, "smoothly-table-demo-nested-no-cell-inner", {
|
|
@@ -64,4 +64,4 @@ defineCustomElement();
|
|
|
64
64
|
|
|
65
65
|
export { SmoothlyTableDemoNestedNoCellInner as S, defineCustomElement as d };
|
|
66
66
|
|
|
67
|
-
//# sourceMappingURL=p-
|
|
67
|
+
//# sourceMappingURL=p-527dedc1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-527dedc1.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,yFAAyF,CAAC;AAC3G,iDAAe,QAAQ;;MCMV,kCAAkC;;;;;;IAO9C,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,OAAO,EAAE,CAAC,IACzB,8EACC,6EACC,4DAAK,KAAK,EAAC,qBAAqB,SAAS,EACzC,4DAAK,KAAK,EAAC,qBAAqB,WAAW,EAC3C,4DAAK,KAAK,EAAC,qBAAqB,UAAU,EAC1C,4DAAK,KAAK,EAAC,qBAAqB,cAAc,CAC1B,CACA,EACtB,8EACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,yCACC,WAAK,KAAK,EAAC,qBAAqB,IAAE,KAAK,CAAC,EAAE,CAAO,EACjD,WAAK,KAAK,EAAC,qBAAqB,IAAE,KAAK,CAAC,IAAI,CAAO,EACnD,WAAK,KAAK,EAAC,qBAAqB,IAAE,KAAK,CAAC,GAAG,CAAO,EAClD,WAAK,KAAK,EAAC,qBAAqB,IAAE,KAAK,CAAC,OAAO,CAAO,CACvB,CAChC,CAAC,CACmB,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/nested-no-cell/inner/style.css?tag=smoothly-table-demo-nested-no-cell-inner&encapsulation=scoped","src/components/table/demo/nested-no-cell/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-nested-no-cell-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoNestedNoCellInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">Id</div>\n\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">Name</div>\n\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">Age</div>\n\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">Balance</div>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">{entry.id}</div>\n\t\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">{entry.name}</div>\n\t\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">{entry.age}</div>\n\t\t\t\t\t\t\t\t<div class=\"smoothly-table-cell\">{entry.balance}</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -13,9 +13,9 @@ const SmoothlyLabel = proxyCustomElement(class SmoothlyLabel extends H {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
var _a;
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '904b7e2545774f010a04f80dfdebbd0fc1000403', title: this.description, style: {
|
|
17
17
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
18
|
-
} }, h("slot", { key: '
|
|
18
|
+
} }, h("slot", { key: '451cf78802889d2e23b85fcc1ed0955640113b68' })));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return SmoothlyLabelStyle0; }
|
|
21
21
|
}, [6, "smoothly-label", {
|
|
@@ -40,4 +40,4 @@ defineCustomElement();
|
|
|
40
40
|
|
|
41
41
|
export { SmoothlyLabel as S, defineCustomElement as d };
|
|
42
42
|
|
|
43
|
-
//# sourceMappingURL=p-
|
|
43
|
+
//# sourceMappingURL=p-5ac20ff9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-5ac20ff9.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,0SAA0S,CAAC;AAC5T,4BAAe,QAAQ;;MCMV,aAAa;;;;;;;;IAKzB,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,KAAK,EAAE;gBACN,OAAO,EAAE,MAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,EAAE;aAC7B,IACD,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/label/style.css?tag=smoothly-label&encapsulation=scoped","src/components/label/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\twidth: max-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: 0.15em 0.6em;\n\tborder-radius: 2em;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: hsl(var(--hue), 85%, 70%);\n}\n\n:host([shape=rectangle]) {\n\tborder-radius: 0.3em;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-label\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyLabel {\n\t@Prop() hue?: number\n\t@Prop() description?: string\n\t@Prop({ reflect: true }) shape: \"rectangle\" | \"rounded\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttitle={this.description}\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hue\": this.hue?.toString(),\n\t\t\t\t}}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -16,7 +16,7 @@ const SmoothlyTable = proxyCustomElement(class SmoothlyTable extends H {
|
|
|
16
16
|
event.stopPropagation();
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '676990cd922404cf48220687caf56f92a95bb7df', style: { "--columns": this.columns.toString() } }, h("slot", { key: '409adfae56be1870929358aa174eba150a25bfaa' })));
|
|
20
20
|
}
|
|
21
21
|
static get style() { return SmoothlyTableStyle0; }
|
|
22
22
|
}, [6, "smoothly-table", {
|
|
@@ -39,4 +39,4 @@ defineCustomElement();
|
|
|
39
39
|
|
|
40
40
|
export { SmoothlyTable as S, defineCustomElement as d };
|
|
41
41
|
|
|
42
|
-
//# sourceMappingURL=p-
|
|
42
|
+
//# sourceMappingURL=p-5c9332bf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-5c9332bf.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,2NAA2N,CAAC;AAC7O,4BAAe,QAAQ;;MCOV,aAAa;;;;uBACP,CAAC;;IAGnB,gCAAgC,CAAC,KAAsD;QACtF,KAAK,CAAC,eAAe,EAAE,CAAA;KACvB;IAGD,iCAAiC,CAAC,KAAsD;QACvF,KAAK,CAAC,eAAe,EAAE,CAAA;KACvB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,IACpD,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/style.css?tag=smoothly-table&encapsulation=scoped","src/components/table/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--columns), auto);\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tstroke: rgb(var(--smoothly-table-foreground));\n\tfill: rgb(var(--smoothly-table-foreground));\n}\n","import { Component, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../components\"\n\n@Component({\n\ttag: \"smoothly-table\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTable {\n\t@Prop() columns = 1\n\n\t@Listen(\"smoothlyTableExpandableRowChange\")\n\tsmoothlyTableExpandableRowChange(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tevent.stopPropagation()\n\t}\n\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChange(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--columns\": this.columns.toString() }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-f765921a.js';
|
|
2
2
|
import { D as Date } from './p-390767c7.js';
|
|
3
|
-
import { w as weekdays, m as month, d as defineCustomElement$3 } from './p-
|
|
3
|
+
import { w as weekdays, m as month, d as defineCustomElement$3 } from './p-b34956f3.js';
|
|
4
4
|
import { d as defineCustomElement$4 } from './p-604f869e.js';
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-
|
|
6
|
-
import { d as defineCustomElement$1 } from './p-
|
|
5
|
+
import { d as defineCustomElement$2 } from './p-efb6497e.js';
|
|
6
|
+
import { d as defineCustomElement$1 } from './p-33c30e05.js';
|
|
7
7
|
|
|
8
8
|
const styleCss = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:\"\";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}";
|
|
9
9
|
const SmoothlyCalendarStyle0 = styleCss;
|
|
@@ -160,4 +160,4 @@ defineCustomElement();
|
|
|
160
160
|
|
|
161
161
|
export { Calendar as C, defineCustomElement as d };
|
|
162
162
|
|
|
163
|
-
//# sourceMappingURL=p-
|
|
163
|
+
//# sourceMappingURL=p-5eafd1ac.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-30f4e440.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,g4GAAg4G,CAAC;AACl5G,+BAAe,QAAQ;;MCQV,QAAQ;;;;;;QAwCZ,iBAAY,GAAG,CAAC,CAAA;;;;;;;;;;;IAzBxB,iBAAiB;QAChB,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,CAAC,KAAK,EAAE,CAAA;KACZ;IAED,OAAO;QACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAA;KAC/B;IAED,KAAK;QACJ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAA;KAC3B;IAED,MAAM,MAAM,CAAC,SAAqC;;QACjD,MAAM,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;cACzC,SAAS,CAAC,CAAC;cACX,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,mCAAIA,IAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAClE,MAAM,GAAG,GAAGA,IAAU,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;cACzC,SAAS,CAAC,CAAC;cACX,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,mCAAIA,IAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAClE,MAAM,IAAI,GAAG,GAAG,IAAI,IAAI,GAAG,KAAK,CAAA;QAChC,IAAIA,IAAU,CAAC,EAAE,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;KAClB;IAGO,OAAO,CAAC,IAAgB;QAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACrC;IACO,kBAAkB,CAAC,IAAgB;QAC1C,IAAI,CAAC,YAAY,IAAI,CAAC,CAAA;QACtB,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,EAAE;YAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;SAC9D;aAAM;YACN,MAAM,KAAK,GAAG,IAAI,CAAC,aAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,aAAa,CAAA;YACpE,MAAM,GAAG,GAAG,IAAI,CAAC,WAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;YAC9D,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;YAC1B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAA;SACtB;QACD,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;KACrF;IACO,OAAO,CAAC,IAAgB;QAC/B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,EAAE;YACnD,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;gBAC3B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;gBACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAA;aAClC;iBAAM;gBACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAA;gBACpC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;aACvB;SACD;KACD;IACO,WAAW,CAAC,IAAgB;QACnC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAA;KACzE;IACD,MAAM;;QACL,QACC,EAAC,QAAQ,uDACR,6EACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,KAAK,EAC/B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,UAAU,QACV,IAAI,QACJ,QAAQ,QACR,SAAS,EAAE,KAAK,EAChB,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,OAAO,IAAI,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;aACzF,EACD,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,IAC7C,4DAAK,IAAI,EAAE,YAAY,IACtB,6DAAM,IAAI,EAAE,YAAY,GAAI,CACvB,EACN,4DAAK,IAAI,EAAE,aAAa,IACvB,6DAAM,IAAI,EAAE,aAAa,GAAI,CACxB,CACgB,EACvB,gEACC,gEACC,6DACEC,QAAiB,EAAE,CAAC,GAAG,CAAC,GAAG,KAC3B,cAAK,GAAG,CAAM,CACd,CAAC,CACE,CACE,EACPC,KAAc,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,KAAK,mCAAIF,IAAU,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,KACrE,cACE,IAAI,CAAC,GAAG,CAAC,IAAI;;YAAI,QACjB,UACC,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,SAAS,EAC1E,OAAO,EACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;sBACnB,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;sBAC7E,SAAS,EAEb,KAAK,EAAE;oBACN,QAAQ,EACP,IAAI,IAAI,IAAI,CAAC,KAAK;yBACjB,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/E,KAAK,EAAE,IAAI,IAAIA,IAAU,CAAC,GAAG,EAAE;oBAC/B,YAAY,EACXA,IAAU,CAAC,YAAY,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,KAAK,mCAAIA,IAAU,CAAC,GAAG,EAAE,CAAC;wBACrEA,IAAU,CAAC,YAAY,CAAC,IAAI,CAAC;oBAC9B,SAAS,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,MAAA,IAAI,CAAC,aAAa,mCAAI,EAAE,CAAC,IAAI,IAAI,IAAI,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,CAAC;oBACnG,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;iBAChC,IACA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,EACL;SAAA,CAAC,CACE,CACL,CAAC,CACK,CACE,EACX;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date","generate.weekdays","generate.month"],"sources":["src/components/calendar/style.css?tag=smoothly-calendar&encapsulation=scoped","src/components/calendar/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\t--other-month-opacity: 0.5;\n\tpadding: 0.5em;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>smoothly-input-month {\n\tpadding: 0 0.5em\n}\n\n:host>table {\n\ttable-layout: fixed;\n\twidth: 100%;\n}\n\n:host>table>thead>tr>th,\n:host>table>tr>td {\n\ttext-align: center;\n\tpadding: 0.5em;\n\tmin-width: 2em;\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n:host>table>tr>td {\n\tposition: relative;\n\tcursor: pointer;\n}\n\n:host>table>tr>td.currentMonth {\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n\n:host>table>tr>td:not(.currentMonth) {\n\tcolor: rgba(var(--smoothly-default-contrast), var(--other-month-opacity));\n}\n\n:host>table>tr>td:nth-child(6):not(.currentMonth).selected,\n:host>table>tr>td:nth-child(6):not(.currentMonth).dateRange,\n:host>table>tr>td:nth-child(7):not(.currentMonth).selected,\n:host>table>tr>td:nth-child(7):not(.currentMonth).dateRange {\n\tcolor: rgba(var(--smoothly-default-contrast));\n}\n\n:host>table>tr>td:nth-child(6),\n:host>table>tr>td:nth-child(7) {\n\tcolor: rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)));\n}\n\n:host>table>tr>td:nth-child(6):not(.currentMonth),\n:host>table>tr>td:nth-child(7):not(.currentMonth) {\n\tcolor: rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity));\n}\n\n:host>table>tr>td:not(.selected, .disable):hover {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-tint));\n}\n\n:host>table>tr>td.selected {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n}\n\n:host>table>tr>td.today::before {\n\tcontent: \"\";\n\tinset: 2px;\n\tposition: absolute;\n\tborder: 1px solid currentColor;\n}\n\n:host>table>tr>td.dateRange {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-tint));\n}\n\n:host>table>tr>td.disable {\n\tcursor: not-allowed;\n\topacity: 0.5;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport * as generate from \"./generate\"\n\n@Component({\n\ttag: \"smoothly-calendar\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Calendar {\n\tprivate frozenDate: isoly.Date\n\t@Element() element: HTMLTableRowElement\n\t@Prop({ mutable: true }) month?: isoly.Date\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop() start?: isoly.Date\n\t@Prop() end?: isoly.Date\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) doubleInput: boolean\n\t@State() startInternal?: isoly.Date\n\t@State() endInternal?: isoly.Date\n\t@Event() smoothlyDateSet: EventEmitter<isoly.Date>\n\t@Event() smoothlyDateRangeSet: EventEmitter<isoly.DateRange>\n\n\tcomponentWillLoad() {\n\t\tthis.onStart()\n\t\tthis.onEnd()\n\t}\n\t@Watch(\"start\")\n\tonStart() {\n\t\tthis.startInternal = this.start\n\t}\n\t@Watch(\"end\")\n\tonEnd() {\n\t\tthis.endInternal = this.end\n\t}\n\t@Method()\n\tasync jumpTo(yearMonth: { Y?: string; M?: string }) {\n\t\tconst year = isoly.Date.Year.is(yearMonth.Y)\n\t\t\t? yearMonth.Y\n\t\t\t: this.month?.substring(0, 4) ?? isoly.Date.now().substring(0, 4)\n\t\tconst mon = isoly.Date.Month.is(yearMonth.M)\n\t\t\t? yearMonth.M\n\t\t\t: this.month?.substring(5, 7) ?? isoly.Date.now().substring(5, 7)\n\t\tconst date = `${year}-${mon}-01`\n\t\tif (isoly.Date.is(date))\n\t\t\tthis.month = date\n\t}\n\n\tprivate clickCounter = 0\n\tprivate onClick(date: isoly.Date) {\n\t\tthis.value = date\n\t\tthis.smoothlyDateSet.emit(this.value)\n\t}\n\tprivate onClickDoubleInput(date: isoly.Date) {\n\t\tthis.clickCounter += 1\n\t\tif (this.clickCounter % 2 == 1) {\n\t\t\tthis.startInternal = this.endInternal = this.frozenDate = date\n\t\t} else {\n\t\t\tconst start = this.startInternal! > date ? date : this.startInternal\n\t\t\tconst end = this.endInternal! < date ? date : this.endInternal\n\t\t\tthis.startInternal = start\n\t\t\tthis.endInternal = end\n\t\t}\n\t\tthis.clickCounter % 2 == 0 &&\n\t\t\tthis.startInternal &&\n\t\t\tthis.endInternal &&\n\t\t\tthis.smoothlyDateRangeSet.emit({ start: this.startInternal, end: this.endInternal })\n\t}\n\tprivate onHover(date: isoly.Date) {\n\t\tif (this.doubleInput && this.clickCounter % 2 == 1) {\n\t\t\tif (date < this.frozenDate) {\n\t\t\t\tthis.startInternal = date\n\t\t\t\tthis.endInternal = this.frozenDate\n\t\t\t} else {\n\t\t\t\tthis.startInternal = this.frozenDate\n\t\t\t\tthis.endInternal = date\n\t\t\t}\n\t\t}\n\t}\n\tprivate withinLimit(date: isoly.Date) {\n\t\treturn (!this.min || date >= this.min) && (!this.max || date <= this.max)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t<smoothly-input-month\n\t\t\t\t\tname=\"month\"\n\t\t\t\t\tvalue={this.month ?? this.value}\n\t\t\t\t\tmin={this.min}\n\t\t\t\t\tmax={this.max}\n\t\t\t\t\tinCalendar\n\t\t\t\t\tnext\n\t\t\t\t\tprevious\n\t\t\t\t\tshowLabel={false}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\"month\" in e.detail && typeof e.detail.month == \"string\" && (this.month = e.detail.month)\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={e => e.stopPropagation()}>\n\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-input-month>\n\t\t\t\t<table>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{generate.weekdays().map(day => (\n\t\t\t\t\t\t\t\t<th>{day}</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t{generate.month(this.month ?? this.value ?? isoly.Date.now()).map(week => (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{week.map(date => (\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\ttabindex={1}\n\t\t\t\t\t\t\t\t\tonMouseOver={this.withinLimit(date) ? () => this.onHover(date) : undefined}\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tthis.withinLimit(date)\n\t\t\t\t\t\t\t\t\t\t\t? () => (this.doubleInput ? this.onClickDoubleInput(date) : this.onClick(date))\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t\t\t\t\tdate == this.value ||\n\t\t\t\t\t\t\t\t\t\t\t(this.doubleInput && (date == this.startInternal || date == this.endInternal)),\n\t\t\t\t\t\t\t\t\t\ttoday: date == isoly.Date.now(),\n\t\t\t\t\t\t\t\t\t\tcurrentMonth:\n\t\t\t\t\t\t\t\t\t\t\tisoly.Date.firstOfMonth(this.month ?? this.value ?? isoly.Date.now()) ==\n\t\t\t\t\t\t\t\t\t\t\tisoly.Date.firstOfMonth(date),\n\t\t\t\t\t\t\t\t\t\tdateRange: this.doubleInput && date > (this.startInternal ?? \"\") && date < (this.endInternal ?? \"\"),\n\t\t\t\t\t\t\t\t\t\tdisable: !this.withinLimit(date),\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t{date.substring(8, 10)}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t</table>\n\t\t\t</Fragment>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-5eafd1ac.js","mappings":"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","names":["isoly.Date","generate.weekdays","generate.month"],"sources":["src/components/calendar/style.css?tag=smoothly-calendar&encapsulation=scoped","src/components/calendar/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\t--other-month-opacity: 0.5;\n\tpadding: 0.5em;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>smoothly-input-month {\n\tpadding: 0 0.5em\n}\n\n:host>table {\n\ttable-layout: fixed;\n\twidth: 100%;\n}\n\n:host>table>thead>tr>th,\n:host>table>tr>td {\n\ttext-align: center;\n\tpadding: 0.5em;\n\tmin-width: 2em;\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n:host>table>tr>td {\n\tposition: relative;\n\tcursor: pointer;\n}\n\n:host>table>tr>td.currentMonth {\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n\n:host>table>tr>td:not(.currentMonth) {\n\tcolor: rgba(var(--smoothly-default-contrast), var(--other-month-opacity));\n}\n\n:host>table>tr>td:nth-child(6):not(.currentMonth).selected,\n:host>table>tr>td:nth-child(6):not(.currentMonth).dateRange,\n:host>table>tr>td:nth-child(7):not(.currentMonth).selected,\n:host>table>tr>td:nth-child(7):not(.currentMonth).dateRange {\n\tcolor: rgba(var(--smoothly-default-contrast));\n}\n\n:host>table>tr>td:nth-child(6),\n:host>table>tr>td:nth-child(7) {\n\tcolor: rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)));\n}\n\n:host>table>tr>td:nth-child(6):not(.currentMonth),\n:host>table>tr>td:nth-child(7):not(.currentMonth) {\n\tcolor: rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity));\n}\n\n:host>table>tr>td:not(.selected, .disable):hover {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-tint));\n}\n\n:host>table>tr>td.selected {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n}\n\n:host>table>tr>td.today::before {\n\tcontent: \"\";\n\tinset: 2px;\n\tposition: absolute;\n\tborder: 1px solid currentColor;\n}\n\n:host>table>tr>td.dateRange {\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-tint));\n}\n\n:host>table>tr>td.disable {\n\tcursor: not-allowed;\n\topacity: 0.5;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport * as generate from \"./generate\"\n\n@Component({\n\ttag: \"smoothly-calendar\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Calendar {\n\tprivate frozenDate: isoly.Date\n\t@Element() element: HTMLTableRowElement\n\t@Prop({ mutable: true }) month?: isoly.Date\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop() start?: isoly.Date\n\t@Prop() end?: isoly.Date\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) doubleInput: boolean\n\t@State() startInternal?: isoly.Date\n\t@State() endInternal?: isoly.Date\n\t@Event() smoothlyDateSet: EventEmitter<isoly.Date>\n\t@Event() smoothlyDateRangeSet: EventEmitter<isoly.DateRange>\n\n\tcomponentWillLoad() {\n\t\tthis.onStart()\n\t\tthis.onEnd()\n\t}\n\t@Watch(\"start\")\n\tonStart() {\n\t\tthis.startInternal = this.start\n\t}\n\t@Watch(\"end\")\n\tonEnd() {\n\t\tthis.endInternal = this.end\n\t}\n\t@Method()\n\tasync jumpTo(yearMonth: { Y?: string; M?: string }) {\n\t\tconst year = isoly.Date.Year.is(yearMonth.Y)\n\t\t\t? yearMonth.Y\n\t\t\t: this.month?.substring(0, 4) ?? isoly.Date.now().substring(0, 4)\n\t\tconst mon = isoly.Date.Month.is(yearMonth.M)\n\t\t\t? yearMonth.M\n\t\t\t: this.month?.substring(5, 7) ?? isoly.Date.now().substring(5, 7)\n\t\tconst date = `${year}-${mon}-01`\n\t\tif (isoly.Date.is(date))\n\t\t\tthis.month = date\n\t}\n\n\tprivate clickCounter = 0\n\tprivate onClick(date: isoly.Date) {\n\t\tthis.value = date\n\t\tthis.smoothlyDateSet.emit(this.value)\n\t}\n\tprivate onClickDoubleInput(date: isoly.Date) {\n\t\tthis.clickCounter += 1\n\t\tif (this.clickCounter % 2 == 1) {\n\t\t\tthis.startInternal = this.endInternal = this.frozenDate = date\n\t\t} else {\n\t\t\tconst start = this.startInternal! > date ? date : this.startInternal\n\t\t\tconst end = this.endInternal! < date ? date : this.endInternal\n\t\t\tthis.startInternal = start\n\t\t\tthis.endInternal = end\n\t\t}\n\t\tthis.clickCounter % 2 == 0 &&\n\t\t\tthis.startInternal &&\n\t\t\tthis.endInternal &&\n\t\t\tthis.smoothlyDateRangeSet.emit({ start: this.startInternal, end: this.endInternal })\n\t}\n\tprivate onHover(date: isoly.Date) {\n\t\tif (this.doubleInput && this.clickCounter % 2 == 1) {\n\t\t\tif (date < this.frozenDate) {\n\t\t\t\tthis.startInternal = date\n\t\t\t\tthis.endInternal = this.frozenDate\n\t\t\t} else {\n\t\t\t\tthis.startInternal = this.frozenDate\n\t\t\t\tthis.endInternal = date\n\t\t\t}\n\t\t}\n\t}\n\tprivate withinLimit(date: isoly.Date) {\n\t\treturn (!this.min || date >= this.min) && (!this.max || date <= this.max)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t<smoothly-input-month\n\t\t\t\t\tname=\"month\"\n\t\t\t\t\tvalue={this.month ?? this.value}\n\t\t\t\t\tmin={this.min}\n\t\t\t\t\tmax={this.max}\n\t\t\t\t\tinCalendar\n\t\t\t\t\tnext\n\t\t\t\t\tprevious\n\t\t\t\t\tshowLabel={false}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\"month\" in e.detail && typeof e.detail.month == \"string\" && (this.month = e.detail.month)\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={e => e.stopPropagation()}>\n\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-input-month>\n\t\t\t\t<table>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{generate.weekdays().map(day => (\n\t\t\t\t\t\t\t\t<th>{day}</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t{generate.month(this.month ?? this.value ?? isoly.Date.now()).map(week => (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{week.map(date => (\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\ttabindex={1}\n\t\t\t\t\t\t\t\t\tonMouseOver={this.withinLimit(date) ? () => this.onHover(date) : undefined}\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tthis.withinLimit(date)\n\t\t\t\t\t\t\t\t\t\t\t? () => (this.doubleInput ? this.onClickDoubleInput(date) : this.onClick(date))\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t\t\t\t\tdate == this.value ||\n\t\t\t\t\t\t\t\t\t\t\t(this.doubleInput && (date == this.startInternal || date == this.endInternal)),\n\t\t\t\t\t\t\t\t\t\ttoday: date == isoly.Date.now(),\n\t\t\t\t\t\t\t\t\t\tcurrentMonth:\n\t\t\t\t\t\t\t\t\t\t\tisoly.Date.firstOfMonth(this.month ?? this.value ?? isoly.Date.now()) ==\n\t\t\t\t\t\t\t\t\t\t\tisoly.Date.firstOfMonth(date),\n\t\t\t\t\t\t\t\t\t\tdateRange: this.doubleInput && date > (this.startInternal ?? \"\") && date < (this.endInternal ?? \"\"),\n\t\t\t\t\t\t\t\t\t\tdisable: !this.withinLimit(date),\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t{date.substring(8, 10)}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t</table>\n\t\t\t</Fragment>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -15,14 +15,14 @@ const SmoothlyThemeColors = proxyCustomElement(class SmoothlyThemeColors extends
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
return [
|
|
18
|
-
h("smoothly-display", { key: '
|
|
19
|
-
h("br", { key: '
|
|
20
|
-
h("smoothly-display", { key: '
|
|
21
|
-
h("br", { key: '
|
|
22
|
-
h("smoothly-display", { key: '
|
|
23
|
-
h("br", { key: '
|
|
24
|
-
h("smoothly-display", { key: '
|
|
25
|
-
h("br", { key: '
|
|
18
|
+
h("smoothly-display", { key: '15730333273f2e99fe4598198998e19a2f8341ae' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
19
|
+
h("br", { key: 'dff19e6b62d06a0d036809080efb127bdb12312c' }),
|
|
20
|
+
h("smoothly-display", { key: '26c3d46c2b9b1e0f57f0e740b59d48c2229e8d50' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
|
|
21
|
+
h("br", { key: 'a882aa9fcb3477ed458e42d2c1977bf25e9a7f83' }),
|
|
22
|
+
h("smoothly-display", { key: '667a4b26077d7f917d5885c689cac95004afff87' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
23
|
+
h("br", { key: '802a92c194f58ebe7fea68927157d0170d525670' }),
|
|
24
|
+
h("smoothly-display", { key: '6ff8e909be0e78b5b5a36aed16f74ed06f284cb2' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
25
|
+
h("br", { key: '16c0ca00335edef7973e6d62c895f9828bee059b' }),
|
|
26
26
|
];
|
|
27
27
|
}
|
|
28
28
|
static get style() { return SmoothlyThemeGuideStyle0; }
|
|
@@ -69,4 +69,4 @@ defineCustomElement();
|
|
|
69
69
|
|
|
70
70
|
export { SmoothlyThemeColors as S, defineCustomElement as d };
|
|
71
71
|
|
|
72
|
-
//# sourceMappingURL=p-
|
|
72
|
+
//# sourceMappingURL=p-60b2b2bb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-60b2b2bb.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,4CAA4C,CAAC;AAC9D,iCAAe,QAAQ;;MCMV,mBAAmB;;;;;IAC/B,MAAM;QACL,OAAO;YACN,uKAEmB;YACnB,4DAAM;YACN,yNAGmB;YACnB,4DAAM;YACN,yLAEmB;YACnB,4DAAM;YACN,+FACkB,kBAAkB,0DAAsD,GAAG,CAC1E;YACnB,4DAAM;SACN,CAAA;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/guide/style.css?tag=smoothly-theme-guide&encapsulation=scoped","src/components/theme/guide/index.tsx"],"sourcesContent":[":host {\n\tmax-width: 50ch;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-guide\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColors {\n\trender() {\n\t\treturn [\n\t\t\t<smoothly-display>\n\t\t\t\tTint is used as background to highlight, for example hovering an item in the select menu.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tColor is used as a normal background or as a background to show that something is selected, for example a\n\t\t\t\tselected item in the select menu.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tShade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tOne can use the {\"<smoothly-color>\"} component to switch between what color set is used.{\" \"}\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t]\n\t}\n}\n"],"version":3}
|