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
|
@@ -19,8 +19,8 @@ function getLocale() {
|
|
|
19
19
|
return Locale.is(result) ? result : Language.is(result) ? Locale.toLocale(result) : undefined;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
const styleCss$
|
|
23
|
-
const SmoothlyAppStyle0 = styleCss$
|
|
22
|
+
const styleCss$1q = "smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:20;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-end\"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot=\"nav-start\"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}";
|
|
23
|
+
const SmoothlyAppStyle0 = styleCss$1q;
|
|
24
24
|
|
|
25
25
|
const SmoothlyApp = class {
|
|
26
26
|
constructor(hostRef) {
|
|
@@ -1535,8 +1535,8 @@ if (!globalThis.URLPattern) {
|
|
|
1535
1535
|
globalThis.URLPattern = URLPattern$1;
|
|
1536
1536
|
}
|
|
1537
1537
|
|
|
1538
|
-
const styleCss$
|
|
1539
|
-
const SmoothlyAppRoomStyle0 = styleCss$
|
|
1538
|
+
const styleCss$1p = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:\"\";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}.smoothly-mobile-mode.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}.smoothly-mobile-mode[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:unset;padding:0 1rem}.smoothly-mobile-mode.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.smoothly-mobile-mode[icon][label].sc-smoothly-app-room-h:hover::before,.smoothly-mobile-mode[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}";
|
|
1539
|
+
const SmoothlyAppRoomStyle0 = styleCss$1p;
|
|
1540
1540
|
|
|
1541
1541
|
const SmoothlyAppRoom = class {
|
|
1542
1542
|
constructor(hostRef) {
|
|
@@ -1591,8 +1591,8 @@ const SmoothlyAppRoom = class {
|
|
|
1591
1591
|
};
|
|
1592
1592
|
SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
|
|
1593
1593
|
|
|
1594
|
-
const styleCss$
|
|
1595
|
-
const SmoothlyBackToTopStyle0 = styleCss$
|
|
1594
|
+
const styleCss$1o = ".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
|
|
1595
|
+
const SmoothlyBackToTopStyle0 = styleCss$1o;
|
|
1596
1596
|
|
|
1597
1597
|
const SmoothlyBackToTop = class {
|
|
1598
1598
|
constructor(hostRef) {
|
|
@@ -1630,8 +1630,8 @@ const SmoothlyBackToTop = class {
|
|
|
1630
1630
|
};
|
|
1631
1631
|
SmoothlyBackToTop.style = SmoothlyBackToTopStyle0;
|
|
1632
1632
|
|
|
1633
|
-
const styleCss$
|
|
1634
|
-
const SmoothlyBurgerStyle0 = styleCss$
|
|
1633
|
+
const styleCss$1n = ".sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer}.sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{--smoothly-icon-size:3rem;margin-right:1em}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
|
|
1634
|
+
const SmoothlyBurgerStyle0 = styleCss$1n;
|
|
1635
1635
|
|
|
1636
1636
|
const SmoothlyBurger = class {
|
|
1637
1637
|
constructor(hostRef) {
|
|
@@ -1655,8 +1655,8 @@ const SmoothlyBurger = class {
|
|
|
1655
1655
|
};
|
|
1656
1656
|
SmoothlyBurger.style = SmoothlyBurgerStyle0;
|
|
1657
1657
|
|
|
1658
|
-
const styleCss$
|
|
1659
|
-
const SmoothlyButtonStyle0 = styleCss$
|
|
1658
|
+
const styleCss$1m = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-button-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-button-h{display:inline}[disabled].sc-smoothly-button-h{opacity:0.5}.sc-smoothly-button-h>a.sc-smoothly-button{font-weight:400;background-color:transparent}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-button-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-button-h:has(>a.sc-smoothly-button:empty),.sc-smoothly-button-h:has(>button.sc-smoothly-button:empty),.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-button-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-button-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{min-width:8rem}[size=icon].sc-smoothly-button-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:not([disabled]):active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h:not([disabled])>button.sc-smoothly-button:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}";
|
|
1659
|
+
const SmoothlyButtonStyle0 = styleCss$1m;
|
|
1660
1660
|
|
|
1661
1661
|
const SmoothlyButton = class {
|
|
1662
1662
|
constructor(hostRef) {
|
|
@@ -1677,8 +1677,8 @@ const SmoothlyButton = class {
|
|
|
1677
1677
|
};
|
|
1678
1678
|
SmoothlyButton.style = SmoothlyButtonStyle0;
|
|
1679
1679
|
|
|
1680
|
-
const styleCss$
|
|
1681
|
-
const SmoothlyButtonConfirmStyle0 = styleCss$
|
|
1680
|
+
const styleCss$1l = ".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";
|
|
1681
|
+
const SmoothlyButtonConfirmStyle0 = styleCss$1l;
|
|
1682
1682
|
|
|
1683
1683
|
const SmoothlyButtonConfirm = class {
|
|
1684
1684
|
constructor(hostRef) {
|
|
@@ -1714,8 +1714,8 @@ const SmoothlyButtonConfirm = class {
|
|
|
1714
1714
|
};
|
|
1715
1715
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1716
1716
|
|
|
1717
|
-
const styleCss$
|
|
1718
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1717
|
+
const styleCss$1k = "smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";
|
|
1718
|
+
const SmoothlyButtonDemoStyle0 = styleCss$1k;
|
|
1719
1719
|
|
|
1720
1720
|
const SmoothlyButtonDemo = class {
|
|
1721
1721
|
constructor(hostRef) {
|
|
@@ -1727,8 +1727,8 @@ const SmoothlyButtonDemo = class {
|
|
|
1727
1727
|
};
|
|
1728
1728
|
SmoothlyButtonDemo.style = SmoothlyButtonDemoStyle0;
|
|
1729
1729
|
|
|
1730
|
-
const styleCss$
|
|
1731
|
-
const SmoothlyButtonDemoStandardStyle0 = styleCss$
|
|
1730
|
+
const styleCss$1j = ".sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}";
|
|
1731
|
+
const SmoothlyButtonDemoStandardStyle0 = styleCss$1j;
|
|
1732
1732
|
|
|
1733
1733
|
const SmoothlyButtonDemoStandard = class {
|
|
1734
1734
|
constructor(hostRef) {
|
|
@@ -1816,8 +1816,8 @@ function years(current, min, max) {
|
|
|
1816
1816
|
return result;
|
|
1817
1817
|
}
|
|
1818
1818
|
|
|
1819
|
-
const styleCss$
|
|
1820
|
-
const SmoothlyCalendarStyle0 = styleCss$
|
|
1819
|
+
const styleCss$1i = ".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}";
|
|
1820
|
+
const SmoothlyCalendarStyle0 = styleCss$1i;
|
|
1821
1821
|
|
|
1822
1822
|
const Calendar = class {
|
|
1823
1823
|
constructor(hostRef) {
|
|
@@ -2113,8 +2113,8 @@ var InputSelection;
|
|
|
2113
2113
|
InputSelection.isCollapsed = isCollapsed;
|
|
2114
2114
|
})(InputSelection || (InputSelection = {}));
|
|
2115
2115
|
|
|
2116
|
-
const styleCss$
|
|
2117
|
-
const SmoothlyDateTextStyle0 = styleCss$
|
|
2116
|
+
const styleCss$1h = ".sc-smoothly-date-text-h{--guide-opacity:0.5}.sc-smoothly-date-text-h .smoothly-date-text-part.sc-smoothly-date-text:focus{outline:none}.sc-smoothly-date-text-h .guide.sc-smoothly-date-text{opacity:var(--guide-opacity)}.sc-smoothly-date-text-h .smoothly-date-text-part.sc-smoothly-date-text:not(.is-complete)+.guide.sc-smoothly-date-text+.smoothly-date-separator.sc-smoothly-date-text{opacity:var(--guide-opacity)}";
|
|
2117
|
+
const SmoothlyDateTextStyle0 = styleCss$1h;
|
|
2118
2118
|
|
|
2119
2119
|
const SmoothlyInputDateRangeText = class {
|
|
2120
2120
|
constructor(hostRef) {
|
|
@@ -2325,8 +2325,8 @@ const SmoothlyInputDateRangeText = class {
|
|
|
2325
2325
|
};
|
|
2326
2326
|
SmoothlyInputDateRangeText.style = SmoothlyDateTextStyle0;
|
|
2327
2327
|
|
|
2328
|
-
const styleCss$
|
|
2329
|
-
const SmoothlyDialogStyle0 = styleCss$
|
|
2328
|
+
const styleCss$1g = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
|
|
2329
|
+
const SmoothlyDialogStyle0 = styleCss$1g;
|
|
2330
2330
|
|
|
2331
2331
|
const SmoothlyDialog = class {
|
|
2332
2332
|
constructor(hostRef) {
|
|
@@ -2354,8 +2354,8 @@ const SmoothlyDialog = class {
|
|
|
2354
2354
|
};
|
|
2355
2355
|
SmoothlyDialog.style = SmoothlyDialogStyle0;
|
|
2356
2356
|
|
|
2357
|
-
const styleCss$
|
|
2358
|
-
const SmoothlyDialogDemoStyle0 = styleCss$
|
|
2357
|
+
const styleCss$1f = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
|
|
2358
|
+
const SmoothlyDialogDemoStyle0 = styleCss$1f;
|
|
2359
2359
|
|
|
2360
2360
|
const SmoothlyDialogDemo = class {
|
|
2361
2361
|
constructor(hostRef) {
|
|
@@ -4211,8 +4211,8 @@ class Handler {
|
|
|
4211
4211
|
}
|
|
4212
4212
|
add$5("hex-color", () => new Handler());
|
|
4213
4213
|
|
|
4214
|
-
const styleCss$
|
|
4215
|
-
const SmoothlyDisplayStyle0 = styleCss$
|
|
4214
|
+
const styleCss$1e = ".sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}";
|
|
4215
|
+
const SmoothlyDisplayStyle0 = styleCss$1e;
|
|
4216
4216
|
|
|
4217
4217
|
const SmoothlyDisplay = class {
|
|
4218
4218
|
constructor(hostRef) {
|
|
@@ -4380,8 +4380,8 @@ const JsonValue = ({ value, collapseDepth }) => {
|
|
|
4380
4380
|
return object().is(value) || Array.isArray(value) ? (h("smoothly-display-json-object", { value: value, collapseDepth: collapseDepth })) : (h("smoothly-display-json-primitive", { value: value }));
|
|
4381
4381
|
};
|
|
4382
4382
|
|
|
4383
|
-
const styleCss$
|
|
4384
|
-
const SmoothlyDisplayJsonStyle0 = styleCss$
|
|
4383
|
+
const styleCss$1d = ".sc-smoothly-display-json-h{font-family:monospace}";
|
|
4384
|
+
const SmoothlyDisplayJsonStyle0 = styleCss$1d;
|
|
4385
4385
|
|
|
4386
4386
|
const SmoothlyDisplayJson = class {
|
|
4387
4387
|
constructor(hostRef) {
|
|
@@ -4395,8 +4395,8 @@ const SmoothlyDisplayJson = class {
|
|
|
4395
4395
|
};
|
|
4396
4396
|
SmoothlyDisplayJson.style = SmoothlyDisplayJsonStyle0;
|
|
4397
4397
|
|
|
4398
|
-
const styleCss$
|
|
4399
|
-
const SmoothlyDisplayJsonObjectStyle0 = styleCss$
|
|
4398
|
+
const styleCss$1c = ".sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgba(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{opacity:0;position:absolute;pointer-events:none}.sc-smoothly-display-json-object-h>.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object:last-child>.comma.sc-smoothly-display-json-object{display:none}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object{cursor:pointer}.sc-smoothly-display-json-object-h .open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));border:1px solid rgb(var(--smoothly-light-color));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover::after{color:rgb(var(--smoothly-default-contrast));border-color:rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:\" ▶ \" attr(data-length) \" ◀ \"}.open.sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:\" ▼ \"}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover,.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover~.close-bracket.sc-smoothly-display-json-object{font-weight:bold}.sc-smoothly-display-json-object-h>.open-bracket.sc-smoothly-display-json-object:hover+.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object{border-left-color:rgb(var(--smoothly-default-contrast))}";
|
|
4399
|
+
const SmoothlyDisplayJsonObjectStyle0 = styleCss$1c;
|
|
4400
4400
|
|
|
4401
4401
|
const SmoothlyDisplayJsonObject = class {
|
|
4402
4402
|
constructor(hostRef) {
|
|
@@ -4431,8 +4431,8 @@ const SmoothlyDisplayJsonObject = class {
|
|
|
4431
4431
|
};
|
|
4432
4432
|
SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
|
|
4433
4433
|
|
|
4434
|
-
const styleCss$
|
|
4435
|
-
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$
|
|
4434
|
+
const styleCss$1b = ".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;overflow-wrap:anywhere;white-space:pre-wrap}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";
|
|
4435
|
+
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$1b;
|
|
4436
4436
|
|
|
4437
4437
|
const SmoothlyDisplayJsonPrimitive = class {
|
|
4438
4438
|
constructor(hostRef) {
|
|
@@ -4445,8 +4445,8 @@ const SmoothlyDisplayJsonPrimitive = class {
|
|
|
4445
4445
|
};
|
|
4446
4446
|
SmoothlyDisplayJsonPrimitive.style = SmoothlyDisplayJsonPrimitiveStyle0;
|
|
4447
4447
|
|
|
4448
|
-
const styleCss$
|
|
4449
|
-
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$
|
|
4448
|
+
const styleCss$1a = ".sc-smoothly-display-json-record-key-h{font-family:monospace;display:inline;color:rgb(var(--smoothly-default-contrast))}[hidden].sc-smoothly-display-json-record-key-h{display:none}";
|
|
4449
|
+
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$1a;
|
|
4450
4450
|
|
|
4451
4451
|
const SmoothlyDisplayJsonRecordKey = class {
|
|
4452
4452
|
constructor(hostRef) {
|
|
@@ -7443,8 +7443,8 @@ var Filter;
|
|
|
7443
7443
|
});
|
|
7444
7444
|
})(Filter || (Filter = {}));
|
|
7445
7445
|
|
|
7446
|
-
const styleCss$
|
|
7447
|
-
const SmoothlyFilterStyle0 = styleCss$
|
|
7446
|
+
const styleCss$19 = ".sc-smoothly-filter-h {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.sc-smoothly-filter-h>div.sc-smoothly-filter-s > [slot=detail] {\n\tz-index: 5;\n}\n\n.sc-smoothly-filter-h.sc-smoothly-filter-s > [slot=bar] {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n.sc-smoothly-filter-h > div.sc-smoothly-filter:empty + smoothly-icon.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > smoothly-icon.sc-smoothly-filter {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n.sc-smoothly-filter-h > div.close.sc-smoothly-filter {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n.sc-smoothly-filter-h > div.hidden.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > .container.sc-smoothly-filter {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n\n.sc-smoothly-filter-h > div.container.sc-smoothly-filter:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n\n.sc-smoothly-filter-h > div.container.arrow-top.sc-smoothly-filter:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n.sc-smoothly-filter-h div.container.sc-smoothly-filter:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}";
|
|
7447
|
+
const SmoothlyFilterStyle0 = styleCss$19;
|
|
7448
7448
|
|
|
7449
7449
|
const SmoothlyFilter = class {
|
|
7450
7450
|
constructor(hostRef) {
|
|
@@ -7492,8 +7492,8 @@ const SmoothlyFilter = class {
|
|
|
7492
7492
|
};
|
|
7493
7493
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
7494
7494
|
|
|
7495
|
-
const styleCss$
|
|
7496
|
-
const SmoothlyFilterFieldStyle0 = styleCss$
|
|
7495
|
+
const styleCss$18 = ".sc-smoothly-filter-field-h{flex-grow:5}";
|
|
7496
|
+
const SmoothlyFilterFieldStyle0 = styleCss$18;
|
|
7497
7497
|
|
|
7498
7498
|
const SmoothlyFilterField = class {
|
|
7499
7499
|
constructor(hostRef) {
|
|
@@ -7525,8 +7525,8 @@ const SmoothlyFilterField = class {
|
|
|
7525
7525
|
};
|
|
7526
7526
|
SmoothlyFilterField.style = SmoothlyFilterFieldStyle0;
|
|
7527
7527
|
|
|
7528
|
-
const styleCss$
|
|
7529
|
-
const SmoothlyFilterInputStyle0 = styleCss$
|
|
7528
|
+
const styleCss$17 = ".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%}";
|
|
7529
|
+
const SmoothlyFilterInputStyle0 = styleCss$17;
|
|
7530
7530
|
|
|
7531
7531
|
const SmoothlyFilterInput = class {
|
|
7532
7532
|
constructor(hostRef) {
|
|
@@ -7599,8 +7599,8 @@ const SmoothlyFilterInput = class {
|
|
|
7599
7599
|
};
|
|
7600
7600
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
7601
7601
|
|
|
7602
|
-
const styleCss$
|
|
7603
|
-
const SmoothlyFilterSelectStyle0 = styleCss$
|
|
7602
|
+
const styleCss$16 = ".sc-smoothly-filter-select-h{display:contents}.sc-smoothly-filter-select-h>smoothly-input-select.sc-smoothly-filter-select{flex-grow:1;width:12.5em}.options.sc-smoothly-filter-select{border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}";
|
|
7603
|
+
const SmoothlyFilterSelectStyle0 = styleCss$16;
|
|
7604
7604
|
|
|
7605
7605
|
const SmoothlyFilterSelect = class {
|
|
7606
7606
|
constructor(hostRef) {
|
|
@@ -7709,8 +7709,8 @@ const SmoothlyFilterSelect = class {
|
|
|
7709
7709
|
};
|
|
7710
7710
|
SmoothlyFilterSelect.style = SmoothlyFilterSelectStyle0;
|
|
7711
7711
|
|
|
7712
|
-
const styleCss$
|
|
7713
|
-
const SmoothlyFilterToggleStyle0 = styleCss$
|
|
7712
|
+
const styleCss$15 = ".sc-smoothly-filter-toggle-h{position:relative;display:inline-block;cursor:pointer}.sc-smoothly-filter-toggle-h:hover>smoothly-icon.sc-smoothly-filter-toggle{stroke:rgb(var(--smoothly-success-tint));color:rgb(var(--smoothly-success-tint));fill:rgb(var(--smoothly-success-tint))}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";
|
|
7713
|
+
const SmoothlyFilterToggleStyle0 = styleCss$15;
|
|
7714
7714
|
|
|
7715
7715
|
const SmoothlyFilterToggle = class {
|
|
7716
7716
|
constructor(hostRef) {
|
|
@@ -8658,8 +8658,8 @@ var Input;
|
|
|
8658
8658
|
Input.registerSubAction = registerSubAction;
|
|
8659
8659
|
})(Input || (Input = {}));
|
|
8660
8660
|
|
|
8661
|
-
const styleCss$
|
|
8662
|
-
const SmoothlyFormStyle0 = styleCss$
|
|
8661
|
+
const styleCss$14 = "smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 14rem));flex-basis:40%}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset,smoothly-form[looks=\"transparent\"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks=\"grid\"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}";
|
|
8662
|
+
const SmoothlyFormStyle0 = styleCss$14;
|
|
8663
8663
|
|
|
8664
8664
|
const SmoothlyForm = class {
|
|
8665
8665
|
constructor(hostRef) {
|
|
@@ -8833,8 +8833,8 @@ const SmoothlyForm = class {
|
|
|
8833
8833
|
};
|
|
8834
8834
|
SmoothlyForm.style = SmoothlyFormStyle0;
|
|
8835
8835
|
|
|
8836
|
-
const styleCss$
|
|
8837
|
-
const SmoothlyFormDemoStyle0 = styleCss$
|
|
8836
|
+
const styleCss$13 = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}";
|
|
8837
|
+
const SmoothlyFormDemoStyle0 = styleCss$13;
|
|
8838
8838
|
|
|
8839
8839
|
const SmoothlyFormDemo = class {
|
|
8840
8840
|
constructor(hostRef) {
|
|
@@ -8905,8 +8905,8 @@ const SmoothlyFormDemoControlled = class {
|
|
|
8905
8905
|
}; }
|
|
8906
8906
|
};
|
|
8907
8907
|
|
|
8908
|
-
const styleCss$
|
|
8909
|
-
const SmoothlyFormDemoDateStyle0 = styleCss$
|
|
8908
|
+
const styleCss$12 = ".sc-smoothly-form-demo-date-h{display:block}";
|
|
8909
|
+
const SmoothlyFormDemoDateStyle0 = styleCss$12;
|
|
8910
8910
|
|
|
8911
8911
|
const SmoothlyFormDemoDate = class {
|
|
8912
8912
|
constructor(hostRef) {
|
|
@@ -8934,8 +8934,8 @@ const SmoothlyFormDemoDate = class {
|
|
|
8934
8934
|
};
|
|
8935
8935
|
SmoothlyFormDemoDate.style = SmoothlyFormDemoDateStyle0;
|
|
8936
8936
|
|
|
8937
|
-
const styleCss$
|
|
8938
|
-
const SmoothlyFormDemoDateRangeStyle0 = styleCss$
|
|
8937
|
+
const styleCss$11 = ".sc-smoothly-form-demo-date-range-h{display:block}";
|
|
8938
|
+
const SmoothlyFormDemoDateRangeStyle0 = styleCss$11;
|
|
8939
8939
|
|
|
8940
8940
|
const SmoothlyFormDemoDateRange = class {
|
|
8941
8941
|
constructor(hostRef) {
|
|
@@ -8972,8 +8972,8 @@ const SmoothlyFormDemoLogin = class {
|
|
|
8972
8972
|
}
|
|
8973
8973
|
};
|
|
8974
8974
|
|
|
8975
|
-
const styleCss
|
|
8976
|
-
const SmoothlyFormDemoPetStyle0 = styleCss
|
|
8975
|
+
const styleCss$10 = ".sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name=\"hasOwner\"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}";
|
|
8976
|
+
const SmoothlyFormDemoPetStyle0 = styleCss$10;
|
|
8977
8977
|
|
|
8978
8978
|
const SmoothlyFormDemoPet = class {
|
|
8979
8979
|
constructor(hostRef) {
|
|
@@ -9040,8 +9040,8 @@ var Contact;
|
|
|
9040
9040
|
});
|
|
9041
9041
|
})(Contact || (Contact = {}));
|
|
9042
9042
|
|
|
9043
|
-
const styleCss
|
|
9044
|
-
const SmoothlyFormDemoTypedStyle0 = styleCss
|
|
9043
|
+
const styleCss$$ = "";
|
|
9044
|
+
const SmoothlyFormDemoTypedStyle0 = styleCss$$;
|
|
9045
9045
|
|
|
9046
9046
|
const SmoothlyFormDemoTyped = class {
|
|
9047
9047
|
constructor(hostRef) {
|
|
@@ -9053,8 +9053,8 @@ const SmoothlyFormDemoTyped = class {
|
|
|
9053
9053
|
};
|
|
9054
9054
|
SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
|
|
9055
9055
|
|
|
9056
|
-
const styleCss$
|
|
9057
|
-
const SmoothlyFrameStyle0 = styleCss$
|
|
9056
|
+
const styleCss$_ = ".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";
|
|
9057
|
+
const SmoothlyFrameStyle0 = styleCss$_;
|
|
9058
9058
|
|
|
9059
9059
|
const SmoothlyFrame = class {
|
|
9060
9060
|
constructor(hostRef) {
|
|
@@ -9101,8 +9101,8 @@ const SmoothlyFrame = class {
|
|
|
9101
9101
|
};
|
|
9102
9102
|
SmoothlyFrame.style = SmoothlyFrameStyle0;
|
|
9103
9103
|
|
|
9104
|
-
const styleCss$
|
|
9105
|
-
const SmoothlyIconStyle0 = styleCss$
|
|
9104
|
+
const styleCss$Z = "[fill].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{--smoothly-icon-size:1.2rem}[size=small].sc-smoothly-icon-h{--smoothly-icon-size:1.4rem}[size=medium].sc-smoothly-icon-h{--smoothly-icon-size:1.8rem}[size=large].sc-smoothly-icon-h{--smoothly-icon-size:2.8rem}[size=xlarge].sc-smoothly-icon-h{--smoothly-icon-size:4rem}.sc-smoothly-icon-h{width:var(--smoothly-icon-size, 1.8rem);height:var(--smoothly-icon-size, 1.8rem)}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";
|
|
9105
|
+
const SmoothlyIconStyle0 = styleCss$Z;
|
|
9106
9106
|
|
|
9107
9107
|
const SmoothlyIcon = class {
|
|
9108
9108
|
constructor(hostRef) {
|
|
@@ -9163,8 +9163,8 @@ const SmoothlyIcon = class {
|
|
|
9163
9163
|
};
|
|
9164
9164
|
SmoothlyIcon.style = SmoothlyIconStyle0;
|
|
9165
9165
|
|
|
9166
|
-
const styleCss$
|
|
9167
|
-
const SmoothlyIconDemoStyle0 = styleCss$
|
|
9166
|
+
const styleCss$Y = ".sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}";
|
|
9167
|
+
const SmoothlyIconDemoStyle0 = styleCss$Y;
|
|
9168
9168
|
|
|
9169
9169
|
const SmoothlyIconDemo = class {
|
|
9170
9170
|
constructor(hostRef) {
|
|
@@ -9471,8 +9471,8 @@ var Key;
|
|
|
9471
9471
|
Key.create = create;
|
|
9472
9472
|
})(Key || (Key = {}));
|
|
9473
9473
|
|
|
9474
|
-
const styleCss$
|
|
9475
|
-
const SmoothlyInputStyle0 = styleCss$
|
|
9474
|
+
const styleCss$X = ".sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-h,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}";
|
|
9475
|
+
const SmoothlyInputStyle0 = styleCss$X;
|
|
9476
9476
|
|
|
9477
9477
|
const SmoothlyInput = class {
|
|
9478
9478
|
constructor(hostRef) {
|
|
@@ -9652,8 +9652,8 @@ const SmoothlyInput = class {
|
|
|
9652
9652
|
};
|
|
9653
9653
|
SmoothlyInput.style = SmoothlyInputStyle0;
|
|
9654
9654
|
|
|
9655
|
-
const styleCss$
|
|
9656
|
-
const SmoothlyInputCheckboxStyle0 = styleCss$
|
|
9655
|
+
const styleCss$W = ".sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
|
|
9656
|
+
const SmoothlyInputCheckboxStyle0 = styleCss$W;
|
|
9657
9657
|
|
|
9658
9658
|
const SmoothlyInputCheckbox = class {
|
|
9659
9659
|
constructor(hostRef) {
|
|
@@ -9743,8 +9743,8 @@ const SmoothlyInputCheckbox = class {
|
|
|
9743
9743
|
};
|
|
9744
9744
|
SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
|
|
9745
9745
|
|
|
9746
|
-
const styleCss$
|
|
9747
|
-
const SmoothlyInputClearStyle0 = styleCss$
|
|
9746
|
+
const styleCss$V = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{font-weight:400;background-color:transparent}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-clear-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-clear-h:has(>a.sc-smoothly-input-clear:empty),.sc-smoothly-input-clear-h:has(>button.sc-smoothly-input-clear:empty),.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-clear-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-clear-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{min-width:8rem}[size=icon].sc-smoothly-input-clear-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:not([disabled]):active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h:not([disabled])>button.sc-smoothly-input-clear:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
|
|
9747
|
+
const SmoothlyInputClearStyle0 = styleCss$V;
|
|
9748
9748
|
|
|
9749
9749
|
const SmoothlyInputClear = class {
|
|
9750
9750
|
constructor(hostRef) {
|
|
@@ -9791,8 +9791,8 @@ const SmoothlyInputClear = class {
|
|
|
9791
9791
|
};
|
|
9792
9792
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9793
9793
|
|
|
9794
|
-
const styleCss$T = ".sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
|
|
9795
|
-
const SmoothlyInputColorStyle0 = styleCss$
|
|
9794
|
+
const styleCss$U = ".sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
|
|
9795
|
+
const SmoothlyInputColorStyle0 = styleCss$U;
|
|
9796
9796
|
|
|
9797
9797
|
const SmoothlyInputColor = class {
|
|
9798
9798
|
constructor(hostRef) {
|
|
@@ -9974,8 +9974,8 @@ const SmoothlyInputColorDemo = class {
|
|
|
9974
9974
|
};
|
|
9975
9975
|
SmoothlyInputColorDemo.style = "style.css";
|
|
9976
9976
|
|
|
9977
|
-
const styleCss$
|
|
9978
|
-
const SmoothlyInputDateStyle0 = styleCss$
|
|
9977
|
+
const styleCss$T = ".sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:flex}";
|
|
9978
|
+
const SmoothlyInputDateStyle0 = styleCss$T;
|
|
9979
9979
|
|
|
9980
9980
|
const SmoothlyInputDate = class {
|
|
9981
9981
|
constructor(hostRef) {
|
|
@@ -10109,8 +10109,8 @@ const SmoothlyInputDate = class {
|
|
|
10109
10109
|
};
|
|
10110
10110
|
SmoothlyInputDate.style = SmoothlyInputDateStyle0;
|
|
10111
10111
|
|
|
10112
|
-
const styleCss$
|
|
10113
|
-
const SmoothlyInputDateDemoStyle0 = styleCss$
|
|
10112
|
+
const styleCss$S = ".sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}";
|
|
10113
|
+
const SmoothlyInputDateDemoStyle0 = styleCss$S;
|
|
10114
10114
|
|
|
10115
10115
|
const SmoothlyInputDateDemo = class {
|
|
10116
10116
|
constructor(hostRef) {
|
|
@@ -10119,7 +10119,7 @@ const SmoothlyInputDateDemo = class {
|
|
|
10119
10119
|
this.alwaysShowGuide = false;
|
|
10120
10120
|
}
|
|
10121
10121
|
render() {
|
|
10122
|
-
return (h(Host, { key: '
|
|
10122
|
+
return (h(Host, { key: '4c867aea8c952a9baad2d4636e56041ee80d72cb' }, h("div", { key: 'f429bed02578abd46161055c94cb698a3e60f39c' }, h("h2", { key: '44dc31c6c627233db49ac4606ebc0f027dc9d0f5' }, "Date input"), h("p", { key: 'f9f2bb710c2d55cb25577ea720cc142807aad419' }, "Different locales formatting the same date"), h("smoothly-button", { key: '2b8c38cd783d06ac30366d08136a88b876afb88d', color: "primary", onClick: () => (this.date = this.date ? Date$1.next(this.date) : Date$1.now()) }, "Set date"), h("smoothly-input-checkbox", { key: 'e063a4a5caf0796d387b518995164095947e0368', looks: "transparent", onSmoothlyUserInput: e => {
|
|
10123
10123
|
this.alwaysShowGuide = e.detail.value;
|
|
10124
10124
|
console.log(this.alwaysShowGuide);
|
|
10125
10125
|
} }, "Always Show Guide")), ["en-US", "en-GB", "de-DE", "se-SE"].map(locale => (h(Fragment, null, h("smoothly-input-date", { locale: locale, name: locale, looks: "border", value: this.date, alwaysShowGuide: this.alwaysShowGuide }, locale, h("smoothly-input-clear", { slot: "end" })), h("smoothly-input-date-range", { locale: locale, name: locale + "-range", looks: "border", start: this.date, end: this.date ? Date$1.next(this.date) : undefined, alwaysShowGuide: this.alwaysShowGuide }, locale, " Range", h("smoothly-input-clear", { slot: "end" })))))));
|
|
@@ -10127,8 +10127,8 @@ const SmoothlyInputDateDemo = class {
|
|
|
10127
10127
|
};
|
|
10128
10128
|
SmoothlyInputDateDemo.style = SmoothlyInputDateDemoStyle0;
|
|
10129
10129
|
|
|
10130
|
-
const styleCss$
|
|
10131
|
-
const SmoothlyInputDateRangeStyle0 = styleCss$
|
|
10130
|
+
const styleCss$R = ".sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}";
|
|
10131
|
+
const SmoothlyInputDateRangeStyle0 = styleCss$R;
|
|
10132
10132
|
|
|
10133
10133
|
const SmoothlyInputDateRange = class {
|
|
10134
10134
|
constructor(hostRef) {
|
|
@@ -10292,8 +10292,8 @@ const SmoothlyInputDateRange = class {
|
|
|
10292
10292
|
};
|
|
10293
10293
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
10294
10294
|
|
|
10295
|
-
const styleCss$
|
|
10296
|
-
const SmoothlyInputDateTimeStyle0 = styleCss$
|
|
10295
|
+
const styleCss$Q = ".sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-time-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:\"\";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name=\"date\"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"hour\"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"minute\"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}";
|
|
10296
|
+
const SmoothlyInputDateTimeStyle0 = styleCss$Q;
|
|
10297
10297
|
|
|
10298
10298
|
const SmoothlyInputDateTime = class {
|
|
10299
10299
|
constructor(hostRef) {
|
|
@@ -10445,8 +10445,8 @@ const SmoothlyInputDateTime = class {
|
|
|
10445
10445
|
};
|
|
10446
10446
|
SmoothlyInputDateTime.style = SmoothlyInputDateTimeStyle0;
|
|
10447
10447
|
|
|
10448
|
-
const styleCss$
|
|
10449
|
-
const SmoothlyInputDemoStyle0 = styleCss$
|
|
10448
|
+
const styleCss$P = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{max-width:min(calc(100% - 2rem), 56rem);margin:auto}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 18rem));flex-basis:40%}";
|
|
10449
|
+
const SmoothlyInputDemoStyle0 = styleCss$P;
|
|
10450
10450
|
|
|
10451
10451
|
const SmoothlyInputDemo = class {
|
|
10452
10452
|
constructor(hostRef) {
|
|
@@ -10457,18 +10457,38 @@ const SmoothlyInputDemo = class {
|
|
|
10457
10457
|
this.alphanumeric = "!@##";
|
|
10458
10458
|
}
|
|
10459
10459
|
render() {
|
|
10460
|
-
return (h(Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("div", { key: '
|
|
10460
|
+
return (h(Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("smoothly-input-demo-radio", { key: '5123fe3be2215fed536e5bd15757e47731b8302c' }), h("div", { key: '8eb3ccdefe18f13b8fb81f4aa331f7fec6cf00aa', class: "inputs" }, h("h2", { key: '57aa3de9d835da733bc44c456eaaf393f3588cc4' }, "Calendar"), h("smoothly-input-date", { key: 'ed20d18f0ca570a82e3d8acadbd7e36e2444e01b', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '6ac7d7992bcc671921d0b119dce2a8dd8ecffe14', name: "someDateTime", value: DateTime.now() }, "DateTime"), h("h2", { key: '0b3eb56592bb6a8308a56b97b76cb345ed093718' }, "Date Range"), h("smoothly-input-date-range", { key: 'f00247254e704341d2f0a249d09fa8396afd178b', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '895750d8e98fb81041f933aaef106c23cfad05c1', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'f6b78da397fd064a4c23154f23968054a7a67b21', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '8a5fc83f20912944ec128d07ab30fc72140cbda9', looks: "grid", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
10461
10461
|
"--smoothly-input-border-radius": "0.5rem",
|
|
10462
|
-
} }, h("smoothly-input-clear", { key: '
|
|
10462
|
+
} }, h("smoothly-input-clear", { key: '281282d1dffab8e5d5de73448f8b26f152fd9db0', slot: "end", size: "icon" })), h("h2", { key: '07bde808db2782be35b8be8d1345623220294443' }, "Date"), h("smoothly-input-date", { key: 'ea8ceba97dd574169c4631ea606486b377dce47c' }, "Date"), h("smoothly-input-date", { key: '270921b6f946a3461bb5a56c4b4a9298ddaaa963', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'd482a812f37deb3f0eae4822e2f0c2f25ee3a065', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '105a1664f06954e5b18fe2f020febcf5b1d35f2e', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '7485714ce8efc62a3609973ed3ec7211d3b18c3e', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'b9644aa6c685a6d55dbe774191a1be88c2f22877', slot: "end", size: "icon" })), h("h2", { key: '0436093872cec8515091dec9290a5ec118323659' }, "Select"), h("div", { key: 'c73b2ab867da11f05441aaec31081d3718af6f6f', class: "select-div" }, h("smoothly-input-select", { key: '97b96c3e8fde3efc9cf4022524b6fce9cb03a530', name: "select-dessert", looks: "border" }, h("label", { key: 'cacbc0cfd864372dae05a3822f9826bf30483299', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: 'bee78832ee71757e5dd8416630c8c1af953d1f9c', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'a0b8c1520300e75a9b1285db812b57b5c6c6e858', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '8f3d82a137ccd298131f789615781ac7e2777c8a', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '1d38e41b6a5afdf76461c414d7c8a7b3a9bba988', value: "4" }, "Cookie"), h("smoothly-item", { key: '3f8a1f57037195e8add0170b4849c40fee7e1971', value: "5" }, "Croissant"), h("smoothly-item", { key: 'f4e073fd5b798a92c232b7df3352d4a005069faa', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '379ffd0a2a9b0935ccf56acca4d5e3d5edf64439', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'cc1b8f09830754a9b7c7f691dba320985a269d3e', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: 'fb9430fb9b7569549fbc08e731a383a185f0c37e', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: 'd737aace2e373efdf8dd2d3a375d308695ef4361', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '579809a326021c7e3880a969e1dea86cd9d8c49b', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '612cf01bfa02029c7283661bbce607747a06fcec', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '2624a332573f8ab088b9a9bd341e49e2821f9c88', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '64c1ba43fe0983ad1137f3bdef86996c6a14bf72', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'c5b72afe0cd5b579707bf13255089ce5a447dc6b', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '3c9f3a574bfb9f387241d4b10190bdaa6648d1c2', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '739e92ebb45fac8eb126ebabc25fee5a267ba5f1', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: 'dd84998374081f6a8596c6f6b4a0709338263657', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '3ec161b8d1cd3303177518637134a30fac90af2c', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '34552c07fb5fab84be62c262606ae5038c5903b4', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '28596c51822dd43c30f6d2fbbfd48f5473f26ac1', value: "folder", selected: true }, h("smoothly-icon", { key: 'b9bf5749f567ed2504521b2069a0900839374e42', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'cd4cdb8d85ccbb3629efcb89dede34573f47f6da', value: "camera" }, h("smoothly-icon", { key: '09bfdefca3c7d1f10301206c1bc1e2fb5291a496', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '314f68176bd69d1fe1f31de60117da76636d151d', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '732ae80a2a9c931ed5a25af1b8274dc14dd4318f', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
10463
10463
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
10464
|
-
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '
|
|
10464
|
+
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '2a42f57f9442125dcab0fa9017aa8b98de181241', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '06ecee47ad2f9e0a44f6454a99e482b2d9a803e0', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '4b679d13f7461afedeba8a047f1707bfda0745b0', value: "1" }, "January"), h("smoothly-item", { key: '701188bbd18bdf6a7b34c2b23528487c8b0fdcc0', value: "2" }, "February"), h("smoothly-item", { key: 'a7c2aa11cbdd97df94f821c40d0ce91542a49730', value: "3" }, "March"), h("smoothly-item", { key: '081b01bb6fa82543ed142039551cffa989a226df', value: "4" }, "April"), h("smoothly-item", { key: '0ca1d1f3b15917ed5ddbf2d042d3856755f6b427', value: "5" }, "May"), h("smoothly-item", { key: '286c911ea66782df5d2492af7f6a941a1aade7a6', value: "6" }, "June"), h("smoothly-item", { key: '6d678f267ee0a8a0ba3dac9cd8ea67a51a4385de', value: "7" }, "July"), h("smoothly-item", { key: '49cfb07d6b92132353843aa5db485d0da92c14d5', value: "8" }, "August"), h("smoothly-item", { key: '9c93d766ee95486cebe50f615d9cf0e73a47a0fc', value: "9" }, "September"), h("smoothly-item", { key: '3ff0918cff96ba93f35ff19a85a8c7c9d0edadd1', value: "10" }, "October"), h("smoothly-item", { key: '3e762c889938a371e86b5b398c65557e57ed7c9e', value: "11" }, "November"), h("smoothly-item", { key: '37f64627b1c19f79045e12b90e6b40be878f5bc8', value: "12" }, "December")), h("div", { key: '657ee199d9d42df2e666c831cf962458aeede5a1', class: "select-div-row" }, h("smoothly-input-select", { key: 'fadc8cddfa99842b7c9774b6aa984ca23748e478', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '3df756d9fcf76e1f2d9d5b059bbfe75b26908e68', value: "folder", selected: true }, h("smoothly-icon", { key: '39d90256732dff998e040acbf73d477ccbbdf72a', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'bc89b588b85632cb475a6230bbd4d46760c85c40', value: "camera" }, h("smoothly-icon", { key: '62c1d2ca1b74f6a237a2c11854d4cc0f29f7024b', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '97b5eb2481a8d42ff0824da7654d355bed807f8b', value: "boat" }, h("smoothly-icon", { key: '2eb60aac8963e7a82cb0229736ce635392ee843f', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '3adaacf129bbd509676145af84f7a9fd3d4387e4', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '2b4820557f8aa9c5c7e5360058bd39962849e442', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '8fd1a68e89980464d53d0e277f3d114164881aa5' }, "Duration"), h("smoothly-input", { key: 'f96c9d7fbc7f2c984b35182cc1bc2b8c3791b44d', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '3eef3f661cb3968a9bf34cce56d4efaa6f48a643', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
10465
10465
|
const duration = e.detail.duration;
|
|
10466
10466
|
this.duration = duration;
|
|
10467
|
-
} }, "Duration"), h("h2", { key: '
|
|
10467
|
+
} }, "Duration"), h("h2", { key: 'e12a6fe91409dbbf22929867ac29308431343196' }, "Integer with Min/Max"), h("smoothly-input", { key: 'bd214564b53d61947e5414ac0745f3c98f769e57', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: 'f1df05ff7732fef3de1e849097f5435cfd2b2b8d', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: 'f9cad47788b15a24e28c33096ec8b23368fda24f', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '557142911873db32ede88acf8ff406a4a32503cd', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: 'f58320d65499e830eedccbf74bc15c344d028511' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'ba1858fc482f749de9517765691a0e2e41420999', copyable: true, name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: 'b11d56936ca4876a2eae12ef3b18bd438ff3ba5b' }, "Identifiers"), h("smoothly-input", { key: 'a98d06646bc1cf3ef24d30fdf5f23427561aa189', type: "identifier-code" }, "Code"), h("smoothly-input", { key: 'aae0d23d44590e654944404ceca9d71485cdb9be', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '52f4bb44a99c6c56a13ce7a09f5d5d8db40931f1', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: 'e1b9068ff4614f79cea56c57837fba94ee288312', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'b0c3946bf3429cd3911a7e5d787d0ad08163c5f2', type: "identifier-camel" }, "Camel"), h("h2", { key: '1f04209f0298f757b5e15239a2f1a88d6316c111' }, "Input Alternatives"), h("smoothly-input", { key: '1d24a71d989cc3350cba91c5006508b95982d7e6', type: "text", name: "name.last" }, h("smoothly-icon", { key: 'e7695e15015b6c1228e082014fa60e88b00d0912', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '4dba0aec13e18367e26c12faba76978439ebc64b', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '24e5bc41076b935c222ccb36d6f85e982990f9c3', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '968c7b27da0ec9264b76b9f4b429ded368488f58', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: '3b90a09729389706864d1577214a5776efd206ad', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '45c7509b937fb30ea3e91aadf15e306bd36c0a36', placeholder: "test" }), h("smoothly-input-submit", { key: '224437a476fc6e4e5c179a545d37f820bb8c6a85', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: '03de899e930444918c7b282fb0e618906b28df08' }, "Smoothly checkboxes"), h("div", { key: '0d9a2fffa7022bf3623eeb10c4de2e3da53d1004', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '682634e92411ac8ea2a980f6609b0b75436ffc6b', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '18a07b37d184841e5acd0e2c5412d79087ae4e07', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd04879db2b41af52bfc719fef7632494f36c15a2', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '415906a2c26c436a80a6aef664349b99000a9164', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'dc1d3b1d25187d9845c2b535b31394ec8ad42efe', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '3c1a29394098cf0931c6069260e397fa8c0d9584', name: "third-checkbox" }, "3rd")), h("h4", { key: '6ed8172d186ba53fdd1c17dbb9633c69ba112f7e' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'a5f65eb3d746156c3e42a24c2740369ce82692c3', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'bfd01263df20f513ae72f0953eeceb3c1eb366f6', name: "checkmark-circle", slot: "start" }), h("label", { key: 'caaa570c0cbbfaf88786811d39c4577717957bec', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'e87e32f03cfbc469d2f29f4bb6eb535b861c1396', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '2fdecf175d51624a11c9fd66989e05451f3c299e', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '639b6d87666f32e292225fcfc82cfa4a3dc76e53', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '011f5b9a0a2462431a0fe6837dcc86a72b9fdc6a', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '608cd37ec11aef2dcc23c2d8d59027413839beb2', name: "radioSecondInput" }, h("label", { key: '273c8ab92326fb127b87cc3e8f97e920c4ad5d40', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '7ae832cd4d2cd0e70a83dd10d23e8fe3d30f8d33', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '3d6b4b73107769389e78c0f36f8894f64d553fe6', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'bb86ff4e0e768779c641c2f2f5186707a14c5ee0', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '3e795de145a66f2d7ddda0331f84c64236961abe', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '1fc12a4fc2f362ca69e3d80e6cca860cb5256bf2', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'a91485b0cbdf0049cbd97d9cc41e8228f937924f', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '52c1638c3addbae86119e32404474a835b2e73da' }), h("smoothly-input-color-demo", { key: '5169b6e1c674830667bb2496de9766cb2821dc8a' }), h("smoothly-input-price-demo", { key: '2ea8be6f14258bda10fd3ea5ae1018bf90cf585b' }), h("smoothly-back-to-top", { key: '1d76048e4228e17421c28ceaa35be3074a349d8c' }))));
|
|
10468
10468
|
}
|
|
10469
10469
|
};
|
|
10470
10470
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
10471
10471
|
|
|
10472
|
+
const styleCss$O = ".sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}";
|
|
10473
|
+
const SmoothlyInputDemoRadioStyle0 = styleCss$O;
|
|
10474
|
+
|
|
10475
|
+
const SmoothlyInputDemoRadio = class {
|
|
10476
|
+
constructor(hostRef) {
|
|
10477
|
+
registerInstance(this, hostRef);
|
|
10478
|
+
this.selected = undefined;
|
|
10479
|
+
}
|
|
10480
|
+
selectedChange() {
|
|
10481
|
+
console.log("selected", this.selected);
|
|
10482
|
+
}
|
|
10483
|
+
render() {
|
|
10484
|
+
return (h(Host, { key: 'c3b8ab15f7d5b4293c3f014c37f94c5ec76c9900' }, h("h2", { key: '73eaa3db6de6c83e06125debc2a3d9b519f3c2bf' }, "radio input - column direction"), h("smoothly-input-radio", { key: 'd2d017e7c74b455b97ca6e16e3806caa2a3cc876', name: "radio", direction: "column", onSmoothlyInput: e => (this.selected = e.detail.radio) }, h("smoothly-input-radio-item", { key: '0acb4e1bfc61d3f8c612c4831d3ad7c8627b4732', value: "1" }, h("span", { key: '81e25f4f1908ca06093da3893f2044bd6263b635' }, "Option 1"), h("span", { key: '8b951dc4128c07072edfcc6687f0216444b107f0', slot: "detail" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), h("smoothly-input-radio-item", { key: '0e7a0fadf0f3dae0b563e8511787539e5ddecb77', value: "2", selected: true }, h("span", { key: 'ca6255390099436de4a6fbb5f2c1e182d8a9dc4b' }, "Option 2"), h("div", { key: '4fc784d028ea7ce3025b6e983ab51b05185595fc', slot: "detail" }, h("smoothly-tabs", { key: 'c336dc2a0ce56efa45a639c2e89e62e1e246a442' }, h("smoothly-tab", { key: '6820992dcd04115db18b9cd9030587d1f1a5f023', label: "Dog", name: "dog", open: true }, "\uD83D\uDC15"), h("smoothly-tab", { key: '9aa5005a09e4be778116e88b578dcc26a52ff9d4', label: "Cat", name: "cat" }, "\uD83D\uDC08"), h("smoothly-tab", { key: '64b1a15fe3834a1d75d7feb4365e63e4fe6240da', label: "Rat", name: "rat" }, "\uD83D\uDC00")))))));
|
|
10485
|
+
}
|
|
10486
|
+
static get watchers() { return {
|
|
10487
|
+
"selected": ["selectedChange"]
|
|
10488
|
+
}; }
|
|
10489
|
+
};
|
|
10490
|
+
SmoothlyInputDemoRadio.style = SmoothlyInputDemoRadioStyle0;
|
|
10491
|
+
|
|
10472
10492
|
const styleCss$N = ".sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:\"hello\"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:\"\";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}";
|
|
10473
10493
|
const SmoothlyInputDemoStandardStyle0 = styleCss$N;
|
|
10474
10494
|
|
|
@@ -10492,7 +10512,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
10492
10512
|
});
|
|
10493
10513
|
}
|
|
10494
10514
|
render() {
|
|
10495
|
-
return (h(Host, { key: '
|
|
10515
|
+
return (h(Host, { key: '0d6a49500f6207e017b7332fc676fe5b4cdf3b63' }, h("div", { key: '1b1fc48946c60ba1ff8f350a44d6a37e6e90663c', class: "description" }, h("h2", { key: 'f64382417b9be7fbe7f937a32f6834712b408d9d' }, "Input Standard"), h("p", { key: '5043b837fc74e7f7099afb32f5dca884bc111c2e' }, "Height of input should be ", h("code", { key: '82c1416cdac8702bdcf022d71e76a1ef9e738ec3' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), h("smoothly-form", { key: 'ffc6e71292d11eaf3e559562a5a3fac3e13629ad', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '8526acc9e28b450d20a839a9a1678626afc233e8', name: "color" }, h("span", { key: 'f627cd062ea38eca69a7251bffbd9e1197de5b10', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: '5adf2e5d7c591623d28c9d00a3d0729eb89f1832', slot: "end" })), h("smoothly-input-select", { key: 'a657160f084e4c9aab71b5a557c957f194a29e73', name: "looks" }, h("span", { key: 'b27cc9e95a18859ef9ef7d7faec3df1f3e2a6eda', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: '065677f13cf53923b0496e7851cdf98f9726d656', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: 'a5045fcbe87384502aec4b39340711e5e3e7fbd2', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: '5411d51504bbd0005b963e53c23aafd9192dbc04', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: '9e08c858b47f305c99491cb90c7dfc7ad64d091b', name: "invalid" }, "Invalid"), h("smoothly-input", { key: '8b0d8cd4db6428fd575811f75959f1f4393388b0', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: 'bd0d9732f77fa8156a3b669d87d6d0e767ab51c4', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: 'e93d01bfa289c02508ee005ee20ca1cd72aa1730', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: '84ef98e5c663ca9b147e8a6841838c6df150ebb1', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: '492fa68b11ff4bdc34755147c02db3a11544418f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '745d453a3db47b3c3f5aa7db5f8d29c78f5f1983', class: "width" }, "width: 100%"), h("div", { key: '0d0c050b51b8cb7389813e3ccccc15034acd8694', class: "left-padding" }, "padding-left: 0.5rem"), h("smoothly-input", { key: '37e196f1778d81907b5e0b7372c1e94d32c8485a', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: 'c90495a6c689d501149cf31ecae572ebaad00f4b' }, "Text"), h("smoothly-input-clear", { key: 'ad06480850d65fbce9505ae82d7a90303c2c6a0d', slot: "end" })), h("div", { key: '433c6ee20819020ff9732cd25a1cbed1ce24c889', class: "height" }), h("smoothly-input-select", { key: '98b6ace0a4d98903cf4d235700a5b264710dd4bd', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && h("label", { key: 'bf4a36af85182a2a9b74ba914835b1e2479abfc4', slot: "label" }, "Select"), h("smoothly-item", { key: 'ab573db27e087a968e25066878be720b3db4afb1', value: "1" }, "January"), h("smoothly-item", { key: 'c3bd51447686cc8cf6faf7748760436c71f1b560', value: "2" }, "February"), h("smoothly-item", { key: '96663832d2df4a91a5449298dfe2ec3f7dcc1e16', value: "3" }, "March"), h("smoothly-item", { key: '415e5972f03861866dc8a06361432405055e6c71', value: "4" }, "April"), h("smoothly-item", { key: '937420ce63903e18f6cd27d8ca906c386b6fec2e', value: "5" }, "May"), h("smoothly-item", { key: 'a40bc8f3d0b228471d616084b7e6838f56db8ad5', value: "6" }, "June"), h("smoothly-item", { key: '2bedb621bde2c3e0e13523bf3b749344c13770d7', value: "7" }, "July"), h("smoothly-item", { key: 'e0a2ebb9b0b5dd523ef772d8c95c4155890836f6', value: "8" }, "August"), h("smoothly-item", { key: '4c47234cb75a3f0de564591cd0f9a750d31e03af', value: "9" }, "September"), h("smoothly-item", { key: '20010b3111a4d40196cd789b5ddd01ed244fe7b8', value: "10" }, "October"), h("smoothly-item", { key: '4180fdc603a8ab8a462a8c83c567255a6226f53c', value: "11" }, "November"), h("smoothly-item", { key: 'c6546461a7a4c27c0f107315b987615328c8d8fb', value: "12" }, "December"), h("smoothly-input-clear", { key: 'cda23c98e196850eb8a20be501d6ec769a9b5898', slot: "end" })), h("div", { key: '26e2e9395873051d667215065ff6977d880da8b2', class: "height" }), h("smoothly-input-checkbox", { key: 'bbb9ec0cd1dfd3e29732bb915fb28e5a90b88815', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", h("smoothly-input-reset", { key: '324f4a2e10e27a8b52f2f26e8a28ef881737fb4a', slot: "end" })), h("div", { key: '32dd67ed9f19b3b4ab9a95c022c9493cb6a94050', class: "height" }), h("smoothly-input-radio", { key: '1239de4634517430c7d581f71e7bb7ee84cbefe9', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: '4b4f58bec0437676fbb9d0c09516b1ac501de19b', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '8715c21ebfeeb3eaf5c5db026af4051f8cb9fe7c', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'aa6929c0aaf4b8a6d9f87712dcbbdeeba3f54b17', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '8c855054328b5b57159a51eb62c6393e23dc0b86', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '6f64b91dad2ee9ac4341a9526ca03c0e11d04fca', slot: "end" })), h("div", { key: 'a372eb011607ea8c2e9ec2aa6e4dc6bf9a40e16c', class: "height" }), h("smoothly-input-file", { key: '52ed31ebc67f6e446ad7c3eb87b4251a5cafddee', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '6e1d48d9bd613a2460dd7838995b2e85b1b3076c', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'f4f9b6a08e0e90a701f8885f9da8726667a26e48', slot: "end" })), h("div", { key: '08353a4008696b58812d6bd61d1669e64115ab7f', class: "height" }), h("smoothly-input-range", { key: '0a201e8f6142507db1707f116fa38317a4dba66b', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, h("smoothly-input-clear", { key: 'a5a761e571e964250fdb33b90beef1a2c97b6a95', slot: "end" })), h("div", { key: 'dddb99963e0871b08c13b1875dc81ed2bc2a278e', class: "height" }), h("smoothly-input-color", { key: '910b2b2c6256e93e418e5d40fe16634d8f40a88c', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '5f44644718b27d0997860edb064fd9a9173683d0' }, "Color"), h("smoothly-input-clear", { key: 'ca666442d87e15ad1aca12e88b76bdce7e2c0490', slot: "end" })), h("div", { key: '54dfabfcb3cfa47905fe8306e6a9302354c38433', class: "height" }), h("smoothly-input-date", { key: 'be49a61901507ee48747ab2c523c6433f26c486e', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && h("span", { key: '435eecf8280345f21162402660991c723244f160' }, "Date"), h("smoothly-input-clear", { key: '652b579898fc2a37bfe5a2163cfa6ad7fc1aff8e', slot: "end" })), h("div", { key: 'c66d6ee6c372fd12ecda68ebc0a5507550321378', class: "height" }), h("smoothly-input-date-time", { key: 'c062f0de71f5384b3e5596cbb223f3bc2a1d4d24', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: 'ea83436b132d5ee8808f1ceafa5c72eda58eb6c0', slot: "end" })), h("div", { key: 'e19c2213936ad11555abeb9106aac7b691cbccc7', class: "height" }), h("smoothly-input-date-range", { key: '11e3954c5e159b2c97dceb955bf5499eaa1595b4', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '4c1c93769eebdcf13cf2858f8641cf55e70dfd1b' }, "Date Range"), h("smoothly-input-clear", { key: '5dde94ebd3cb77a6c5a81cf2b7b0087b40aa98c7', slot: "end" })), h("div", { key: '6905e1f7f5d726d8342481fb734309b9d103e1ea', class: "height" }))));
|
|
10496
10516
|
}
|
|
10497
10517
|
get element() { return getElement(this); }
|
|
10498
10518
|
};
|
|
@@ -10521,11 +10541,11 @@ const SmoothlyInputDemoUserInput = class {
|
|
|
10521
10541
|
}
|
|
10522
10542
|
render() {
|
|
10523
10543
|
var _a, _b;
|
|
10524
|
-
return (h(Host, { key: '
|
|
10544
|
+
return (h(Host, { key: '3f8731e8b4010dbac473fad42f40b127c56e5d44' }, h("div", { key: 'b1cc52a81b0488bc82506c922c5e378fd9de3189' }, h("h2", { key: 'caa040ebf00d2211f367089297fc43bb784e67fd' }, "User Input Event"), h("p", { key: '778dfcd11303537d6d362ffe13bf03b4172cbc41' }, "These inputs demonstrate how user input is handled. The ", h("code", { key: '133a7f12ea31478e1848679b6a9492d91adb8a1d' }, "smoothlyUserInput"), " event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).", h("br", { key: '144eb13a56ef541e5a7828973d698cb6fb672e56' }), "Check the console to see the details of each ", h("code", { key: '6142d5f8f0844caaa2d1e428278413807a3ef094' }, "smoothlyUserInput"), " event.")), h("smoothly-button", { key: 'cbff417434271517e66c04336978429ed5f4b9e8', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), h("smoothly-input", { key: '7cf13015c86c9e14a34ee05165b60e4baf0fa06d', looks: "border", name: "demo-user-input-text", value: this.textIndex === undefined ? "" : this.values[this.textIndex], onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Text input"), h("smoothly-button", { key: 'd4e4e5b7230d45583ca98c98929b0bd88514ec28', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), h("smoothly-input-select", { key: '84489f8685c6dc0bfbef5b152290be3492a99a64', looks: "border", name: "demo-user-input-select", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, h("span", { key: '1d1a87b139324bf4f8b00c4e5e7ff72121e8e92e', slot: "label" }, "Select input"), this.values.map((value, index) => (h("smoothly-item", { value: index, selected: index == this.selectIndex }, value)))), h("smoothly-button", { key: '62518b7e958e1294175486fe4998a66b16e23bcd', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), h("smoothly-input-checkbox", { key: 'ca75c33baaee28ac2968364736916992fe407362', looks: "border", name: "demo-user-input-checkbox", checked: this.checkboxChecked, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Checkbox input"), h("smoothly-button", { key: 'ca93b9ff77ac4cbd540802018be52967ce4b6d78', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), h("smoothly-input-radio", { key: 'e5d2e4df79ba24dff605df4ea057394ba0bd9f4f', looks: "border", name: "demo-user-input-radio", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, h("span", { key: '59780a80a26274e7c4f07a84a4a735a1e68f9caf', slot: "label" }, "Radio input"), this.values.map((value, index) => (h("smoothly-input-radio-item", { value: value, selected: index == this.radioIndex }, value)))), h("smoothly-button", { key: 'e9477a5b9552070aa6c5fbb65d70a3a6fcfb2bb3', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), h("smoothly-input-range", { key: 'f78233fd072f673debc5ef2794ccfd92470d2644', looks: "border", name: "demo-user-input-range", step: 1, min: 0, max: this.values.length, value: this.rangeValue, label: "Range Input", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }), h("smoothly-button", { key: 'b9ab61db3f0ef25b29589720ae32fbaf4fc292ce', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), h("smoothly-input-color", { key: '110b00b1faf7392ae35af47a8363c3eb6f9ab3b1', looks: "border", name: "demo-user-input-color", value: typeof this.colorIndex == "number" ? this.colors[this.colorIndex] : undefined, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Color input"), h("smoothly-button", { key: '48f402cba290ca60d5ee22a83a11bb4d87345a8a', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? Date$1.next(this.dateValue) : Date$1.now()) }, "Next day"), h("smoothly-input-date", { key: '143dc7440c89598bc6825bbc001afdcf926b32fb', looks: "border", name: "demo-user-input-date", value: this.dateValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date input"), h("smoothly-button", { key: '208eeaf0da242239958917cb60938ff14240d62f', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
|
|
10525
10545
|
? DateTime.nextDay(this.datetimeValue)
|
|
10526
|
-
: DateTime.now()) }, "Next date time"), h("smoothly-input-date-time", { key: '
|
|
10546
|
+
: DateTime.now()) }, "Next date time"), h("smoothly-input-date-time", { key: 'd8ee43e0e07aed4c7bb748b7a8465b80e23715aa', looks: "border", name: "demo-user-input-datetime", value: this.datetimeValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date time input"), h("smoothly-button", { key: '50a1a84990b8749ca6cad6ce954af64c8a2035c4', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
|
|
10527
10547
|
? { start: Date$1.next(this.dateRangeValue.start), end: Date$1.next(this.dateRangeValue.end) }
|
|
10528
|
-
: { start: Date$1.now(), end: Date$1.next(Date$1.now(), 10) }) }, "Next date range"), h("smoothly-input-date-range", { key: '
|
|
10548
|
+
: { start: Date$1.now(), end: Date$1.next(Date$1.now(), 10) }) }, "Next date range"), h("smoothly-input-date-range", { key: 'ee2818fd24043bc7b96209414e9c56b68fa18493', looks: "border", name: "demo-user-input-daterange", start: (_a = this.dateRangeValue) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.dateRangeValue) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date range input")));
|
|
10529
10549
|
}
|
|
10530
10550
|
};
|
|
10531
10551
|
SmoothlyInputDemoUserInput.style = SmoothlyInputDemoUserInputStyle0;
|
|
@@ -10563,7 +10583,7 @@ const SmoothlyInputEdit = class {
|
|
|
10563
10583
|
}
|
|
10564
10584
|
render() {
|
|
10565
10585
|
var _a;
|
|
10566
|
-
return (h(Host, { key: '
|
|
10586
|
+
return (h(Host, { key: 'f3bc55a7a59a13b8b9359d62e91e3af8d44a50dc', title: this.tooltip }, h("smoothly-button", { key: 'cf4df9b7490783a451ef8b27efe8da46956a51fd', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, h("slot", { key: '4dfbe9901f613a32e125d3dc4568ae43374144b0' }), h("smoothly-icon", { key: 'd45e03a9d3a47032d17f1791ad91fb13529a775f', class: "default", name: "create-outline", size: "tiny" }))));
|
|
10567
10587
|
}
|
|
10568
10588
|
};
|
|
10569
10589
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -10687,7 +10707,7 @@ const SmoothlyInputFile = class {
|
|
|
10687
10707
|
}
|
|
10688
10708
|
render() {
|
|
10689
10709
|
var _a, _b, _c;
|
|
10690
|
-
return (h(Host, { key: '
|
|
10710
|
+
return (h(Host, { key: 'f4df7ddb44c408650f4b204f6e82ae75a801d126', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: 'c5ee90970f4e3354d561f8cbde49f116f0d641a3' }, h("slot", { key: '54c60e9d796be6153f7afcfa7f959558e12241f0', name: "label" })), h("div", { key: '669a4853db689f4b9cb14c6123baf8586dca6230', class: "input" }, h("smoothly-button", { key: 'bcfdb6eae7a7ba03a911651f1d0af9bb1ed6b407', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '7855f3bbd0b7f3bb5f4ba2345143dc17779a8502', name: "button" })), h("span", { key: '017b26231a838eb4d8dcda32e8e3363af6511113' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '5354848242f9a021ef51a94f7db6dc7e1caa35fe', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: 'ab8b59f29dc1377f4e3b507e99e291333f332a86', name: "document-attach-outline" })), h("input", { key: '379b0c489e893122c68cf4a9c796b172b656763d', ref: element => (this.input = element), type: "file", disabled: this.disabled, capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("span", { key: '1bc9a2d979e0975dd01cd320acb5dc34b2029472', onClick: (e) => e.stopPropagation() }, h("slot", { key: '98aa0198ff2cd3b3d522e1350516fec31f6788fe', name: "end" }))));
|
|
10691
10711
|
}
|
|
10692
10712
|
get element() { return getElement(this); }
|
|
10693
10713
|
static get watchers() { return {
|
|
@@ -10812,21 +10832,21 @@ const SmoothlyInputMonth = class {
|
|
|
10812
10832
|
}
|
|
10813
10833
|
render() {
|
|
10814
10834
|
var _a, _b;
|
|
10815
|
-
return (h(Host, { key: '
|
|
10835
|
+
return (h(Host, { key: 'eefcb23c84911b8334155d4035450161bacab335' }, h("smoothly-icon", { key: '54c89c0a776e5cca1d738ff3c2c75bf792e9fec7', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
10816
10836
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
10817
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '
|
|
10837
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: 'a8ada0ee9d10be566cce98fb7fd8e98fcae2eb2f', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
|
|
10818
10838
|
const month = e.detail.value;
|
|
10819
10839
|
if (month && Date$1.is(month)) {
|
|
10820
10840
|
const value = Date$1.firstOfMonth(month);
|
|
10821
10841
|
this.smoothlyUserInput.emit({ name: this.name, value });
|
|
10822
10842
|
}
|
|
10823
|
-
}, searchDisabled: true }, h("div", { key: '
|
|
10843
|
+
}, searchDisabled: true }, h("div", { key: '057bd0d86cba43f640185418aa3f8268364b5a5c', slot: "label" }, h("slot", { key: '379a30d1f4915ba7fc421dac3c6ed13ce8c6f16f', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : Date$1.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: '91fb8b714da6207dc44aac51db1d4f4df5832e85', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
|
|
10824
10844
|
const year = e.detail.value;
|
|
10825
10845
|
if (year && Date$1.is(year)) {
|
|
10826
10846
|
const value = Date$1.firstOfMonth(year);
|
|
10827
10847
|
this.smoothlyUserInput.emit({ name: this.name, value });
|
|
10828
10848
|
}
|
|
10829
|
-
}, searchDisabled: true }, h("div", { key: '
|
|
10849
|
+
}, searchDisabled: true }, h("div", { key: 'f51ace81a7ac85957ead3532b1a228c95acc5f5f', slot: "label" }, h("slot", { key: '27e4c3e1da0dfb4fee70749236ab1372807dc82b', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : Date$1.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: '026c0c398ebce39044581231dc601c6248a6d7eb', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly || !this.allowNextMonth }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
10830
10850
|
}
|
|
10831
10851
|
get element() { return getElement(this); }
|
|
10832
10852
|
static get watchers() { return {
|
|
@@ -10848,12 +10868,12 @@ const SmoothlyInputPriceDemo = class {
|
|
|
10848
10868
|
this.currency = "USD";
|
|
10849
10869
|
}
|
|
10850
10870
|
render() {
|
|
10851
|
-
return (h(Host, { key: '
|
|
10871
|
+
return (h(Host, { key: '103c32353cbb648a15ddd2a07217810aaa8dcfbc' }, h("h2", { key: 'b3236f05a6812f821fd4b8f0fc7b196ccc8556d2' }, "State demo on smoothly-input"), h("p", { key: '216df6982133fd9a6e6c81cb9c7cc1a58177190f' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '87d14d8f9ac65eaabeaa3f02eeb77f0e2d328280' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'fb5e2cd3e334ca968a50058d144417cb108ae68f', name: "currency", onSmoothlyInput: e => (this.currency = Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: 'a824a501bea1afcb5b9c70f505b3e3de8b05c679', type: "price", currency: this.currency }, "price")));
|
|
10852
10872
|
}
|
|
10853
10873
|
};
|
|
10854
10874
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
10855
10875
|
|
|
10856
|
-
const styleCss$H = ".sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
|
|
10876
|
+
const styleCss$H = ".sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem;width:100%}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
|
|
10857
10877
|
const SmoothlyInputRadioStyle0 = styleCss$H;
|
|
10858
10878
|
|
|
10859
10879
|
const SmoothlyInputRadio = class {
|
|
@@ -10974,7 +10994,7 @@ const SmoothlyInputRadio = class {
|
|
|
10974
10994
|
};
|
|
10975
10995
|
SmoothlyInputRadio.style = SmoothlyInputRadioStyle0;
|
|
10976
10996
|
|
|
10977
|
-
const styleCss$G = ".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";
|
|
10997
|
+
const styleCss$G = ".sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot=\"detail\"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot=\"detail\"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot=\"detail\"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot=\"detail\"]{display:none}";
|
|
10978
10998
|
const SmoothlyInputRadioItemStyle0 = styleCss$G;
|
|
10979
10999
|
|
|
10980
11000
|
const SmoothlyInputRadioItem = class {
|
|
@@ -11007,7 +11027,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
11007
11027
|
});
|
|
11008
11028
|
}
|
|
11009
11029
|
render() {
|
|
11010
|
-
return (h(Host, { key: '
|
|
11030
|
+
return (h(Host, { key: '070130be28fb079d283c44fd4e1d953fa6ecca57', onClick: () => this.inputHandler(true) }, h("input", { key: '2659b61bb76a9196c82db8ebb07246ace707402a', name: this.name, type: "radio", checked: this.selected, disabled: this.disabled }), h("smoothly-icon", { key: '9c3ac6911f3c8d335728aac0c48382a927fde8d4', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", tooltip: "Select" }), h("label", { key: 'b6e3506b8814d170c43227c8291f8324a07e5547' }, h("slot", { key: '9282d307ffa40211b40bcd9ee0bfff4891620a85' })), h("slot", { key: 'a1537eebdf4ae3bef11bb4ab02cdaf1849b9917f', name: "detail" })));
|
|
11011
11031
|
}
|
|
11012
11032
|
get element() { return getElement(this); }
|
|
11013
11033
|
};
|
|
@@ -11116,18 +11136,18 @@ const SmoothlyInputRange = class {
|
|
|
11116
11136
|
}
|
|
11117
11137
|
render() {
|
|
11118
11138
|
var _a, _b, _c;
|
|
11119
|
-
return (h(Host, { key: '
|
|
11139
|
+
return (h(Host, { key: '0edc962695435c709333bfb4cefb492b31b2d0b7', class: {
|
|
11120
11140
|
"output-side-right": this.outputSide === "right",
|
|
11121
11141
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
11122
|
-
} }, h("slot", { key: '
|
|
11142
|
+
} }, h("slot", { key: '63b3652f46e92ec1a3cd331960b5027628e1fa84', name: "start" }), h("div", { key: '412e827085b0b5ff37390d5be4bf6efc6287885c' }, h("label", { key: '1445f01448ecfabe4cd0470a8ba509daac632694', htmlFor: this.name }, this.label), h("smoothly-input", { key: '6bb9b7002eda2ac742f981084093a3cede27a881', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
|
|
11123
11143
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
11124
11144
|
e.stopPropagation();
|
|
11125
11145
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
11126
|
-
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly, disabled: this.disabled }, this.label), h("smoothly-display", { key: '
|
|
11146
|
+
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly, disabled: this.disabled }, this.label), h("smoothly-display", { key: '4f66615300dc91082ee8e0127f96ae463889a498', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'ab200acfa975a10dc52248cc3f159db0fd2b4ba3', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly || this.disabled, onInput: event => {
|
|
11127
11147
|
event.stopPropagation();
|
|
11128
11148
|
this.setValue(event.target.valueAsNumber);
|
|
11129
11149
|
this.smoothlyUserInput.emit({ name: this.name, value: this.value });
|
|
11130
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '
|
|
11150
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '48e0763f8d5d656fbf6e886e78dd85bfe00ba493', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'ed8150bb7db19f31a9eaf3b2ad3db82330556653', name: "end" })));
|
|
11131
11151
|
}
|
|
11132
11152
|
get element() { return getElement(this); }
|
|
11133
11153
|
static get watchers() { return {
|
|
@@ -11144,7 +11164,7 @@ const SmoothlyInputRangeDemo = class {
|
|
|
11144
11164
|
registerInstance(this, hostRef);
|
|
11145
11165
|
}
|
|
11146
11166
|
render() {
|
|
11147
|
-
return (h(Host, { key: '
|
|
11167
|
+
return (h(Host, { key: '517024f5fa43b290588bf6de897eb8604ebb9aec' }, h("h2", { key: '50920a3bb53f5a910ddb094da8afab71b8f57088' }, "Range"), h("h3", { key: '503e792bc7c1d2da6277ac84ea478066e432e3a3' }, "Phone Number"), h("smoothly-input-range", { key: '8ad5509021818af773dcb4b4004aff70b6e9e1d4', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: 'd0721a56d49839e2d409e2371dd22663ee7c6260' }, "Stars out of ten"), h("smoothly-input-range", { key: 'c0729cb660ac13733d73a33f4c9f8fbab6132919', max: 10, step: 1, label: "Stars" }), h("h3", { key: '037a777b872d2338994cccc94aaf9539566b1d25' }, "Percent"), h("smoothly-input-range", { key: 'b46ef1dca494adf50e7407d280b6261fa5fe98d3', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '49ce896d170de4e93ab1787533eb9ce0830af143' }, "With icon at start and clear button"), h("smoothly-input-range", { key: 'e322080fc04b52b6219d894568759f0a47df81ee', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '54fd4bed32163cf2368192ceaed499dfd4b6d9f6', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '75786b2a1ef4c44537e28dd95a9b6a67a0a7e883', size: "icon", slot: "end" }))));
|
|
11148
11168
|
}
|
|
11149
11169
|
};
|
|
11150
11170
|
|
|
@@ -11191,7 +11211,7 @@ const SmoothlyInputReset = class {
|
|
|
11191
11211
|
}
|
|
11192
11212
|
render() {
|
|
11193
11213
|
var _a;
|
|
11194
|
-
return (h(Host, { key: '
|
|
11214
|
+
return (h(Host, { key: '013126d52ad4e32ce7f5f04b5a54c925a77100a9', title: this.tooltip }, h("smoothly-button", { key: 'b7150136d601bb76bd396c054971fb08e5caa699', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '2e762ef063d7872cb2b9294fb5b0096a2a565b7d' }), h("smoothly-icon", { key: '950efe9f8a14f3ef3608238f21a3cc0fde4f4161', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
11195
11215
|
}
|
|
11196
11216
|
};
|
|
11197
11217
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -11508,14 +11528,14 @@ const SmoothlyInputSelect = class {
|
|
|
11508
11528
|
this.addedItems = this.addedItems.concat(h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
11509
11529
|
}
|
|
11510
11530
|
render() {
|
|
11511
|
-
return (h(Host, { key: '
|
|
11531
|
+
return (h(Host, { key: 'bd6e502e8bc709fbc22676bc30b849b1af3e1a1d', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '54a6939ae60dfab5a18815b2e7f9f9637980d537', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: 'fb2048686f385e31cf5661d4c0fd11c69f849f51', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: '6019295c5e92dd4992664985e83316cfcb540cbc', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'b9ed43d814b3af4f54b8dc13b68b6bf73a741e67', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: 'cf1b69e51b74b886793a69b06dcbff19d6f2a903', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: 'd1adde543075447fb3dea33f40101ec58228d6e9', name: "label" }), h("div", { key: 'a291b7f240f7b7d0314eb8a44f5057acf5645db8', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: 'a431bfad6ce5284641ce0ca6814a947e0f226798', class: "search-preview" }, h("smoothly-icon", { key: '864bb9196328ad3fe04d05bca82214c03033ec86', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'f8d468871eeb80771bb645a6e406e4a395250dd2', name: "backspace-outline", size: "small", onClick: e => {
|
|
11512
11532
|
e.stopPropagation();
|
|
11513
11533
|
this.filter = "";
|
|
11514
11534
|
this.element.focus();
|
|
11515
|
-
} }), this.mutable && (h("smoothly-icon", { key: '
|
|
11535
|
+
} }), this.mutable && (h("smoothly-icon", { key: '36dddd2f4a370406d2b814e7c05463f87849b752', name: "add", size: "small", onClick: e => {
|
|
11516
11536
|
e.stopPropagation();
|
|
11517
11537
|
this.addItem();
|
|
11518
|
-
} })))), h("slot", { key: '
|
|
11538
|
+
} })))), h("slot", { key: '9d2e371acf42bed95f49966f073199934e336325' }), this.addedItems)));
|
|
11519
11539
|
}
|
|
11520
11540
|
get element() { return getElement(this); }
|
|
11521
11541
|
static get watchers() { return {
|
|
@@ -11570,7 +11590,7 @@ const SmoothlyInputSubmit = class {
|
|
|
11570
11590
|
}
|
|
11571
11591
|
render() {
|
|
11572
11592
|
var _a, _b;
|
|
11573
|
-
return (h(Host, { key: '
|
|
11593
|
+
return (h(Host, { key: '3abfb59a2dacc9a15c8577ecf92f9e2b481542a1', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
|
|
11574
11594
|
}
|
|
11575
11595
|
};
|
|
11576
11596
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
@@ -11618,7 +11638,7 @@ const SmoothlyItem = class {
|
|
|
11618
11638
|
: false;
|
|
11619
11639
|
}
|
|
11620
11640
|
render() {
|
|
11621
|
-
return (h(Host, { key: '
|
|
11641
|
+
return (h(Host, { key: '0656f2503f804b45f00f7ce19519b546cf5c029c', tabIndex: -1 }, h("slot", { key: 'dbac1c150ccb8cbc83fbd5c2626d452a77fc6686' })));
|
|
11622
11642
|
}
|
|
11623
11643
|
get element() { return getElement(this); }
|
|
11624
11644
|
static get watchers() { return {
|
|
@@ -11639,9 +11659,9 @@ const SmoothlyLabel = class {
|
|
|
11639
11659
|
}
|
|
11640
11660
|
render() {
|
|
11641
11661
|
var _a;
|
|
11642
|
-
return (h(Host, { key: '
|
|
11662
|
+
return (h(Host, { key: '904b7e2545774f010a04f80dfdebbd0fc1000403', title: this.description, style: {
|
|
11643
11663
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
11644
|
-
} }, h("slot", { key: '
|
|
11664
|
+
} }, h("slot", { key: '451cf78802889d2e23b85fcc1ed0955640113b68' })));
|
|
11645
11665
|
}
|
|
11646
11666
|
};
|
|
11647
11667
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -11660,7 +11680,7 @@ const SmoothlyLazy = class {
|
|
|
11660
11680
|
this.show = true;
|
|
11661
11681
|
}
|
|
11662
11682
|
render() {
|
|
11663
|
-
return (h(Host, { key: '
|
|
11683
|
+
return (h(Host, { key: '63b30b3d20ab6d5b10536e8278ed22b569e6640e' }, h("slot", { key: 'ee0160928eea94b227751da2b962e28ef857dd57', name: "before" }), h("smoothly-load-more", { key: 'aa55a115ceb40540fa03f07600f98cc50b4650b2', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '5e7bb9c0446485537e8491cf595e6c9738d0cfd5' })));
|
|
11664
11684
|
}
|
|
11665
11685
|
};
|
|
11666
11686
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -11704,7 +11724,7 @@ const LoadMore = class {
|
|
|
11704
11724
|
}
|
|
11705
11725
|
}
|
|
11706
11726
|
render() {
|
|
11707
|
-
return h(Host, { key: '
|
|
11727
|
+
return h(Host, { key: '043cf42791f2754f79b4d9be6c07241ae6a5468c' });
|
|
11708
11728
|
}
|
|
11709
11729
|
get element() { return getElement(this); }
|
|
11710
11730
|
};
|
|
@@ -11730,9 +11750,9 @@ const SmoothlyModal = class {
|
|
|
11730
11750
|
this.open = true;
|
|
11731
11751
|
}
|
|
11732
11752
|
render() {
|
|
11733
|
-
return (h(Host, { key: '
|
|
11753
|
+
return (h(Host, { key: '1976a5aaa3fb1fcefb4ffe61ecdf3e27de571764', role: "alertdialog", onClick: (e) => {
|
|
11734
11754
|
this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
|
|
11735
|
-
} }, h("div", { key: '
|
|
11755
|
+
} }, h("div", { key: 'c1ba43942ff73044575f4ead220d305cab3d9099', class: "modal" }, h("div", { key: '46f41c03f29231c4f621f8452fba4181a0f9756a', class: "header" }, h("slot", { key: '204fb0ef7d8d9a7d4868d057951e5a32897358f6', name: "header" }), this.closable && h("smoothly-icon", { key: '4a28b30ed78dfc9ed337234b3781e97c442ad666', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '77d039b6997bf5733f8e742f5ccecdf298b0061c' }), h("div", { key: 'd66baf4ebe44edf48af32f3f7fdc978ecc235803', class: "actions" }, h("slot", { key: '6306178ed0936fe1c876da10f4d14f25422e4763', name: "actions" })))));
|
|
11736
11756
|
}
|
|
11737
11757
|
static get watchers() { return {
|
|
11738
11758
|
"open": ["openChanged"]
|
|
@@ -11795,7 +11815,7 @@ const Notification = class {
|
|
|
11795
11815
|
this.onUpdatedNotice(this.notice);
|
|
11796
11816
|
}
|
|
11797
11817
|
render() {
|
|
11798
|
-
return (h(Host, { key: '
|
|
11818
|
+
return (h(Host, { key: 'ea4244b7ad04c638e4bca7cd6c9aa550d1128401', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'baa7387b56bda4232d59cbd83fc1477b1f728c10', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'ab42df6a7cbc5a04a781c7a48c9146b137f540dd', name: "close-circle-outline" }))), h("span", { key: '4e9b253ffd09e188816ceabffa08ab8e138e87a6', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '35a676710dc5deeeee38a21a345e297e83fff3b3', name: this.properties[1] }), h("p", { key: '1fae910be7ea1e55253e08f50d0d064e20eaac91' }, this.notice.message))));
|
|
11799
11819
|
}
|
|
11800
11820
|
static get watchers() { return {
|
|
11801
11821
|
"notice": ["onUpdatedNotice"]
|
|
@@ -11819,7 +11839,7 @@ const Notifier = class {
|
|
|
11819
11839
|
this.notices = [...this.notices.filter(n => n != event.detail)];
|
|
11820
11840
|
}
|
|
11821
11841
|
render() {
|
|
11822
|
-
return (h(Host, { key: '
|
|
11842
|
+
return (h(Host, { key: '25e53ef1a4d48669cda0a254c63dbc439726a4c4' }, h("slot", { key: '6bed9d295489eedbe95ce62a03cd535059ffcdef' }), h("div", { key: 'dc788339a0295b6ac649c26072638b510165524d', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
|
|
11823
11843
|
}
|
|
11824
11844
|
};
|
|
11825
11845
|
Notifier.style = SmoothlyNotifierStyle0;
|
|
@@ -11835,9 +11855,9 @@ const SmoothlySpinner = class {
|
|
|
11835
11855
|
}
|
|
11836
11856
|
render() {
|
|
11837
11857
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
11838
|
-
return (h(Host, { key: '
|
|
11858
|
+
return (h(Host, { key: 'db702a6ff6bcd18b4fd92240cf2f33fa1a92e773', style: {
|
|
11839
11859
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
11840
|
-
} }, h("svg", { key: '
|
|
11860
|
+
} }, h("svg", { key: 'e5162cf5e7fc56497f39fec5eb1459fbb5f7feb4', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'ba2b10a9860d03befc818a8f0529456fb06962cb', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
11841
11861
|
}
|
|
11842
11862
|
};
|
|
11843
11863
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -11858,7 +11878,7 @@ const SmoothlySummary = class {
|
|
|
11858
11878
|
}
|
|
11859
11879
|
}
|
|
11860
11880
|
render() {
|
|
11861
|
-
return (h("details", { key: '
|
|
11881
|
+
return (h("details", { key: '656532b655d792c24156ace59836ed5bbbea2fa1', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '72eed454a1a2e915e1fddcc6cca455b39ae7cefe' }, h("smoothly-icon", { key: 'b5b910c2617888ec9cb1c620e5fc6b2ae36ef121', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: 'f899d029a7efc1a36aa3afc8f01ca35819c56e9a', name: "summary" })), h("slot", { key: 'e9b8f59e6c8809f74290194f9f5dd2ac35d2bc29', name: "content" })));
|
|
11862
11882
|
}
|
|
11863
11883
|
};
|
|
11864
11884
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -11907,7 +11927,7 @@ const SmoothlyTab = class {
|
|
|
11907
11927
|
}
|
|
11908
11928
|
}
|
|
11909
11929
|
render() {
|
|
11910
|
-
return (h(Host, { key: '
|
|
11930
|
+
return (h(Host, { key: 'd31592213d31a468c740871ff51a025f5e9c6d98' }, h("div", { key: '6dfcc5a165ce0d6f8d6251cc324cd163c0c15701', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'a0cbd3f5444a949e127bb936be362bdb5f8e894d', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: 'a894422db97336761d42f956805bc8a75cbb2ae2', hidden: !this.open }, h("slot", { key: 'b994a23ff94bf9d16393fc77084825eafe8a32e6' }))));
|
|
11911
11931
|
}
|
|
11912
11932
|
get element() { return getElement(this); }
|
|
11913
11933
|
static get watchers() { return {
|
|
@@ -11931,7 +11951,7 @@ const SmoothlyTable = class {
|
|
|
11931
11951
|
event.stopPropagation();
|
|
11932
11952
|
}
|
|
11933
11953
|
render() {
|
|
11934
|
-
return (h(Host, { key: '
|
|
11954
|
+
return (h(Host, { key: '676990cd922404cf48220687caf56f92a95bb7df', style: { "--columns": this.columns.toString() } }, h("slot", { key: '409adfae56be1870929358aa174eba150a25bfaa' })));
|
|
11935
11955
|
}
|
|
11936
11956
|
};
|
|
11937
11957
|
SmoothlyTable.style = SmoothlyTableStyle0;
|
|
@@ -11944,7 +11964,7 @@ const SmoothlyTableBody = class {
|
|
|
11944
11964
|
registerInstance(this, hostRef);
|
|
11945
11965
|
}
|
|
11946
11966
|
render() {
|
|
11947
|
-
return (h(Host, { key: '
|
|
11967
|
+
return (h(Host, { key: 'ea2c8974b36285804e22594f210d0aafed868ab8' }, h("slot", { key: '94a9f2e944cb1844c10e5e4af0063f0998ae6c21' })));
|
|
11948
11968
|
}
|
|
11949
11969
|
};
|
|
11950
11970
|
SmoothlyTableBody.style = SmoothlyTableBodyStyle0;
|
|
@@ -11959,7 +11979,7 @@ const SmoothlyTableCell = class {
|
|
|
11959
11979
|
}
|
|
11960
11980
|
render() {
|
|
11961
11981
|
var _a;
|
|
11962
|
-
return (h(Host, { key: '
|
|
11982
|
+
return (h(Host, { key: 'b349520506057a78b00279d9a7f38473a94a978a', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '960a4a8e7dccab667961506a2f9369a4e0bc470c' })));
|
|
11963
11983
|
}
|
|
11964
11984
|
};
|
|
11965
11985
|
SmoothlyTableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -11972,7 +11992,7 @@ const SmoothlyTableDemo = class {
|
|
|
11972
11992
|
registerInstance(this, hostRef);
|
|
11973
11993
|
}
|
|
11974
11994
|
render() {
|
|
11975
|
-
return (h(Host, { key: '
|
|
11995
|
+
return (h(Host, { key: '4233a67a671728bcb825e9c39bf585ad9c14809d' }, h("smoothly-table-demo-filler-row", { key: 'a4b1151ef192f0d6eb86f51b9e5ee1ccfee3ef7b' }), h("smoothly-table-demo-group", { key: '9ae859258f3011661eafd08815d62beb6c2d7a71' }), h("smoothly-table-demo-colspan", { key: '97f708df9eed1c196de23c8bee7f5ba20af45a0c' }), h("smoothly-table-demo-simple", { key: '79d2512389d22929913c5e568b89abd429e26e44' }), h("smoothly-table-demo-nested-no-cell", { key: '3944d3ffa104e64ea4cdd1367284b99abed485b7' }), h("smoothly-table-demo-filtered", { key: 'fac919f7e05b195d1962a30f9ab91d79bca8ea59' })));
|
|
11976
11996
|
}
|
|
11977
11997
|
};
|
|
11978
11998
|
SmoothlyTableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -11985,7 +12005,7 @@ const SmoothlyTableDemoColspan = class {
|
|
|
11985
12005
|
registerInstance(this, hostRef);
|
|
11986
12006
|
}
|
|
11987
12007
|
render() {
|
|
11988
|
-
return (h(Host, { key: '
|
|
12008
|
+
return (h(Host, { key: 'fff7b4cb91b1f9b0e6534666a84a2ea28c269310' }, h("smoothly-table", { key: '4ddff78ef850a69b7e0cc7bcfec6f8174c11c914', columns: 3 }, h("smoothly-table-head", { key: 'ab6863e67f5d10fa589e03f91777bcb14fe8ce4e' }, h("smoothly-table-row", { key: '59f589f45581a84b7a438f183ca8a67c1df140d1' }, h("smoothly-table-cell", { key: '583bf167c1def4d301e8348a5fa50b6fdfdc0e94' }, "Date"), h("smoothly-table-cell", { key: 'e9f01b05874f41d929466292261c3769a5da4446' }, "Skip"), h("smoothly-table-cell", { key: '1d2fa708369e2a48fa44aadf188e24e72519c0f6' }, "Total"))), h("smoothly-table-body", { key: '4480d442f17ab3272473576fd006b516679ba74c' }, h("smoothly-table-row", { key: '1f5761800165248dc09cd748f256f27924bb456f' }, h("smoothly-table-cell", { key: '97224720b11bb6ede655ce803e341fc85baf86bc', span: 2 }, h("smoothly-display", { key: '194f5e0a678d14248c474c1c0ffd7478ed9ffaae', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '1bdaeb35ee09362fe75f022311e5643e34f52db1' }, h("smoothly-display", { key: 'b582e4561a2eb4f2cbe22be2e083d90e146dc183', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '837006088b86dd7ef032e0c7a5753e3d64f6a1ba' }, h("smoothly-table-expandable-cell", { key: 'b7b6019430bbdeca619eafef1dd6b9442c87ef5d', span: 2 }, h("smoothly-display", { key: '88b8d3e5a75c3a958e879d23b7f9e413fba47da4', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'fcb63742e4d64bd2a38f0337412e045bedbf39ed', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '240131b49a8b7521004a7a95737366ebb1bdda20' }, h("smoothly-display", { key: '4aad0bf2cbf412e075f766e10d40c5758a048be2', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'c53342cf39d624907d06c540afa90fb5646d360f', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '7e6f015b0e0794f403e8d5c8895aaae682bf6bb8' }, h("smoothly-table-cell", { key: 'bd245690132ffc224cf1e3bb816dcc5a78203ce6' }, h("smoothly-display", { key: '286f1a6ab76766ba8f572aa332ad95fd20273315', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '81ed56ba532993dbd457df465c3ea37c4c827c31' }, "Not Skipped"), h("smoothly-table-cell", { key: 'abd4bcd79701b87d36266387299db43d88773bf9' }, h("smoothly-display", { key: 'f5a50eeccb0ee32593ba953447fb73ba5900f0ea', type: "price", value: 320, currency: "EUR" })))))));
|
|
11989
12009
|
}
|
|
11990
12010
|
};
|
|
11991
12011
|
SmoothlyTableDemoColspan.style = SmoothlyTableDemoColspanStyle0;
|
|
@@ -12004,7 +12024,7 @@ const SmoothlyTableDemoFillerRow = class {
|
|
|
12004
12024
|
}, 3000);
|
|
12005
12025
|
}
|
|
12006
12026
|
render() {
|
|
12007
|
-
return (h(Host, { key: '
|
|
12027
|
+
return (h(Host, { key: '17a220a0ea37578573d2532ac64e21590839cdd2' }, h("smoothly-display", { key: '7e800297cd73ceed94d928ba259c5a9d4eb70350', type: "text", value: "Filler row" }), h("smoothly-table", { key: '453f06abcfd482c5ffae7cf42fb510503205798e', color: "primary", columns: 4 }, h("smoothly-table-head", { key: 'eca5f7c566ed5fabcd794856b6d4c88f3c1e218c' }, h("smoothly-table-row", { key: '2296af99c98c5aed2c2015f630743c2a06346b2a' }, h("smoothly-table-cell", { key: '3acd97b05e0598adf9b1c168a02c51a71a0901dc' }, "Breed"), h("smoothly-table-cell", { key: 'ecf66c5063fc3b3e51ded23ff0cc95804bbcfd60' }, "Country"), h("smoothly-table-cell", { key: 'ba6db28368d1c7e2a8ca7fc326d64fb05a3d5524' }, "Coat"), h("smoothly-table-cell", { key: '47d711b8b459884b9e319b412f215e8d11673575' }, "Origin"))), h("smoothly-table-body", { key: '2b3e2c185036029fd330adc9272b69f1f1167c2b' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
|
|
12008
12028
|
}
|
|
12009
12029
|
};
|
|
12010
12030
|
SmoothlyTableDemoFillerRow.style = SmoothlyTableDemoFillerRowStyle0;
|
|
@@ -12076,18 +12096,18 @@ const TableDemoFiltered = class {
|
|
|
12076
12096
|
}
|
|
12077
12097
|
render() {
|
|
12078
12098
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12079
|
-
return (h(Host, { key: '
|
|
12099
|
+
return (h(Host, { key: 'c17dfa504eb6da9d55ca3faefbb939e205e576dc' }, h("smoothly-display", { key: '0346275c6e0c788318bbeea532d6d0e62f89471b', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '60932eb8b56d569f3deb5aefddacf933f60cec14' }, h("smoothly-filter-toggle", { key: '86067684d7dae87ad332f379b161e2cb5a6d4974', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'c6b53af97218f61df526fba4540f0119560b6bd1', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '9513d102b67ebd2645f3ddcca646bd5a5f74962d', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '7e811e0c5c34d620d906f410396ca3802d70344f', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '2283fbe2db0238ce81837fd8056ded22f3968016', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12080
12100
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12081
12101
|
var _a;
|
|
12082
12102
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12083
|
-
})), h("div", { key: '
|
|
12103
|
+
})), h("div", { key: 'df1913243aea481ffd77293833cba7c9898973b7', slot: "detail" }, h("smoothly-form", { key: '69e4574ff214ac51c7adf5411c6eca1d5a1b550a', looks: "border" }, h("smoothly-filter-select", { key: '743a1dde796abb94d5dbfcbb77b9f6a3130af8af', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12084
12104
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12085
12105
|
var _a;
|
|
12086
12106
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12087
|
-
})), h("smoothly-filter-select", { key: '
|
|
12088
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '
|
|
12107
|
+
})), h("smoothly-filter-select", { key: '319fb71c26845ef2c37afb42e3634c9a4bc4ad62', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12108
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '0db333307aaac5fe3d8cdfac849389feead95c00', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12089
12109
|
.flat()
|
|
12090
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '
|
|
12110
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: 'b358bc8a8377058d1404ec6a9201c729e172706c', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '15acf410163142d187b6de4d6f4e5e57bce48f18', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", { columns: 4 }, h("smoothly-table-head", null, h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cats)), h("smoothly-table-cell", null, "Breed"), h("smoothly-table-cell", null, "Coat"), h("smoothly-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-foot", null, h("smoothly-table-row", null, h("smoothly-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
12091
12111
|
}
|
|
12092
12112
|
};
|
|
12093
12113
|
const names = {
|
|
@@ -12106,7 +12126,7 @@ const SmoothlyTableDemoGroup = class {
|
|
|
12106
12126
|
registerInstance(this, hostRef);
|
|
12107
12127
|
}
|
|
12108
12128
|
render() {
|
|
12109
|
-
return (h(Host, { key: '
|
|
12129
|
+
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 }))))));
|
|
12110
12130
|
}
|
|
12111
12131
|
};
|
|
12112
12132
|
SmoothlyTableDemoGroup.style = SmoothlyTableDemoGroupStyle0;
|
|
@@ -13054,7 +13074,7 @@ const SmoothlyTableDemoNestedNoCell = class {
|
|
|
13054
13074
|
this.loadedRows = [];
|
|
13055
13075
|
}
|
|
13056
13076
|
render() {
|
|
13057
|
-
return (h(Host, { key: '
|
|
13077
|
+
return (h(Host, { key: 'f743ad4fa932389aa757b64f1a93b0b912937201' }, h("smoothly-display", { key: '88117a8d3029fc651b84d3390200b4bb6af68acd', type: "text", value: "Nested" }), h("smoothly-table", { key: '6e84a37a5075f5735f253e52998f598a956c07b2', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '997a5d34b1785be5d4af5b4d7336ee0ff6a0c4b4' }, h("smoothly-table-row", { key: 'c5923e1b47409ac8100f85bbc40f67f5ab586eb4' }, h("div", { key: 'fb8dbea658790f87ab9402c2ab3f1d98816dbf74', class: "smoothly-table-cell" }, "Id"), h("div", { key: '8fb3ad08539c5c141698e608e7ca34e7b45b8074', class: "smoothly-table-cell" }, "Registered"), h("div", { key: '693a6a66de8852e0266d97f21cce13d473942880', class: "smoothly-table-cell" }, "Name"), h("div", { key: '0d409db45d430cbfa86bd1f174349fdf2f0b038c', class: "smoothly-table-cell" }, "Age"), h("div", { key: '35560abba4ed3b747a21d4a135e678f37f6f094d', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '629694055e6b74f28de6f92aec044f969f84ce2d', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '9979cc86e76a727bdf15712c592c1baf4aeaa749', class: "smoothly-table-cell" }, "Gender"), h("div", { key: 'eb0ed67fe639e9f1b87d3dcbf6c23b024e64f41a', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '32fdb5152c0e8288b747b1fa327522988077d990' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
|
|
13058
13078
|
if (event.detail) {
|
|
13059
13079
|
this.loadingIndex = index;
|
|
13060
13080
|
setTimeout(() => {
|
|
@@ -13062,7 +13082,7 @@ const SmoothlyTableDemoNestedNoCell = class {
|
|
|
13062
13082
|
this.loadedRows = [...this.loadedRows, index];
|
|
13063
13083
|
}, 1500);
|
|
13064
13084
|
}
|
|
13065
|
-
} }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '
|
|
13085
|
+
} }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '6c45f3549b093575f363508d297a85392626eb84' }, h("smoothly-table-row", { key: 'eca6e4ea41ca7f7f940c6e88e8d2f19c94ce2d6b' }, h("div", { key: '40be105579e27cd136d400322541986960661396', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: 'b58943f521a5830ce06a61451b44be65f1c3fa1f', class: "smoothly-table-cell" }, "Footer Cell"))))));
|
|
13066
13086
|
}
|
|
13067
13087
|
};
|
|
13068
13088
|
SmoothlyTableDemoNestedNoCell.style = SmoothlyTableDemoNestedNoCellStyle0;
|
|
@@ -13077,7 +13097,7 @@ const SmoothlyTableDemoNestedNoCellInner = class {
|
|
|
13077
13097
|
}
|
|
13078
13098
|
render() {
|
|
13079
13099
|
var _a;
|
|
13080
|
-
return (h(Host, { key: '
|
|
13100
|
+
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))))))));
|
|
13081
13101
|
}
|
|
13082
13102
|
};
|
|
13083
13103
|
SmoothlyTableDemoNestedNoCellInner.style = SmoothlyTableDemoNestedNoCellInnerStyle0;
|
|
@@ -13090,7 +13110,7 @@ const SmoothlyTableDemoSimple = class {
|
|
|
13090
13110
|
registerInstance(this, hostRef);
|
|
13091
13111
|
}
|
|
13092
13112
|
render() {
|
|
13093
|
-
return (h(Host, { key: '
|
|
13113
|
+
return (h(Host, { key: 'c99855fc3fec0e6371646b9d80dc6eb2f760fb83' }, h("smoothly-display", { key: '22cdb066e81b4f540a4a24ea99873f07cfc170a9', type: "text", value: "Simple" }), h("smoothly-table", { key: '3c33a7953a3df9f56a2951f40c9b53cbbed6fc02', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'ab6150ee720f5c273e21753fed8d4751af7a5e0f' }, h("smoothly-table-row", { key: 'bfd605db0b18259502269fb51987d50f0c3d2d50' }, h("smoothly-table-cell", { key: 'e7dc419016eb52dff933d3a0c19cc4cb27fdee2e' }, "Breed"), h("smoothly-table-cell", { key: 'e48793414b8b297a1acbf90a6f330eb7eeec06df' }, "Coat"))), h("smoothly-table-body", { key: 'ef558b94597c6c877805915028f28d7a315767d6' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '5752d6771454b173b03ac739d3d128407a8c4c2b' }, h("smoothly-table-cell", { key: '106810827a56ef840877800ea0dba288b26d39f5' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '82f0d1747ce5e4bf301443d9f8a5a075db66680d' }, "Expandable Cell", h("div", { key: '181300e4babb084141eed0221307063f5a10f8ce', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ce1c0e3e7e43c312909b8d0ab07a4602db8ffd9d' }, h("smoothly-table-expandable-cell", { key: '6ebeef928d144ceb0c1db7edafb31086c766541d' }, "Expandable Cell 1", h("div", { key: 'ae4d2e6fb56b8663bc2a5e3deaa25d3523f2f418', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '85dfa36b36937c1a536ab4a50bc211d78bd02982' }, "Expandable Cell 2", h("div", { key: '076bb7f5b32b66aa3fc5dfae5dfa0da0f95abc41', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: 'aea875642f14051e65608f9d35ee870665912324' }, h("smoothly-table-row", { key: '3cf05bce8534cb4928497bcf40fb305a5a2c7f22' }, h("smoothly-table-cell", { key: 'eaed1416729eaa03d199521e88ef118843f7d5ef' }, "Footer Cell"), h("smoothly-table-cell", { key: '9fd80d51685942d1718b023855546ffab5155020' }, "Footer Cell"))))));
|
|
13094
13114
|
}
|
|
13095
13115
|
};
|
|
13096
13116
|
const cats = [
|
|
@@ -13198,7 +13218,7 @@ const SmoothlyTableExpandableCell = class {
|
|
|
13198
13218
|
}
|
|
13199
13219
|
render() {
|
|
13200
13220
|
var _a;
|
|
13201
|
-
return (h(Host, { key: '
|
|
13221
|
+
return (h(Host, { key: '89f8c80be23c3ef25cf64626b530daf3ca71bc94', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'fc322d0c018c8ffb9cbbcc1a419fc167ec906d97', class: "content" }, h("slot", { key: '5d08869de737b9f2228644f4c83dc12d2ce865c3' })), h("div", { key: '5564060f598ab803621f47b844d40ee8f65c0407', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: '291b9e069dbb424241d03475d1ff5d32d8611265', name: "detail" }))));
|
|
13202
13222
|
}
|
|
13203
13223
|
static get watchers() { return {
|
|
13204
13224
|
"open": ["openChange"]
|
|
@@ -13228,7 +13248,7 @@ const SmoothlyTableExpandableRow = class {
|
|
|
13228
13248
|
this.smoothlyTableExpandableRowChange.emit(this.open);
|
|
13229
13249
|
}
|
|
13230
13250
|
render() {
|
|
13231
|
-
return (h(Host, { key: '
|
|
13251
|
+
return (h(Host, { key: 'ae27b65b5ebf518c5afba7d78ec3b5be5d83c0e3', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'c884d562c7fc983afb22d72eb8558fb9e438a371' }), h("div", { key: 'bedb61aef7a4896998fe7407085640ca48e88cf0', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: 'f1d5a85b14fb7fe04cf86b4a90d3f90df314cfa5', name: "detail" }))));
|
|
13232
13252
|
}
|
|
13233
13253
|
static get watchers() { return {
|
|
13234
13254
|
"open": ["openChange"]
|
|
@@ -13244,7 +13264,7 @@ const SmoothlyTableFillerRow = class {
|
|
|
13244
13264
|
registerInstance(this, hostRef);
|
|
13245
13265
|
}
|
|
13246
13266
|
render() {
|
|
13247
|
-
return (h("smoothly-table-row", { key: '
|
|
13267
|
+
return (h("smoothly-table-row", { key: '4167d8ee6c601f3021f9f16b60b6d9d94c0062f4' }, h("smoothly-table-cell", { key: 'c21663348f18589fde98a49b958c7dc806f41e79' }, h("slot", { key: '1d3b3bb97f5dee010137cc11fb7b649803f058e1' }))));
|
|
13248
13268
|
}
|
|
13249
13269
|
};
|
|
13250
13270
|
SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
|
|
@@ -13257,7 +13277,7 @@ const SmoothlyTableFoot = class {
|
|
|
13257
13277
|
registerInstance(this, hostRef);
|
|
13258
13278
|
}
|
|
13259
13279
|
render() {
|
|
13260
|
-
return (h(Host, { key: '
|
|
13280
|
+
return (h(Host, { key: '1dd7289e3e76a48407ef11d6d3b92d429cedd64f' }, h("slot", { key: 'ee797c439d814b0a3493210f0cd0250a5ad8047e' })));
|
|
13261
13281
|
}
|
|
13262
13282
|
};
|
|
13263
13283
|
SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
|
|
@@ -13305,10 +13325,10 @@ const SmoothlyTableHead = class {
|
|
|
13305
13325
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
13306
13326
|
}
|
|
13307
13327
|
render() {
|
|
13308
|
-
return (h(Host, { key: '
|
|
13328
|
+
return (h(Host, { key: '1d7bcc6b6d956cffbce140b0e5a55b31204669b0', class: { scrolled: !!this.scrolled }, style: {
|
|
13309
13329
|
"--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
|
|
13310
13330
|
"--z-index": `${10 - this.depth}`,
|
|
13311
|
-
} }, h("slot", { key: '
|
|
13331
|
+
} }, h("slot", { key: '7689c49aa7aa644d3a25832db59e7a18997b89d3' })));
|
|
13312
13332
|
}
|
|
13313
13333
|
get element() { return getElement(this); }
|
|
13314
13334
|
};
|
|
@@ -13332,7 +13352,7 @@ const SmoothlyTableRow = class {
|
|
|
13332
13352
|
event.target != cell && cell.close();
|
|
13333
13353
|
}
|
|
13334
13354
|
render() {
|
|
13335
|
-
return (h(Host, { key: '
|
|
13355
|
+
return (h(Host, { key: 'e979f7865c70c57cca20e92a2eeb885b645a9093' }, h("slot", { key: 'b9c3f0e6bcc0fef14222a91fffa36c25deabc442' })));
|
|
13336
13356
|
}
|
|
13337
13357
|
};
|
|
13338
13358
|
SmoothlyTableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -13356,7 +13376,7 @@ const SmoothlyTableRowGroup = class {
|
|
|
13356
13376
|
}
|
|
13357
13377
|
}
|
|
13358
13378
|
render() {
|
|
13359
|
-
return (h(Host, { key: '
|
|
13379
|
+
return (h(Host, { key: '9e1c8fe977b3e266f23b85695dcb601057f91a33' }, h("div", { key: '5d6460af1040f83a587999fcceb98ef020e80484', onClick: () => this.clickHandler() }, h("div", { key: '8b550d4861e9ac49b43e7e5880bdbe434f3136c4' }, h("slot", { key: 'bbd98fb7c3fb439cf031ba9a3f312b7ca016e3af', name: "start" })), h("div", { key: '8788b7577b46595c33ace06ae055ca9102c29383' }, h("slot", { key: '69810f90d90c7c5ad7877a148437282fc1ce7c28', name: "end" }))), h("div", { key: 'f9c559b24a2313014fbe92c5326c58411f88a2df' }, h("slot", { key: '1ec4f51d93056da1a158d3b1dc8194cb70e0817e' }))));
|
|
13360
13380
|
}
|
|
13361
13381
|
};
|
|
13362
13382
|
SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
|
|
@@ -13427,7 +13447,7 @@ const SmoothlyTabsDemo = class {
|
|
|
13427
13447
|
this.extraTab2 = undefined;
|
|
13428
13448
|
}
|
|
13429
13449
|
render() {
|
|
13430
|
-
return (h(Host, { key: '
|
|
13450
|
+
return (h(Host, { key: '4fa694eb4fa716e06b64c8590e09958272a9ab25' }, h("div", { key: 'dcbce7da10a2e47bdb0bfa449c22c5f43c2431c9' }, h("smoothly-button", { key: '46be7da6001609bb1f7070b88c344ea69cdb5bda', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'd2c9b72129d4069bebb91c3552dee6764fbda733', tabs: "multiple" }, h("smoothly-tab", { key: '30f72a2d166f46df13acee919581123eb6e6d6f4', label: "Single Tab", open: true }, h("strong", { key: 'da0641f92f33685db45fd413f0271490baa2b8cf' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '4887c46edd2596478647f994a5e39762646221a4' }, "tabs"), " to", " ", h("code", { key: '234714fd92f9af375786e7aa8f3b381ec071fbcc' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'bb95da6e696adf198f3553ed2bbac605cab78632', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '61bf6804a1755733bcb908596037876e04a07f66' }, h("smoothly-button", { key: 'da489111477ccd32ac5c37260cc07f8bcb752379', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3443afb10a2907b33d2aa6bb56ab694ada67f433' }, h("smoothly-tab", { key: 'b308816502269294dc3638858499759e23b9eea9', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: 'c411fde7f9b7b3aed669a087f3c5b8c1b9f9e170', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '2aefef461778c8833b12a10906013b8fee29b8a2', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '3eb43d060c244ca3fd0dc953a26d258935640d47', label: "test-extra" }, "this is a test message!"))));
|
|
13431
13451
|
}
|
|
13432
13452
|
};
|
|
13433
13453
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -13441,7 +13461,7 @@ const SmoothlyThemeColor = class {
|
|
|
13441
13461
|
this.color = undefined;
|
|
13442
13462
|
}
|
|
13443
13463
|
render() {
|
|
13444
|
-
return (h(Host, { key: '
|
|
13464
|
+
return (h(Host, { key: '77b0f0369453745d0d109f3a299d08d8e1ce8442' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
13445
13465
|
}
|
|
13446
13466
|
};
|
|
13447
13467
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -13493,7 +13513,7 @@ const SmoothlyThemeDemo = class {
|
|
|
13493
13513
|
registerInstance(this, hostRef);
|
|
13494
13514
|
}
|
|
13495
13515
|
render() {
|
|
13496
|
-
return (h(Host, { key: '
|
|
13516
|
+
return (h(Host, { key: '7451ab5c93386dae72c86f7d74012a0c0f853da2' }, h("h2", { key: 'ef43661a77a8aca2044550cccf161b8307665b19' }, "Theme"), h("smoothly-theme-picker", { key: 'fec5857ab9ba1d857d803eb2de6ed59ffd3e6641' }, h("smoothly-item", { key: '5999484e94f4acf029c5bff3cc3851001b68cfa2', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'daf2f62d8a9d23fc172222c557edca4e5d5dc16d', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'aacf2b92a1b6147c05b4c9394dc0f1cb081a1ccf', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '906d35aa8f77f8af08b2b742040043681c66d594', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'ba1d6137500b6c8c14fa40093fb53e6667f2f112', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '2946f06b773ad0d62517a0078bb62e9c8ae4b2b6', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '18fdb462252e6d0d5b71aaed284c1e303523ec64', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '044079c3603138588ba75128a789b9086dac4fa3', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '511df7909fecb247be9571fdd84edcec0f9e91fc', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: 'fd42bb5ed9d5b937aaf0c5e9fa9f3a177f0f91c4' }, h("smoothly-theme-colors", { key: '8076c36fbb43026a70242f22646a8bdc78340b51' }), h("smoothly-theme-guide", { key: '5d1bcf290609a3d213776a93f754153beb9f39aa' })), h("smoothly-button", { key: '430a9deed5f6e238dffbc69fcbd14f6c34a42063', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '886537bfa3a99ca26b60ea29e42bf03e11efcab5', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '497f3ff4ce9715878f41467d8e8b85d48403b0cb', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'e361281cf646a1a3fc498bc5847baeabd82f755d', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
13497
13517
|
}
|
|
13498
13518
|
};
|
|
13499
13519
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -13507,14 +13527,14 @@ const SmoothlyThemeColors = class {
|
|
|
13507
13527
|
}
|
|
13508
13528
|
render() {
|
|
13509
13529
|
return [
|
|
13510
|
-
h("smoothly-display", { key: '
|
|
13511
|
-
h("br", { key: '
|
|
13512
|
-
h("smoothly-display", { key: '
|
|
13513
|
-
h("br", { key: '
|
|
13514
|
-
h("smoothly-display", { key: '
|
|
13515
|
-
h("br", { key: '
|
|
13516
|
-
h("smoothly-display", { key: '
|
|
13517
|
-
h("br", { key: '
|
|
13530
|
+
h("smoothly-display", { key: '15730333273f2e99fe4598198998e19a2f8341ae' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
13531
|
+
h("br", { key: 'dff19e6b62d06a0d036809080efb127bdb12312c' }),
|
|
13532
|
+
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."),
|
|
13533
|
+
h("br", { key: 'a882aa9fcb3477ed458e42d2c1977bf25e9a7f83' }),
|
|
13534
|
+
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."),
|
|
13535
|
+
h("br", { key: '802a92c194f58ebe7fea68927157d0170d525670' }),
|
|
13536
|
+
h("smoothly-display", { key: '6ff8e909be0e78b5b5a36aed16f74ed06f284cb2' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
13537
|
+
h("br", { key: '16c0ca00335edef7973e6d62c895f9828bee059b' }),
|
|
13518
13538
|
];
|
|
13519
13539
|
}
|
|
13520
13540
|
};
|
|
@@ -13529,11 +13549,11 @@ const SmoothlyThemePicker = class {
|
|
|
13529
13549
|
this.element = "smoothly-css";
|
|
13530
13550
|
}
|
|
13531
13551
|
render() {
|
|
13532
|
-
return (h(Host, { key: '
|
|
13552
|
+
return (h(Host, { key: '7ddcbce1474a5de63437998dae9865a418fdd54b' }, h("smoothly-input-select", { key: '894edccf3a17c049543a40d3a2562d2ce36eeafb', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
13533
13553
|
const element = document.querySelector(`#${this.element}`);
|
|
13534
13554
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
13535
13555
|
element.href = e.detail.theme;
|
|
13536
|
-
} }, h("label", { key: '
|
|
13556
|
+
} }, h("label", { key: 'cb762c5912febad481e1b7199feb0a8fdeb922a2', slot: "label" }, "Select theme"), h("slot", { key: '2d09322657635a5a5ef723819ff21582058f5444' }))));
|
|
13537
13557
|
}
|
|
13538
13558
|
};
|
|
13539
13559
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -13557,7 +13577,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
13557
13577
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
13558
13578
|
}
|
|
13559
13579
|
render() {
|
|
13560
|
-
return (h(Host, { key: '
|
|
13580
|
+
return (h(Host, { key: 'da31f221ad5671ab250527ecc8413c619298c62a' }, h("button", { key: '458de6af965fdbec9893a43c083149209bd64f10', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'af45d7b8218ec8bb5ac5a11966b0914831dd7740', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
13561
13581
|
}
|
|
13562
13582
|
};
|
|
13563
13583
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -13570,7 +13590,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
13570
13590
|
registerInstance(this, hostRef);
|
|
13571
13591
|
}
|
|
13572
13592
|
render() {
|
|
13573
|
-
return (h(Host, { key: '
|
|
13593
|
+
return (h(Host, { key: '081710ee7a4488163d637ce06607ebda926150ad' }, h("h4", { key: '0b9b9f910a3cd4eda8ff3a175934dcec269b0eda' }, "Toggle switches"), h("div", { key: 'dd4b27ad7ce49b9d28346ff4e393518d1bd027b6' }, h("p", { key: '20eeca506883a89a459885f5ff6da2493f7e3d1c' }, "Checkmark"), h("span", { key: 'ca7940d6b1396189e862f1768ee94f6e25004ba6' }, h("p", { key: '9f92afa1d9abb7d5eda9ce8453131616ca425ded' }, "Tiny"), h("smoothly-toggle-switch", { key: '68d2bff4575f62aabcc43752c4634ad3687c2eb5', disabled: false, size: "tiny" })), h("span", { key: '5b7fc72d7955176983161136cfe410bf0c0c0a57' }, h("p", { key: '3572d4b016da518cd243e785eeacaa960b50aa84' }, "Small"), h("smoothly-toggle-switch", { key: 'b0966253bed174b881a15a87aaa25042d905e247', disabled: false, size: "small" })), h("span", { key: '744e286ca1a7f18c2032befda541cc22abfb2c52' }, h("p", { key: '41b5705cf226d1cab3386146e1fe7ac82c7112e0' }, "Standard"), h("smoothly-toggle-switch", { key: '38bc5b03c250a349cde14776151275ac44e28cb0', disabled: false })), h("span", { key: '22d6650f34b946d51ce6df9371203d47860880b1' }, h("p", { key: 'fa78709dad96ff0dc950932c5c7c17d58e7a28e3' }, "Large"), h("smoothly-toggle-switch", { key: 'a23ecdffe4194cc3d8df12e3763a9ea1af41977b', disabled: false, size: "large" })), h("p", { key: 'b3b1e5b579062116a5efab127f1a017cbb32ae32' }, "Colors checkmark"), h("span", { key: '5a99cd90f02fa3dbe497760609c55fe2c83e378c' }, h("p", { key: '141e60d586a243e4561470452b580272487e984e' }, "Danger"), h("smoothly-toggle-switch", { key: '7355fddbba6de97931567ccd7c43b93bc44bd329', color: "danger", disabled: false, size: "small" })), h("span", { key: 'a021509a96580d9bd5aa73d2bc9f104fbc20f69e' }, h("p", { key: 'b3fd8e8b13de232b844b4b187bcef8ef8d8dd997' }, "Primary color"), h("smoothly-toggle-switch", { key: 'de48b365bde5442544b5c9f270171956821e9806', color: "primary", disabled: false, size: "small" })), h("span", { key: '73c740a72ca0786dbb0c2777be96524c31041613' }, h("p", { key: 'd3fa835560d58008ef33dcfe78306f54efdd9745' }, "Secondary color"), h("smoothly-toggle-switch", { key: '1f0d500ddf337299da5ad273cefdf524a6410597', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'b1f2065b0574136d179cefcfbf8bda7b1720cc90' }), h("p", { key: '06c52b61ed75bfdb4550f97619ba64216dc94f13' }, "Colors no checkmark"), h("span", { key: '65b5a51acd71542c50a260da8fd6de991744aefd' }, h("p", { key: 'ef932a4bea0bfc60b145535811249ddc474cdc8a' }, "Danger"), h("smoothly-toggle-switch", { key: '04d0cc2253b919ba04dd89b8576da6303d4e3a43', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'f46b836cb8353d96bf813511c9c704ec0f545e06' }, h("p", { key: '9531a41644f31dbe0e290be1a891994513ae9ab3' }, "Primary color"), h("smoothly-toggle-switch", { key: 'a4eb6b2916df4120ab5c800c7f4f57e1d62db3d3', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'bd3ec6352b828163c1cb66cfcbc4ff17c665c2d6' }, h("p", { key: '7697996e770f2a6a31e222353e138da63316a6c9' }, "Secondary color"), h("smoothly-toggle-switch", { key: '84ea0d529193dbfeaecf1ff64f3d45104dc00421', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
13574
13594
|
}
|
|
13575
13595
|
};
|
|
13576
13596
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -13601,7 +13621,7 @@ const SmoothlyTrigger = class {
|
|
|
13601
13621
|
result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
|
|
13602
13622
|
break;
|
|
13603
13623
|
case "button":
|
|
13604
|
-
result = (h("button", { key: '
|
|
13624
|
+
result = (h("button", { key: '114ccdb43cbeb09b7ac1489f345571f5573d0ebb', disabled: this.disabled, name: this.name }, h("slot", { key: '848fdeefab09de333ba365a8bd4d562898447c9c' })));
|
|
13605
13625
|
break;
|
|
13606
13626
|
}
|
|
13607
13627
|
return result;
|
|
@@ -13609,6 +13629,6 @@ const SmoothlyTrigger = class {
|
|
|
13609
13629
|
};
|
|
13610
13630
|
SmoothlyTrigger.style = SmoothlyTriggerStyle0;
|
|
13611
13631
|
|
|
13612
|
-
export { SmoothlyApp as smoothly_app, SmoothlyAppDemo as smoothly_app_demo, SmoothlyAppRoom as smoothly_app_room, SmoothlyBackToTop as smoothly_back_to_top, SmoothlyBurger as smoothly_burger, SmoothlyButton as smoothly_button, SmoothlyButtonConfirm as smoothly_button_confirm, SmoothlyButtonDemo as smoothly_button_demo, SmoothlyButtonDemoStandard as smoothly_button_demo_standard, Calendar as smoothly_calendar, SmoothlyInputDateRangeText as smoothly_date_text, SmoothlyDialog as smoothly_dialog, SmoothlyDialogDemo as smoothly_dialog_demo, SmoothlyDisplay as smoothly_display, SmoothlyDisplayDemo as smoothly_display_demo, SmoothlyDisplayDemoJson as smoothly_display_demo_json, SmoothlyDisplayJson as smoothly_display_json, SmoothlyDisplayJsonObject as smoothly_display_json_object, SmoothlyDisplayJsonPrimitive as smoothly_display_json_primitive, SmoothlyDisplayJsonRecordKey as smoothly_display_json_record_key, SmoothlyFilter as smoothly_filter, SmoothlyFilterField as smoothly_filter_field, SmoothlyFilterInput as smoothly_filter_input, SmoothlyFilterSelect as smoothly_filter_select, SmoothlyFilterToggle as smoothly_filter_toggle, SmoothlyForm as smoothly_form, SmoothlyFormDemo as smoothly_form_demo, SmoothlyFormDemoAll as smoothly_form_demo_all, SmoothlyFormDemoCard as smoothly_form_demo_card, SmoothlyFormDemoControlled as smoothly_form_demo_controlled, SmoothlyFormDemoDate as smoothly_form_demo_date, SmoothlyFormDemoDateRange as smoothly_form_demo_date_range, SmoothlyFormDemoLogin as smoothly_form_demo_login, SmoothlyFormDemoPet as smoothly_form_demo_pet, SmoothlyFormDemoPrices$1 as smoothly_form_demo_prices, SmoothlyFormDemoPrices as smoothly_form_demo_schedule, SmoothlyFormDemoTransparent as smoothly_form_demo_transparent, SmoothlyFormDemoTyped as smoothly_form_demo_typed, SmoothlyFrame as smoothly_frame, SmoothlyIcon as smoothly_icon, SmoothlyIconDemo as smoothly_icon_demo, SmoothlyInput as smoothly_input, SmoothlyInputCheckbox as smoothly_input_checkbox, SmoothlyInputClear as smoothly_input_clear, SmoothlyInputColor as smoothly_input_color, SmoothlyInputColorDemo as smoothly_input_color_demo, SmoothlyInputDate as smoothly_input_date, SmoothlyInputDateDemo as smoothly_input_date_demo, SmoothlyInputDateRange as smoothly_input_date_range, SmoothlyInputDateTime as smoothly_input_date_time, SmoothlyInputDemo as smoothly_input_demo, SmoothlyInputDemoStandard as smoothly_input_demo_standard, SmoothlyInputDemoUserInput as smoothly_input_demo_user_input, SmoothlyInputEdit as smoothly_input_edit, SmoothlyInputFile as smoothly_input_file, SmoothlyInputMonth as smoothly_input_month, SmoothlyInputPriceDemo as smoothly_input_price_demo, SmoothlyInputRadio as smoothly_input_radio, SmoothlyInputRadioItem as smoothly_input_radio_item, SmoothlyInputRange as smoothly_input_range, SmoothlyInputRangeDemo as smoothly_input_range_demo, SmoothlyInputReset as smoothly_input_reset, SmoothlyInputSelect as smoothly_input_select, SmoothlyInputSubmit as smoothly_input_submit, SmoothlyItem as smoothly_item, SmoothlyLabel as smoothly_label, SmoothlyLazy as smoothly_lazy, LoadMore as smoothly_load_more, SmoothlyModal as smoothly_modal, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlySpinner as smoothly_spinner, SmoothlySummary as smoothly_summary, SmoothlyTab as smoothly_tab, SmoothlyTable as smoothly_table, SmoothlyTableBody as smoothly_table_body, SmoothlyTableCell as smoothly_table_cell, SmoothlyTableDemo as smoothly_table_demo, SmoothlyTableDemoColspan as smoothly_table_demo_colspan, SmoothlyTableDemoFillerRow as smoothly_table_demo_filler_row, TableDemoFiltered as smoothly_table_demo_filtered, SmoothlyTableDemoGroup as smoothly_table_demo_group, SmoothlyTableDemoNestedNoCell as smoothly_table_demo_nested_no_cell, SmoothlyTableDemoNestedNoCellInner as smoothly_table_demo_nested_no_cell_inner, SmoothlyTableDemoSimple as smoothly_table_demo_simple, SmoothlyTableExpandableCell as smoothly_table_expandable_cell, SmoothlyTableExpandableRow as smoothly_table_expandable_row, SmoothlyTableFillerRow as smoothly_table_filler_row, SmoothlyTableFoot as smoothly_table_foot, SmoothlyTableHead as smoothly_table_head, SmoothlyTableRow as smoothly_table_row, SmoothlyTableRowGroup as smoothly_table_row_group, SmoothlyTabs as smoothly_tabs, SmoothlyTabsDemo as smoothly_tabs_demo, SmoothlyThemeColor as smoothly_theme_color, SmoothlyThemeColorVariant as smoothly_theme_color_variant, SmoothlyThemeColors$1 as smoothly_theme_colors, SmoothlyThemeDemo as smoothly_theme_demo, SmoothlyThemeColors as smoothly_theme_guide, SmoothlyThemePicker as smoothly_theme_picker, SmoothlyToggleSwitch as smoothly_toggle_switch, SmoothlyToggleSwitchDemo as smoothly_toggle_switch_demo, SmoothlyTrigger as smoothly_trigger };
|
|
13632
|
+
export { SmoothlyApp as smoothly_app, SmoothlyAppDemo as smoothly_app_demo, SmoothlyAppRoom as smoothly_app_room, SmoothlyBackToTop as smoothly_back_to_top, SmoothlyBurger as smoothly_burger, SmoothlyButton as smoothly_button, SmoothlyButtonConfirm as smoothly_button_confirm, SmoothlyButtonDemo as smoothly_button_demo, SmoothlyButtonDemoStandard as smoothly_button_demo_standard, Calendar as smoothly_calendar, SmoothlyInputDateRangeText as smoothly_date_text, SmoothlyDialog as smoothly_dialog, SmoothlyDialogDemo as smoothly_dialog_demo, SmoothlyDisplay as smoothly_display, SmoothlyDisplayDemo as smoothly_display_demo, SmoothlyDisplayDemoJson as smoothly_display_demo_json, SmoothlyDisplayJson as smoothly_display_json, SmoothlyDisplayJsonObject as smoothly_display_json_object, SmoothlyDisplayJsonPrimitive as smoothly_display_json_primitive, SmoothlyDisplayJsonRecordKey as smoothly_display_json_record_key, SmoothlyFilter as smoothly_filter, SmoothlyFilterField as smoothly_filter_field, SmoothlyFilterInput as smoothly_filter_input, SmoothlyFilterSelect as smoothly_filter_select, SmoothlyFilterToggle as smoothly_filter_toggle, SmoothlyForm as smoothly_form, SmoothlyFormDemo as smoothly_form_demo, SmoothlyFormDemoAll as smoothly_form_demo_all, SmoothlyFormDemoCard as smoothly_form_demo_card, SmoothlyFormDemoControlled as smoothly_form_demo_controlled, SmoothlyFormDemoDate as smoothly_form_demo_date, SmoothlyFormDemoDateRange as smoothly_form_demo_date_range, SmoothlyFormDemoLogin as smoothly_form_demo_login, SmoothlyFormDemoPet as smoothly_form_demo_pet, SmoothlyFormDemoPrices$1 as smoothly_form_demo_prices, SmoothlyFormDemoPrices as smoothly_form_demo_schedule, SmoothlyFormDemoTransparent as smoothly_form_demo_transparent, SmoothlyFormDemoTyped as smoothly_form_demo_typed, SmoothlyFrame as smoothly_frame, SmoothlyIcon as smoothly_icon, SmoothlyIconDemo as smoothly_icon_demo, SmoothlyInput as smoothly_input, SmoothlyInputCheckbox as smoothly_input_checkbox, SmoothlyInputClear as smoothly_input_clear, SmoothlyInputColor as smoothly_input_color, SmoothlyInputColorDemo as smoothly_input_color_demo, SmoothlyInputDate as smoothly_input_date, SmoothlyInputDateDemo as smoothly_input_date_demo, SmoothlyInputDateRange as smoothly_input_date_range, SmoothlyInputDateTime as smoothly_input_date_time, SmoothlyInputDemo as smoothly_input_demo, SmoothlyInputDemoRadio as smoothly_input_demo_radio, SmoothlyInputDemoStandard as smoothly_input_demo_standard, SmoothlyInputDemoUserInput as smoothly_input_demo_user_input, SmoothlyInputEdit as smoothly_input_edit, SmoothlyInputFile as smoothly_input_file, SmoothlyInputMonth as smoothly_input_month, SmoothlyInputPriceDemo as smoothly_input_price_demo, SmoothlyInputRadio as smoothly_input_radio, SmoothlyInputRadioItem as smoothly_input_radio_item, SmoothlyInputRange as smoothly_input_range, SmoothlyInputRangeDemo as smoothly_input_range_demo, SmoothlyInputReset as smoothly_input_reset, SmoothlyInputSelect as smoothly_input_select, SmoothlyInputSubmit as smoothly_input_submit, SmoothlyItem as smoothly_item, SmoothlyLabel as smoothly_label, SmoothlyLazy as smoothly_lazy, LoadMore as smoothly_load_more, SmoothlyModal as smoothly_modal, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlySpinner as smoothly_spinner, SmoothlySummary as smoothly_summary, SmoothlyTab as smoothly_tab, SmoothlyTable as smoothly_table, SmoothlyTableBody as smoothly_table_body, SmoothlyTableCell as smoothly_table_cell, SmoothlyTableDemo as smoothly_table_demo, SmoothlyTableDemoColspan as smoothly_table_demo_colspan, SmoothlyTableDemoFillerRow as smoothly_table_demo_filler_row, TableDemoFiltered as smoothly_table_demo_filtered, SmoothlyTableDemoGroup as smoothly_table_demo_group, SmoothlyTableDemoNestedNoCell as smoothly_table_demo_nested_no_cell, SmoothlyTableDemoNestedNoCellInner as smoothly_table_demo_nested_no_cell_inner, SmoothlyTableDemoSimple as smoothly_table_demo_simple, SmoothlyTableExpandableCell as smoothly_table_expandable_cell, SmoothlyTableExpandableRow as smoothly_table_expandable_row, SmoothlyTableFillerRow as smoothly_table_filler_row, SmoothlyTableFoot as smoothly_table_foot, SmoothlyTableHead as smoothly_table_head, SmoothlyTableRow as smoothly_table_row, SmoothlyTableRowGroup as smoothly_table_row_group, SmoothlyTabs as smoothly_tabs, SmoothlyTabsDemo as smoothly_tabs_demo, SmoothlyThemeColor as smoothly_theme_color, SmoothlyThemeColorVariant as smoothly_theme_color_variant, SmoothlyThemeColors$1 as smoothly_theme_colors, SmoothlyThemeDemo as smoothly_theme_demo, SmoothlyThemeColors as smoothly_theme_guide, SmoothlyThemePicker as smoothly_theme_picker, SmoothlyToggleSwitch as smoothly_toggle_switch, SmoothlyToggleSwitchDemo as smoothly_toggle_switch_demo, SmoothlyTrigger as smoothly_trigger };
|
|
13613
13633
|
|
|
13614
|
-
//# sourceMappingURL=smoothly-
|
|
13634
|
+
//# sourceMappingURL=smoothly-app_104.entry.js.map
|