smoothly 1.2.1-alpha.47 → 1.2.1-alpha.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-app_107.cjs.entry.js → smoothly-app_109.cjs.entry.js} +272 -238
- package/dist/cjs/smoothly-app_109.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/button/Button.js +1 -1
- package/dist/collection/components/button/Button.js.map +1 -1
- package/dist/collection/components/button/index.js +3 -4
- package/dist/collection/components/button/index.js.map +1 -1
- package/dist/collection/components/form/demo/pet/index.js +1 -1
- package/dist/collection/components/form/demo/pet/index.js.map +1 -1
- package/dist/collection/components/form/demo/prices/index.js +1 -1
- package/dist/collection/components/form/demo/transparent/index.js +1 -1
- package/dist/collection/components/form/demo/typed/index.js +1 -1
- package/dist/collection/components/icon/demo/index.js +1 -1
- package/dist/collection/components/icon/index.js +1 -1
- package/dist/collection/components/input/checkbox/demo/index.js +1 -1
- package/dist/collection/components/input/checkbox/index.js +1 -1
- package/dist/collection/components/input/clear/index.js +1 -1
- package/dist/collection/components/input/color/demo/index.js +1 -1
- package/dist/collection/components/input/color/index.js +2 -2
- package/dist/collection/components/input/date/index.js +3 -3
- package/dist/collection/components/input/date/range/index.js +2 -2
- package/dist/collection/components/input/demo/index.js +5 -5
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js +1 -1
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/index.js +2 -2
- package/dist/collection/components/input/month/index.js +2 -2
- package/dist/collection/components/input/radio/index.js +1 -1
- package/dist/collection/components/input/radio/item/index.js +1 -1
- package/dist/collection/components/input/range/demo/index.js +1 -1
- package/dist/collection/components/input/range/index.js +4 -4
- package/dist/collection/components/input/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +3 -3
- package/dist/collection/components/input/submit/index.js +1 -1
- package/dist/collection/components/item/index.js +1 -1
- package/dist/collection/components/label/index.js +2 -2
- package/dist/collection/components/lazy/index.js +1 -1
- package/dist/collection/components/load-more/index.js +1 -1
- package/dist/collection/components/modal/index.js +1 -1
- package/dist/collection/components/next/demo/colspan/index.js +1 -1
- package/dist/collection/components/next/demo/fillerRow/filleRowDemo.js +32 -0
- package/dist/collection/components/next/demo/fillerRow/filleRowDemo.js.map +1 -0
- package/dist/collection/components/next/demo/fillerRow/style.css +9 -0
- package/dist/collection/components/next/demo/filtered/index.js +5 -5
- package/dist/collection/components/next/demo/group/index.js +1 -1
- package/dist/collection/components/next/demo/index.js +1 -1
- package/dist/collection/components/next/demo/index.js.map +1 -1
- package/dist/collection/components/next/demo/nested/index.js +1 -1
- package/dist/collection/components/next/demo/nested/inner/index.js +1 -1
- package/dist/collection/components/next/demo/simple/simple.js +1 -1
- package/dist/collection/components/next/table/body/index.js +1 -1
- package/dist/collection/components/next/table/cell/index.js +1 -1
- package/dist/collection/components/next/table/expandable/cell/index.js +1 -1
- package/dist/collection/components/next/table/expandable/row/index.js +1 -1
- package/dist/collection/components/next/table/fillerRow/index.js +19 -0
- package/dist/collection/components/next/table/fillerRow/index.js.map +1 -0
- package/dist/collection/components/next/table/fillerRow/style.css +3 -0
- package/dist/collection/components/next/table/foot/index.js +1 -1
- package/dist/collection/components/next/table/group/index.js +1 -1
- package/dist/collection/components/next/table/head/index.js +1 -1
- package/dist/collection/components/next/table/index.js +1 -1
- package/dist/collection/components/next/table/row/index.js +1 -1
- package/dist/collection/components/notification/index.js +1 -1
- package/dist/collection/components/notifier/index.js +2 -2
- package/dist/collection/components/spinner/index.js +2 -2
- package/dist/collection/components/submit/index.js +3 -4
- package/dist/collection/components/submit/index.js.map +1 -1
- package/dist/collection/components/summary/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +5 -5
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/testing/index.js +1 -1
- package/dist/collection/components/table/expandable/cell/index.js +1 -1
- package/dist/collection/components/table/expandable/row/index.js +1 -1
- package/dist/collection/components/table/footer/index.js +1 -1
- package/dist/collection/components/table/header/index.js +1 -1
- package/dist/collection/components/table/index.js +1 -1
- package/dist/collection/components/table/row/index.js +1 -1
- package/dist/collection/components/tabs/demo/index.js +1 -1
- package/dist/collection/components/tabs/index.js +1 -1
- package/dist/collection/components/tabs/tab/index.js +1 -1
- package/dist/collection/components/theme/color/index.js +1 -1
- package/dist/collection/components/theme/demo/index.js +1 -1
- package/dist/collection/components/theme/guide/index.js +8 -8
- package/dist/collection/components/theme/picker/index.js +2 -2
- package/dist/collection/components/toggle/index.js +1 -1
- package/dist/collection/components/toggle-switch/demo/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +1 -1
- package/dist/collection/components/trigger/index.js +1 -1
- package/dist/collection/components/trigger/sink/index.js +1 -1
- package/dist/collection/components/trigger/source/index.js +1 -1
- package/dist/components/{p-818a0ebe.js → p-00c5deff.js} +10 -10
- package/dist/components/{p-818a0ebe.js.map → p-00c5deff.js.map} +1 -1
- package/dist/components/{p-d602867f.js → p-017323e3.js} +13 -13
- package/dist/components/{p-d602867f.js.map → p-017323e3.js.map} +1 -1
- package/dist/components/{p-f64b103b.js → p-0b423141.js} +2 -2
- package/dist/components/{p-f64b103b.js.map → p-0b423141.js.map} +1 -1
- package/dist/components/{p-90e9aa1f.js → p-0d10cb58.js} +2 -2
- package/dist/components/{p-90e9aa1f.js.map → p-0d10cb58.js.map} +1 -1
- package/dist/components/{p-971ff797.js → p-0ea6c8fd.js} +23 -23
- package/dist/components/{p-971ff797.js.map → p-0ea6c8fd.js.map} +1 -1
- package/dist/components/{p-ff2e8b9f.js → p-1390a195.js} +21 -21
- package/dist/components/{p-ff2e8b9f.js.map → p-1390a195.js.map} +1 -1
- package/dist/components/{p-fe5eace5.js → p-172f7392.js} +4 -4
- package/dist/components/{p-fe5eace5.js.map → p-172f7392.js.map} +1 -1
- package/dist/components/{p-040802e2.js → p-192dca7c.js} +2 -2
- package/dist/components/{p-040802e2.js.map → p-192dca7c.js.map} +1 -1
- package/dist/components/{p-46e6dd30.js → p-19580a07.js} +2 -2
- package/dist/components/{p-46e6dd30.js.map → p-19580a07.js.map} +1 -1
- package/dist/components/{p-2b19c666.js → p-1cd836ca.js} +5 -5
- package/dist/components/{p-2b19c666.js.map → p-1cd836ca.js.map} +1 -1
- package/dist/components/{p-2c119537.js → p-1d427e55.js} +13 -13
- package/dist/components/{p-2c119537.js.map → p-1d427e55.js.map} +1 -1
- package/dist/components/p-1d44d3db.js +45 -0
- package/dist/components/p-1d44d3db.js.map +1 -0
- package/dist/components/p-1ff539de.js +123 -0
- package/dist/components/{p-f91c386e.js.map → p-1ff539de.js.map} +1 -1
- package/dist/components/{p-c47769b8.js → p-272d2d5a.js} +4 -4
- package/dist/components/{p-c47769b8.js.map → p-272d2d5a.js.map} +1 -1
- package/dist/components/{p-2eaee3c4.js → p-2737c300.js} +4 -4
- package/dist/components/{p-2eaee3c4.js.map → p-2737c300.js.map} +1 -1
- package/dist/components/{p-ecf0e97b.js → p-29a260dd.js} +7 -7
- package/dist/components/{p-ecf0e97b.js.map → p-29a260dd.js.map} +1 -1
- package/dist/components/{p-a560de93.js → p-2ceb6925.js} +2 -2
- package/dist/components/{p-a560de93.js.map → p-2ceb6925.js.map} +1 -1
- package/dist/components/p-2d4db101.js +113 -0
- package/dist/components/p-2d4db101.js.map +1 -0
- package/dist/components/{p-d5980695.js → p-2dba23a5.js} +10 -10
- package/dist/components/{p-d5980695.js.map → p-2dba23a5.js.map} +1 -1
- package/dist/components/{p-bc37095e.js → p-2ed3a16d.js} +37 -37
- package/dist/components/{p-bc37095e.js.map → p-2ed3a16d.js.map} +1 -1
- package/dist/components/{p-bfd34443.js → p-32f089f8.js} +2 -2
- package/dist/components/{p-bfd34443.js.map → p-32f089f8.js.map} +1 -1
- package/dist/components/{p-ed3722cc.js → p-38489e40.js} +3 -3
- package/dist/components/{p-ed3722cc.js.map → p-38489e40.js.map} +1 -1
- package/dist/components/{p-405b7f06.js → p-38c3ff20.js} +3 -3
- package/dist/components/{p-405b7f06.js.map → p-38c3ff20.js.map} +1 -1
- package/dist/components/{p-edcdcc51.js → p-38ce18a1.js} +2 -2
- package/dist/components/{p-edcdcc51.js.map → p-38ce18a1.js.map} +1 -1
- package/dist/components/{p-d05ebce7.js → p-422f3359.js} +5 -5
- package/dist/components/{p-d05ebce7.js.map → p-422f3359.js.map} +1 -1
- package/dist/components/{p-7b032cf4.js → p-448a256b.js} +4 -4
- package/dist/components/p-448a256b.js.map +1 -0
- package/dist/components/{p-41d6da47.js → p-45124db6.js} +2 -2
- package/dist/components/{p-41d6da47.js.map → p-45124db6.js.map} +1 -1
- package/dist/components/{p-97686228.js → p-46d6198c.js} +2 -2
- package/dist/components/{p-97686228.js.map → p-46d6198c.js.map} +1 -1
- package/dist/components/{p-5111a555.js → p-47840b52.js} +20 -20
- package/dist/components/{p-5111a555.js.map → p-47840b52.js.map} +1 -1
- package/dist/components/{p-b3193095.js → p-47d6c43d.js} +6 -6
- package/dist/components/{p-b3193095.js.map → p-47d6c43d.js.map} +1 -1
- package/dist/components/{p-688605ed.js → p-4aad1b00.js} +6 -6
- package/dist/components/{p-688605ed.js.map → p-4aad1b00.js.map} +1 -1
- package/dist/components/{p-22f4742d.js → p-4b05e229.js} +10 -10
- package/dist/components/{p-22f4742d.js.map → p-4b05e229.js.map} +1 -1
- package/dist/components/{p-6f1d2edf.js → p-4b663489.js} +2 -2
- package/dist/components/{p-6f1d2edf.js.map → p-4b663489.js.map} +1 -1
- package/dist/components/{p-ebbe611d.js → p-4e8746f6.js} +7 -7
- package/dist/components/{p-ebbe611d.js.map → p-4e8746f6.js.map} +1 -1
- package/dist/components/{p-380ce680.js → p-4f53a0e1.js} +8 -8
- package/dist/components/{p-380ce680.js.map → p-4f53a0e1.js.map} +1 -1
- package/dist/components/{p-dd5d9674.js → p-4f911ef7.js} +3 -3
- package/dist/components/{p-dd5d9674.js.map → p-4f911ef7.js.map} +1 -1
- package/dist/components/{p-2951a47f.js → p-5501db91.js} +2 -2
- package/dist/components/{p-2951a47f.js.map → p-5501db91.js.map} +1 -1
- package/dist/components/{p-681bfb09.js → p-562db6b2.js} +2 -2
- package/dist/components/{p-681bfb09.js.map → p-562db6b2.js.map} +1 -1
- package/dist/components/{p-cd448401.js → p-575b902b.js} +8 -8
- package/dist/components/{p-cd448401.js.map → p-575b902b.js.map} +1 -1
- package/dist/components/{p-588bab5b.js → p-591e0e42.js} +6 -6
- package/dist/components/{p-588bab5b.js.map → p-591e0e42.js.map} +1 -1
- package/dist/components/{p-be81cb95.js → p-5926af96.js} +9 -9
- package/dist/components/{p-be81cb95.js.map → p-5926af96.js.map} +1 -1
- package/dist/components/{p-78eccb34.js → p-5a89aff9.js} +3 -3
- package/dist/components/{p-78eccb34.js.map → p-5a89aff9.js.map} +1 -1
- package/dist/components/{p-43651317.js → p-5bcf58c9.js} +3 -3
- package/dist/components/{p-43651317.js.map → p-5bcf58c9.js.map} +1 -1
- package/dist/components/{p-666206c5.js → p-5d648150.js} +5 -5
- package/dist/components/{p-666206c5.js.map → p-5d648150.js.map} +1 -1
- package/dist/components/{p-66efcdc0.js → p-5ef8d096.js} +4 -4
- package/dist/components/{p-66efcdc0.js.map → p-5ef8d096.js.map} +1 -1
- package/dist/components/{p-ead2fe66.js → p-5ffba444.js} +5 -5
- package/dist/components/{p-ead2fe66.js.map → p-5ffba444.js.map} +1 -1
- package/dist/components/{p-c77944e7.js → p-62c1780b.js} +3 -3
- package/dist/components/{p-c77944e7.js.map → p-62c1780b.js.map} +1 -1
- package/dist/components/p-63ac6b31.js +241 -0
- package/dist/components/{p-47696323.js.map → p-63ac6b31.js.map} +1 -1
- package/dist/components/{p-9d011d36.js → p-67b8cf78.js} +8 -8
- package/dist/components/{p-9d011d36.js.map → p-67b8cf78.js.map} +1 -1
- package/dist/components/{p-1fb3bf7c.js → p-683ee29d.js} +2 -2
- package/dist/components/p-683ee29d.js.map +1 -0
- package/dist/components/{p-7f5e25d1.js → p-6b7f1394.js} +14 -14
- package/dist/components/{p-7f5e25d1.js.map → p-6b7f1394.js.map} +1 -1
- package/dist/components/{p-d13712dc.js → p-6b8fa870.js} +3 -3
- package/dist/components/{p-d13712dc.js.map → p-6b8fa870.js.map} +1 -1
- package/dist/components/{p-2927f568.js → p-6c326e36.js} +6 -6
- package/dist/components/{p-2927f568.js.map → p-6c326e36.js.map} +1 -1
- package/dist/components/{p-046dcaa0.js → p-751259e1.js} +7 -7
- package/dist/components/{p-046dcaa0.js.map → p-751259e1.js.map} +1 -1
- package/dist/components/{p-d532422c.js → p-78e763a5.js} +3 -3
- package/dist/components/{p-d532422c.js.map → p-78e763a5.js.map} +1 -1
- package/dist/components/{p-4d44c37a.js → p-79ae3224.js} +2 -2
- package/dist/components/{p-4d44c37a.js.map → p-79ae3224.js.map} +1 -1
- package/dist/components/{p-9397efbf.js → p-7b5cb070.js} +10 -10
- package/dist/components/{p-9397efbf.js.map → p-7b5cb070.js.map} +1 -1
- package/dist/components/{p-db26eba4.js → p-7c727d4f.js} +7 -7
- package/dist/components/{p-db26eba4.js.map → p-7c727d4f.js.map} +1 -1
- package/dist/components/{p-14f83014.js → p-7d0eafb0.js} +4 -4
- package/dist/components/p-7d0eafb0.js.map +1 -0
- package/dist/components/{p-07ed0ebd.js → p-7d208e60.js} +2 -2
- package/dist/components/{p-07ed0ebd.js.map → p-7d208e60.js.map} +1 -1
- package/dist/components/{p-969f9875.js → p-7e8da083.js} +2 -2
- package/dist/components/{p-969f9875.js.map → p-7e8da083.js.map} +1 -1
- package/dist/components/{p-a38dbdc4.js → p-835d7c93.js} +9 -9
- package/dist/components/{p-a38dbdc4.js.map → p-835d7c93.js.map} +1 -1
- package/dist/components/{p-47acfdd5.js → p-864278eb.js} +5 -5
- package/dist/components/{p-47acfdd5.js.map → p-864278eb.js.map} +1 -1
- package/dist/components/{p-a287288e.js → p-8e13449b.js} +3 -3
- package/dist/components/{p-a287288e.js.map → p-8e13449b.js.map} +1 -1
- package/dist/components/{p-4922697f.js → p-8e748704.js} +2 -2
- package/dist/components/{p-4922697f.js.map → p-8e748704.js.map} +1 -1
- package/dist/components/{p-0e536b80.js → p-93ece2c4.js} +25 -25
- package/dist/components/p-93ece2c4.js.map +1 -0
- package/dist/components/{p-4854855c.js → p-952205c2.js} +3 -3
- package/dist/components/{p-4854855c.js.map → p-952205c2.js.map} +1 -1
- package/dist/components/{p-ab4f6f94.js → p-954dd422.js} +2 -2
- package/dist/components/{p-ab4f6f94.js.map → p-954dd422.js.map} +1 -1
- package/dist/components/{p-2a79dcdb.js → p-97e2d2d1.js} +3 -3
- package/dist/components/{p-2a79dcdb.js.map → p-97e2d2d1.js.map} +1 -1
- package/dist/components/p-9a07b79f.js +207 -0
- package/dist/components/{p-aa89f96a.js.map → p-9a07b79f.js.map} +1 -1
- package/dist/components/{p-c446b8ad.js → p-9caf65ff.js} +11 -11
- package/dist/components/{p-c446b8ad.js.map → p-9caf65ff.js.map} +1 -1
- package/dist/components/{p-78fd29c9.js → p-b1e386db.js} +3 -3
- package/dist/components/{p-78fd29c9.js.map → p-b1e386db.js.map} +1 -1
- package/dist/components/{p-08159d78.js → p-b2e18b02.js} +2 -2
- package/dist/components/{p-08159d78.js.map → p-b2e18b02.js.map} +1 -1
- package/dist/components/{p-4625dac5.js → p-b789d768.js} +4 -4
- package/dist/components/{p-4625dac5.js.map → p-b789d768.js.map} +1 -1
- package/dist/components/{p-3e30f0e3.js → p-b8c18e44.js} +2 -2
- package/dist/components/{p-3e30f0e3.js.map → p-b8c18e44.js.map} +1 -1
- package/dist/components/{p-550a71dc.js → p-b93f6336.js} +2 -2
- package/dist/components/{p-550a71dc.js.map → p-b93f6336.js.map} +1 -1
- package/dist/components/{p-ddf9d2aa.js → p-bad6a2f9.js} +4 -4
- package/dist/components/{p-ddf9d2aa.js.map → p-bad6a2f9.js.map} +1 -1
- package/dist/components/p-bdbac42a.js +45 -0
- package/dist/components/{p-c311a65d.js.map → p-bdbac42a.js.map} +1 -1
- package/dist/components/{p-25a43fb2.js → p-beb71121.js} +75 -63
- package/dist/components/p-beb71121.js.map +1 -0
- package/dist/components/{p-04e1a322.js → p-beb87a00.js} +2 -2
- package/dist/components/{p-04e1a322.js.map → p-beb87a00.js.map} +1 -1
- package/dist/components/{p-ae5eb701.js → p-bf57d733.js} +2 -2
- package/dist/components/{p-ae5eb701.js.map → p-bf57d733.js.map} +1 -1
- package/dist/components/{p-b3a66468.js → p-c0796b72.js} +3 -3
- package/dist/components/{p-b3a66468.js.map → p-c0796b72.js.map} +1 -1
- package/dist/components/{p-bbb43abd.js → p-c090ac4b.js} +2 -2
- package/dist/components/{p-bbb43abd.js.map → p-c090ac4b.js.map} +1 -1
- package/dist/components/{p-79fdf7f2.js → p-d03c5e1c.js} +15 -15
- package/dist/components/{p-79fdf7f2.js.map → p-d03c5e1c.js.map} +1 -1
- package/dist/components/{p-282a351d.js → p-d2c600c0.js} +4 -4
- package/dist/components/{p-282a351d.js.map → p-d2c600c0.js.map} +1 -1
- package/dist/components/{p-72b742f3.js → p-d51abfe0.js} +2 -2
- package/dist/components/{p-72b742f3.js.map → p-d51abfe0.js.map} +1 -1
- package/dist/components/{p-d558e67d.js → p-d8318156.js} +5 -5
- package/dist/components/{p-d558e67d.js.map → p-d8318156.js.map} +1 -1
- package/dist/components/{p-cd7e4d63.js → p-dcb5daf0.js} +8 -8
- package/dist/components/{p-cd7e4d63.js.map → p-dcb5daf0.js.map} +1 -1
- package/dist/components/{p-08d0d254.js → p-de7367c4.js} +2 -2
- package/dist/components/{p-08d0d254.js.map → p-de7367c4.js.map} +1 -1
- package/dist/components/{p-8b6af6f4.js → p-df7644f9.js} +13 -13
- package/dist/components/{p-8b6af6f4.js.map → p-df7644f9.js.map} +1 -1
- package/dist/components/{p-bc62b48f.js → p-e25d0a4a.js} +7 -7
- package/dist/components/{p-bc62b48f.js.map → p-e25d0a4a.js.map} +1 -1
- package/dist/components/{p-bd7d5fe8.js → p-e93c2ce9.js} +10 -10
- package/dist/components/{p-bd7d5fe8.js.map → p-e93c2ce9.js.map} +1 -1
- package/dist/components/{p-14d7cbfc.js → p-e94f2ce5.js} +16 -16
- package/dist/components/{p-14d7cbfc.js.map → p-e94f2ce5.js.map} +1 -1
- package/dist/components/{p-9b18f789.js → p-e98f0d21.js} +3 -3
- package/dist/components/{p-9b18f789.js.map → p-e98f0d21.js.map} +1 -1
- package/dist/components/{p-72ea39be.js → p-ea039b1e.js} +23 -23
- package/dist/components/{p-72ea39be.js.map → p-ea039b1e.js.map} +1 -1
- package/dist/components/{p-03f8f866.js → p-ee41db2f.js} +6 -6
- package/dist/components/{p-03f8f866.js.map → p-ee41db2f.js.map} +1 -1
- package/dist/components/{p-be3279e2.js → p-ee8027c8.js} +10 -10
- package/dist/components/{p-be3279e2.js.map → p-ee8027c8.js.map} +1 -1
- package/dist/components/{p-d91393cf.js → p-f92cf8e8.js} +11 -11
- package/dist/components/{p-d91393cf.js.map → p-f92cf8e8.js.map} +1 -1
- package/dist/components/{p-725308f2.js → p-f9cb46a5.js} +2 -2
- package/dist/components/{p-725308f2.js.map → p-f9cb46a5.js.map} +1 -1
- package/dist/components/{p-fb5105d9.js → p-fa59c097.js} +8 -8
- package/dist/components/{p-fb5105d9.js.map → p-fa59c097.js.map} +1 -1
- package/dist/components/{p-c39541c7.js → p-fc02cd6e.js} +4 -4
- package/dist/components/{p-c39541c7.js.map → p-fc02cd6e.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +191 -179
- 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-back-to-top.js +1 -1
- package/dist/components/smoothly-burger.js +1 -1
- package/dist/components/smoothly-button-confirm.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-button.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-checkbox.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-select.js +1 -1
- package/dist/components/smoothly-filter-toggle.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-icon.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +24 -24
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-color-demo.js +1 -1
- package/dist/components/smoothly-input-color.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-edit.js +1 -1
- package/dist/components/smoothly-input-file.js +1 -1
- package/dist/components/smoothly-input-month.js +1 -1
- package/dist/components/smoothly-input-price-demo.js +1 -1
- package/dist/components/smoothly-input-radio-item.js +1 -1
- package/dist/components/smoothly-input-radio.js +1 -1
- package/dist/components/smoothly-input-range-demo.js +1 -1
- package/dist/components/smoothly-input-range.js +1 -1
- package/dist/components/smoothly-input-reset.js +1 -1
- package/dist/components/smoothly-input-select.js +1 -1
- package/dist/components/smoothly-input-submit.js +1 -1
- package/dist/components/smoothly-input.js +1 -1
- package/dist/components/smoothly-item.js +1 -1
- package/dist/components/smoothly-label.js +1 -1
- package/dist/components/smoothly-lazy.js +1 -1
- package/dist/components/smoothly-load-more.js +1 -1
- package/dist/components/smoothly-modal.js +1 -1
- package/dist/components/smoothly-next-demo-colspan.js +1 -1
- package/dist/components/smoothly-next-demo-filler-row-demo.d.ts +11 -0
- package/dist/components/smoothly-next-demo-filler-row-demo.js +8 -0
- package/dist/components/smoothly-next-demo-filler-row-demo.js.map +1 -0
- package/dist/components/smoothly-next-demo-group.js +1 -1
- package/dist/components/smoothly-next-demo-nested-inner.js +1 -1
- package/dist/components/smoothly-next-demo-nested.js +1 -1
- package/dist/components/smoothly-next-demo-simple.js +1 -1
- package/dist/components/smoothly-next-demo.js +1 -1
- package/dist/components/smoothly-next-table-body.js +1 -1
- package/dist/components/smoothly-next-table-cell.js +1 -1
- package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-next-table-expandable-cell.js +1 -1
- package/dist/components/smoothly-next-table-expandable-row.js +1 -1
- package/dist/components/smoothly-next-table-filler-row.d.ts +11 -0
- package/dist/components/smoothly-next-table-filler-row.js +8 -0
- package/dist/components/smoothly-next-table-filler-row.js.map +1 -0
- package/dist/components/smoothly-next-table-foot.js +1 -1
- package/dist/components/smoothly-next-table-head.js +1 -1
- package/dist/components/smoothly-next-table-row-group.js +1 -1
- package/dist/components/smoothly-next-table-row.js +1 -1
- package/dist/components/smoothly-next-table.js +1 -1
- package/dist/components/smoothly-notification.js +1 -1
- package/dist/components/smoothly-notifier.js +1 -1
- package/dist/components/smoothly-spinner.js +1 -1
- package/dist/components/smoothly-submit.js +1 -1
- package/dist/components/smoothly-summary.js +1 -1
- package/dist/components/smoothly-tab.js +1 -1
- package/dist/components/smoothly-table-cell.js +1 -1
- package/dist/components/smoothly-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-table-demo.js +1 -1
- package/dist/components/smoothly-table-expandable-cell.js +1 -1
- package/dist/components/smoothly-table-expandable-row.js +1 -1
- package/dist/components/smoothly-table-footer.js +1 -1
- package/dist/components/smoothly-table-header.js +1 -1
- package/dist/components/smoothly-table-row.js +1 -1
- package/dist/components/smoothly-table-testing.js +1 -1
- package/dist/components/smoothly-table.js +1 -1
- package/dist/components/smoothly-tabs-demo.js +1 -1
- package/dist/components/smoothly-tabs.js +1 -1
- package/dist/components/smoothly-theme-color.js +1 -1
- package/dist/components/smoothly-theme-colors.js +1 -1
- package/dist/components/smoothly-theme-demo.js +1 -1
- package/dist/components/smoothly-theme-guide.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/components/smoothly-toggle-switch-demo.js +1 -1
- package/dist/components/smoothly-toggle-switch.js +1 -1
- package/dist/components/smoothly-toggle.js +1 -1
- package/dist/components/smoothly-trigger-sink.js +1 -1
- package/dist/components/smoothly-trigger-source.js +1 -1
- package/dist/components/smoothly-trigger.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-app_107.entry.js → smoothly-app_109.entry.js} +271 -239
- package/dist/esm/smoothly-app_109.entry.js.map +1 -0
- package/dist/esm/smoothly-input-checkbox-demo.entry.js +1 -1
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/p-01a28324.entry.js +2 -0
- package/dist/smoothly/p-01a28324.entry.js.map +1 -0
- package/dist/smoothly/{p-651dcac2.entry.js → p-6a5409cf.entry.js} +2 -2
- package/dist/smoothly/{p-9f631b35.entry.js → p-7afb0711.entry.js} +2 -2
- package/dist/smoothly/p-8fa9500d.entry.js +2 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/next/demo/fillerRow/filleRowDemo.d.ts +13 -0
- package/dist/types/components/next/table/fillerRow/index.d.ts +4 -0
- package/dist/types/components.d.ts +26 -0
- package/package.json +1 -1
- package/dist/cjs/smoothly-app_107.cjs.entry.js.map +0 -1
- package/dist/components/p-0e536b80.js.map +0 -1
- package/dist/components/p-14f83014.js.map +0 -1
- package/dist/components/p-1fb3bf7c.js.map +0 -1
- package/dist/components/p-25a43fb2.js.map +0 -1
- package/dist/components/p-47696323.js +0 -241
- package/dist/components/p-7b032cf4.js.map +0 -1
- package/dist/components/p-aa89f96a.js +0 -207
- package/dist/components/p-c311a65d.js +0 -45
- package/dist/components/p-f91c386e.js +0 -123
- package/dist/esm/smoothly-app_107.entry.js.map +0 -1
- package/dist/smoothly/p-22f843be.entry.js +0 -2
- package/dist/smoothly/p-4d171a86.entry.js +0 -2
- package/dist/smoothly/p-4d171a86.entry.js.map +0 -1
- /package/dist/smoothly/{p-651dcac2.entry.js.map → p-6a5409cf.entry.js.map} +0 -0
- /package/dist/smoothly/{p-9f631b35.entry.js.map → p-7afb0711.entry.js.map} +0 -0
- /package/dist/smoothly/{p-22f843be.entry.js.map → p-8fa9500d.entry.js.map} +0 -0
|
@@ -17,8 +17,8 @@ function getLocale() {
|
|
|
17
17
|
return Locale.is(result) ? result : Language.is(result) ? Locale.toLocale(result) : undefined;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
const styleCss$
|
|
21
|
-
const SmoothlyAppStyle0 = styleCss$
|
|
20
|
+
const styleCss$1w = "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}header:has(smoothly-burger[visible])>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:5;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))}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}@media screen and (max-width: 900px){smoothly-app>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-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-start\"]{display:none}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}}smoothly-app>smoothly-notifier>header>nav:not(.menu-open){display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}";
|
|
21
|
+
const SmoothlyAppStyle0 = styleCss$1w;
|
|
22
22
|
|
|
23
23
|
const SmoothlyApp = class {
|
|
24
24
|
constructor(hostRef) {
|
|
@@ -1522,8 +1522,8 @@ if (!globalThis.URLPattern) {
|
|
|
1522
1522
|
globalThis.URLPattern = URLPattern$1;
|
|
1523
1523
|
}
|
|
1524
1524
|
|
|
1525
|
-
const styleCss$
|
|
1526
|
-
const SmoothlyAppRoomStyle0 = styleCss$
|
|
1525
|
+
const styleCss$1v = ".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}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}[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}.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}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}}";
|
|
1526
|
+
const SmoothlyAppRoomStyle0 = styleCss$1v;
|
|
1527
1527
|
|
|
1528
1528
|
const SmoothlyAppRoom = class {
|
|
1529
1529
|
constructor(hostRef) {
|
|
@@ -1561,8 +1561,8 @@ const SmoothlyAppRoom = class {
|
|
|
1561
1561
|
};
|
|
1562
1562
|
SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
|
|
1563
1563
|
|
|
1564
|
-
const styleCss$
|
|
1565
|
-
const SmoothlyBackToTopStyle0 = styleCss$
|
|
1564
|
+
const styleCss$1u = ".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}";
|
|
1565
|
+
const SmoothlyBackToTopStyle0 = styleCss$1u;
|
|
1566
1566
|
|
|
1567
1567
|
const SmoothlyBackToTop = class {
|
|
1568
1568
|
constructor(hostRef) {
|
|
@@ -1600,8 +1600,8 @@ const SmoothlyBackToTop = class {
|
|
|
1600
1600
|
};
|
|
1601
1601
|
SmoothlyBackToTop.style = SmoothlyBackToTopStyle0;
|
|
1602
1602
|
|
|
1603
|
-
const styleCss$
|
|
1604
|
-
const SmoothlyBurgerStyle0 = styleCss$
|
|
1603
|
+
const styleCss$1t = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.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}";
|
|
1604
|
+
const SmoothlyBurgerStyle0 = styleCss$1t;
|
|
1605
1605
|
|
|
1606
1606
|
const SmoothlyBurger = class {
|
|
1607
1607
|
constructor(hostRef) {
|
|
@@ -1664,7 +1664,7 @@ const Button = ({ disabled, type, link }, children) => {
|
|
|
1664
1664
|
h("slot", { name: "start" }),
|
|
1665
1665
|
h("slot", null),
|
|
1666
1666
|
children,
|
|
1667
|
-
h("slot", { name: "end" }))) : (h("button", { type: type
|
|
1667
|
+
h("slot", { name: "end" }))) : (h("button", { type: type, disabled: disabled },
|
|
1668
1668
|
h("slot", { name: "start" }),
|
|
1669
1669
|
h("slot", null),
|
|
1670
1670
|
children,
|
|
@@ -1684,8 +1684,8 @@ function local(path) {
|
|
|
1684
1684
|
return new URL(path, window.location.origin).origin == window.location.origin;
|
|
1685
1685
|
}
|
|
1686
1686
|
|
|
1687
|
-
const styleCss$
|
|
1688
|
-
const SmoothlyButtonStyle0 = styleCss$
|
|
1687
|
+
const styleCss$1s = "[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.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;align-items: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])>button.sc-smoothly-button:hover,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h>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])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>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}";
|
|
1688
|
+
const SmoothlyButtonStyle0 = styleCss$1s;
|
|
1689
1689
|
|
|
1690
1690
|
const SmoothlyButton = class {
|
|
1691
1691
|
constructor(hostRef) {
|
|
@@ -1694,19 +1694,19 @@ const SmoothlyButton = class {
|
|
|
1694
1694
|
this.expand = undefined;
|
|
1695
1695
|
this.fill = undefined;
|
|
1696
1696
|
this.disabled = false;
|
|
1697
|
-
this.type =
|
|
1697
|
+
this.type = undefined;
|
|
1698
1698
|
this.size = undefined;
|
|
1699
1699
|
this.shape = undefined;
|
|
1700
1700
|
this.link = undefined;
|
|
1701
1701
|
}
|
|
1702
1702
|
render() {
|
|
1703
|
-
return (h(Button, { key: '
|
|
1703
|
+
return (h(Button, { key: 'd9f40ca3fcace86a986f242917b8f1965f2e7bed', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '0d4561fa6cb301d7bd37c4f614b760943074298c' })));
|
|
1704
1704
|
}
|
|
1705
1705
|
};
|
|
1706
1706
|
SmoothlyButton.style = SmoothlyButtonStyle0;
|
|
1707
1707
|
|
|
1708
|
-
const styleCss$
|
|
1709
|
-
const SmoothlyButtonConfirmStyle0 = styleCss$
|
|
1708
|
+
const styleCss$1r = ".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%}";
|
|
1709
|
+
const SmoothlyButtonConfirmStyle0 = styleCss$1r;
|
|
1710
1710
|
|
|
1711
1711
|
const SmoothlyButtonConfirm = class {
|
|
1712
1712
|
constructor(hostRef) {
|
|
@@ -1742,8 +1742,8 @@ const SmoothlyButtonConfirm = class {
|
|
|
1742
1742
|
};
|
|
1743
1743
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1744
1744
|
|
|
1745
|
-
const styleCss$
|
|
1746
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1745
|
+
const styleCss$1q = "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}";
|
|
1746
|
+
const SmoothlyButtonDemoStyle0 = styleCss$1q;
|
|
1747
1747
|
|
|
1748
1748
|
const SmoothlyButtonDemo = class {
|
|
1749
1749
|
constructor(hostRef) {
|
|
@@ -1817,8 +1817,8 @@ function years(current, min, max) {
|
|
|
1817
1817
|
return result;
|
|
1818
1818
|
}
|
|
1819
1819
|
|
|
1820
|
-
const styleCss$
|
|
1821
|
-
const SmoothlyCalendarStyle0 = styleCss$
|
|
1820
|
+
const styleCss$1p = ".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}";
|
|
1821
|
+
const SmoothlyCalendarStyle0 = styleCss$1p;
|
|
1822
1822
|
|
|
1823
1823
|
const Calendar = class {
|
|
1824
1824
|
constructor(hostRef) {
|
|
@@ -1904,8 +1904,8 @@ const Calendar = class {
|
|
|
1904
1904
|
};
|
|
1905
1905
|
Calendar.style = SmoothlyCalendarStyle0;
|
|
1906
1906
|
|
|
1907
|
-
const styleCss$
|
|
1908
|
-
const SmoothlyDialogStyle0 = styleCss$
|
|
1907
|
+
const styleCss$1o = ".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}";
|
|
1908
|
+
const SmoothlyDialogStyle0 = styleCss$1o;
|
|
1909
1909
|
|
|
1910
1910
|
const SmoothlyDialog = class {
|
|
1911
1911
|
constructor(hostRef) {
|
|
@@ -1933,8 +1933,8 @@ const SmoothlyDialog = class {
|
|
|
1933
1933
|
};
|
|
1934
1934
|
SmoothlyDialog.style = SmoothlyDialogStyle0;
|
|
1935
1935
|
|
|
1936
|
-
const styleCss$
|
|
1937
|
-
const SmoothlyDialogDemoStyle0 = styleCss$
|
|
1936
|
+
const styleCss$1n = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
|
|
1937
|
+
const SmoothlyDialogDemoStyle0 = styleCss$1n;
|
|
1938
1938
|
|
|
1939
1939
|
const SmoothlyDialogDemo = class {
|
|
1940
1940
|
constructor(hostRef) {
|
|
@@ -3764,8 +3764,8 @@ class Handler {
|
|
|
3764
3764
|
}
|
|
3765
3765
|
add$5("hex-color", () => new Handler());
|
|
3766
3766
|
|
|
3767
|
-
const styleCss$
|
|
3768
|
-
const SmoothlyDisplayStyle0 = styleCss$
|
|
3767
|
+
const styleCss$1m = ".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}";
|
|
3768
|
+
const SmoothlyDisplayStyle0 = styleCss$1m;
|
|
3769
3769
|
|
|
3770
3770
|
const SmoothlyDisplay = class {
|
|
3771
3771
|
constructor(hostRef) {
|
|
@@ -3933,8 +3933,8 @@ const JsonValue = ({ value, collapseDepth }) => {
|
|
|
3933
3933
|
return object().is(value) || Array.isArray(value) ? (h("smoothly-display-json-object", { value: value, collapseDepth: collapseDepth })) : (h("smoothly-display-json-primitive", { value: value }));
|
|
3934
3934
|
};
|
|
3935
3935
|
|
|
3936
|
-
const styleCss$
|
|
3937
|
-
const SmoothlyDisplayJsonStyle0 = styleCss$
|
|
3936
|
+
const styleCss$1l = ".sc-smoothly-display-json-h{font-family:monospace}";
|
|
3937
|
+
const SmoothlyDisplayJsonStyle0 = styleCss$1l;
|
|
3938
3938
|
|
|
3939
3939
|
const SmoothlyDisplayJson = class {
|
|
3940
3940
|
constructor(hostRef) {
|
|
@@ -3948,8 +3948,8 @@ const SmoothlyDisplayJson = class {
|
|
|
3948
3948
|
};
|
|
3949
3949
|
SmoothlyDisplayJson.style = SmoothlyDisplayJsonStyle0;
|
|
3950
3950
|
|
|
3951
|
-
const styleCss$
|
|
3952
|
-
const SmoothlyDisplayJsonObjectStyle0 = styleCss$
|
|
3951
|
+
const styleCss$1k = ".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 rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{display: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}.open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.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:\" ▼ \"}";
|
|
3952
|
+
const SmoothlyDisplayJsonObjectStyle0 = styleCss$1k;
|
|
3953
3953
|
|
|
3954
3954
|
const SmoothlyDisplayJsonObject = class {
|
|
3955
3955
|
constructor(hostRef) {
|
|
@@ -3984,8 +3984,8 @@ const SmoothlyDisplayJsonObject = class {
|
|
|
3984
3984
|
};
|
|
3985
3985
|
SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
|
|
3986
3986
|
|
|
3987
|
-
const styleCss$
|
|
3988
|
-
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$
|
|
3987
|
+
const styleCss$1j = ".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;word-wrap:anywhere}[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))}";
|
|
3988
|
+
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$1j;
|
|
3989
3989
|
|
|
3990
3990
|
const SmoothlyDisplayJsonPrimitive = class {
|
|
3991
3991
|
constructor(hostRef) {
|
|
@@ -3998,8 +3998,8 @@ const SmoothlyDisplayJsonPrimitive = class {
|
|
|
3998
3998
|
};
|
|
3999
3999
|
SmoothlyDisplayJsonPrimitive.style = SmoothlyDisplayJsonPrimitiveStyle0;
|
|
4000
4000
|
|
|
4001
|
-
const styleCss$
|
|
4002
|
-
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$
|
|
4001
|
+
const styleCss$1i = ".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}";
|
|
4002
|
+
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$1i;
|
|
4003
4003
|
|
|
4004
4004
|
const SmoothlyDisplayJsonRecordKey = class {
|
|
4005
4005
|
constructor(hostRef) {
|
|
@@ -6996,8 +6996,8 @@ var Filter;
|
|
|
6996
6996
|
});
|
|
6997
6997
|
})(Filter || (Filter = {}));
|
|
6998
6998
|
|
|
6999
|
-
const styleCss$
|
|
7000
|
-
const SmoothlyFilterStyle0 = styleCss$
|
|
6999
|
+
const styleCss$1h = ".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}";
|
|
7000
|
+
const SmoothlyFilterStyle0 = styleCss$1h;
|
|
7001
7001
|
|
|
7002
7002
|
const SmoothlyFilter = class {
|
|
7003
7003
|
constructor(hostRef) {
|
|
@@ -7045,8 +7045,8 @@ const SmoothlyFilter = class {
|
|
|
7045
7045
|
};
|
|
7046
7046
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
7047
7047
|
|
|
7048
|
-
const styleCss$
|
|
7049
|
-
const SmoothlyFilterFieldStyle0 = styleCss$
|
|
7048
|
+
const styleCss$1g = ".sc-smoothly-filter-field-h{flex-grow:5}";
|
|
7049
|
+
const SmoothlyFilterFieldStyle0 = styleCss$1g;
|
|
7050
7050
|
|
|
7051
7051
|
const SmoothlyFilterField = class {
|
|
7052
7052
|
constructor(hostRef) {
|
|
@@ -7073,8 +7073,8 @@ const SmoothlyFilterField = class {
|
|
|
7073
7073
|
};
|
|
7074
7074
|
SmoothlyFilterField.style = SmoothlyFilterFieldStyle0;
|
|
7075
7075
|
|
|
7076
|
-
const styleCss$
|
|
7077
|
-
const SmoothlyFilterInputStyle0 = styleCss$
|
|
7076
|
+
const styleCss$1f = ".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%}";
|
|
7077
|
+
const SmoothlyFilterInputStyle0 = styleCss$1f;
|
|
7078
7078
|
|
|
7079
7079
|
const SmoothlyFilterInput = class {
|
|
7080
7080
|
constructor(hostRef) {
|
|
@@ -7147,8 +7147,8 @@ const SmoothlyFilterInput = class {
|
|
|
7147
7147
|
};
|
|
7148
7148
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
7149
7149
|
|
|
7150
|
-
const styleCss$
|
|
7151
|
-
const SmoothlyFilterSelectStyle0 = styleCss$
|
|
7150
|
+
const styleCss$1e = ".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}";
|
|
7151
|
+
const SmoothlyFilterSelectStyle0 = styleCss$1e;
|
|
7152
7152
|
|
|
7153
7153
|
const SmoothlyFilterSelect = class {
|
|
7154
7154
|
constructor(hostRef) {
|
|
@@ -7257,8 +7257,8 @@ const SmoothlyFilterSelect = class {
|
|
|
7257
7257
|
};
|
|
7258
7258
|
SmoothlyFilterSelect.style = SmoothlyFilterSelectStyle0;
|
|
7259
7259
|
|
|
7260
|
-
const styleCss$
|
|
7261
|
-
const SmoothlyFilterToggleStyle0 = styleCss$
|
|
7260
|
+
const styleCss$1d = ".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)}";
|
|
7261
|
+
const SmoothlyFilterToggleStyle0 = styleCss$1d;
|
|
7262
7262
|
|
|
7263
7263
|
const SmoothlyFilterToggle = class {
|
|
7264
7264
|
constructor(hostRef) {
|
|
@@ -8180,8 +8180,8 @@ var Input;
|
|
|
8180
8180
|
Input.registerSubAction = registerSubAction;
|
|
8181
8181
|
})(Input || (Input = {}));
|
|
8182
8182
|
|
|
8183
|
-
const styleCss$
|
|
8184
|
-
const SmoothlyFormStyle0 = styleCss$
|
|
8183
|
+
const styleCss$1c = "smoothly-form{display:block;position:relative}smoothly-form>form{position:relative;min-width:15em}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:10em;flex-basis:40%}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset,smoothly-form[looks=\"transparent\"]>form>fieldset{gap:2em}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:0.5rem}";
|
|
8184
|
+
const SmoothlyFormStyle0 = styleCss$1c;
|
|
8185
8185
|
|
|
8186
8186
|
const SmoothlyForm = class {
|
|
8187
8187
|
constructor(hostRef) {
|
|
@@ -8353,8 +8353,8 @@ const SmoothlyForm = class {
|
|
|
8353
8353
|
};
|
|
8354
8354
|
SmoothlyForm.style = SmoothlyFormStyle0;
|
|
8355
8355
|
|
|
8356
|
-
const styleCss$
|
|
8357
|
-
const SmoothlyFormDemoStyle0 = styleCss$
|
|
8356
|
+
const styleCss$1b = ".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:100%}";
|
|
8357
|
+
const SmoothlyFormDemoStyle0 = styleCss$1b;
|
|
8358
8358
|
|
|
8359
8359
|
const SmoothlyFormDemo = class {
|
|
8360
8360
|
constructor(hostRef) {
|
|
@@ -8425,8 +8425,8 @@ const SmoothlyFormDemoControlled = class {
|
|
|
8425
8425
|
}; }
|
|
8426
8426
|
};
|
|
8427
8427
|
|
|
8428
|
-
const styleCss$
|
|
8429
|
-
const SmoothlyFormDemoDateStyle0 = styleCss$
|
|
8428
|
+
const styleCss$1a = ".sc-smoothly-form-demo-date-h{display:block}";
|
|
8429
|
+
const SmoothlyFormDemoDateStyle0 = styleCss$1a;
|
|
8430
8430
|
|
|
8431
8431
|
const SmoothlyFormDemoDate = class {
|
|
8432
8432
|
constructor(hostRef) {
|
|
@@ -8454,8 +8454,8 @@ const SmoothlyFormDemoDate = class {
|
|
|
8454
8454
|
};
|
|
8455
8455
|
SmoothlyFormDemoDate.style = SmoothlyFormDemoDateStyle0;
|
|
8456
8456
|
|
|
8457
|
-
const styleCss$
|
|
8458
|
-
const SmoothlyFormDemoDateRangeStyle0 = styleCss$
|
|
8457
|
+
const styleCss$19 = ".sc-smoothly-form-demo-date-range-h{display:block}";
|
|
8458
|
+
const SmoothlyFormDemoDateRangeStyle0 = styleCss$19;
|
|
8459
8459
|
|
|
8460
8460
|
const SmoothlyFormDemoDateRange = class {
|
|
8461
8461
|
constructor(hostRef) {
|
|
@@ -8492,8 +8492,8 @@ const SmoothlyFormDemoLogin = class {
|
|
|
8492
8492
|
}
|
|
8493
8493
|
};
|
|
8494
8494
|
|
|
8495
|
-
const styleCss$
|
|
8496
|
-
const SmoothlyFormDemoPetStyle0 = styleCss$
|
|
8495
|
+
const styleCss$18 = ".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-summary.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%}";
|
|
8496
|
+
const SmoothlyFormDemoPetStyle0 = styleCss$18;
|
|
8497
8497
|
|
|
8498
8498
|
const SmoothlyFormDemoPet = class {
|
|
8499
8499
|
constructor(hostRef) {
|
|
@@ -8507,7 +8507,7 @@ const SmoothlyFormDemoPet = class {
|
|
|
8507
8507
|
return (h(Host, { key: 'f926cc45f0cc0291f2c24c7b398606a85b50d234' }, h("h2", { key: 'fb0ba15fe080450f09989315d3c145028217b692' }, "Pet"), h("h3", { key: 'd3dccbcc9b23b2cd8218936424e17a278feea2a4' }, "Value"), h("smoothly-form", { key: 'bf16fa9747ed9b5a6a0208cb6f412b3203077de7', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '517b4234109763201875c4894ab5e9627f7f4abc', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: 'ee6ac67d9818a76c10462980c445ca33ae46638b', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '28b630a35af9ce0976bbb7057c4fdbb4c47cef58', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
8508
8508
|
this.hasOwner = e.detail.hasOwner;
|
|
8509
8509
|
e.stopPropagation();
|
|
8510
|
-
} }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, h("smoothly-input", { key: 'bfafcac88d20b89c67e5d1e222812f2851888633', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '874b59bc35579337167b159cd64a80be4504bb2f', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'a6485e71de11cde954fb55f0a08013e9674c83b6', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '43ecabe7e035de133f1394ddfab21b0ca8866a2b', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: '5586a1e0ad8d9c76dc918f23b15ff653006ab436', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '51ae6d26dc3472dc34bc039f0a149e87d3a2f2f5', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '003b5e3f6ed34ec8d73f2dccb1482350d2c25f86', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '
|
|
8510
|
+
} }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, h("smoothly-input", { key: 'bfafcac88d20b89c67e5d1e222812f2851888633', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '874b59bc35579337167b159cd64a80be4504bb2f', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: 'a6485e71de11cde954fb55f0a08013e9674c83b6', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '43ecabe7e035de133f1394ddfab21b0ca8866a2b', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: '5586a1e0ad8d9c76dc918f23b15ff653006ab436', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '51ae6d26dc3472dc34bc039f0a149e87d3a2f2f5', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '003b5e3f6ed34ec8d73f2dccb1482350d2c25f86', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '88abf4bf85b3789e5392f1ae50e2131f86f524a1', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '163c4d30504d2d440bb4e31d42e54286d2ea4d30', name: "summary.favoriteHat" }, h("span", { key: 'b803a9d4b5c969f74cf649495ff29b80dc7eca32', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: 'd4120f7272df1eddf403cd56b8433cb6ca4528a6', name: "summary.month" }, h("span", { key: '2cb8eef31ee0980ccb7418d42517b4df6cedaf91', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '6e3a63f405b74d88d42bbe5f957fee1ba0f9502e', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: '176ac40da54721997c43d0a81666acb4998b37b7', name: "summary.favoritePizza" }, h("span", { key: '6871e57f0b47cd6d69f675728cbc8adc04eb07ea', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '80670e084705b6dd89313fac93cc9cae199e4d49', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '54adf6f72e5e47c87420b590c1ee0339917b2443' }, h("smoothly-tab", { key: 'bc35a89b5e79189f358204e3dc3f53ff56d36fd5', label: "Dog" }, h("smoothly-input", { key: '9cc578a69ab318b029a3e2ed911b8c44fa43a198', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'da49e55084302c59403e396216a5662814467d0e', name: "dog.picture" }, h("span", { key: '4ba608f3e2ba497a71912385898053e412c8bfe4', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '0e9aeebaed1e5bc84995008be8fc9f35ea1b251d', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '6e199a7d72c816a069b7ba1ac71880f82f8b82d2', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: 'e381b1b0f5f15f043135c7c50278a45aad11e70c', name: "dog.favoriteHat" }, h("span", { key: 'd4e77a11d6a6967816ad157048917c37c00e6cff', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '0a5c74e5716ea1d46e56d0923f60265ecb9645a8', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'ccc2fcde4138d6c8873694a197358a89dd203f26', name: "dog.favoritePizza" }, h("span", { key: '97bbceaef27ee84dba00348edc30e88f04b9f274', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '3fa75d1646e6d15e466452f0c65e4ddf5fbc4f36', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '1eeffd514378ffe9cc3e0119c3544cd498408116', label: "Cat", open: true }, h("smoothly-input", { key: '65ad05667b91c90fd7a220a40b7e7a44e12dfda3', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'f52d5879ac3c5f9ff62fad15f2f047b631771151', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '2eef08cbc4914369df28029689e3e74b63923507', type: "json", value: this.value })));
|
|
8511
8511
|
}
|
|
8512
8512
|
};
|
|
8513
8513
|
SmoothlyFormDemoPet.style = SmoothlyFormDemoPetStyle0;
|
|
@@ -8517,7 +8517,7 @@ const SmoothlyFormDemoPrices = class {
|
|
|
8517
8517
|
registerInstance(this, hostRef);
|
|
8518
8518
|
}
|
|
8519
8519
|
render() {
|
|
8520
|
-
return (h(Host, { key: '
|
|
8520
|
+
return (h(Host, { key: '4fa70a914876be27347456aa343e37ea989be096' }, h("h2", { key: '19bdfe20a9fd3afabb3df6dd907b9e60b68a8966' }, "Prices"), h("smoothly-form", { key: '9a74bb915a6ad42b2d44db1be65fd76c5866f43c', looks: "line" }, h("smoothly-input", { key: 'df774c146082e7c021db91b92993825f1c7b07f4', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '56101c015080db3992b1ff4de2d3f64a83c83d54', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '2c5d2d37ec98a429417a61d150ef529dfbed1307', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: 'e5132c11343cf8b32b06e4999ecc3177fb100c41', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '0a13cd5f294ff10d9bd331c48548393f559b5c6a', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '1dfece2dfa23775239b2bb808a26eaf684dc6056', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '45862586a44c6d01b5ff19cb86aeaa82dfa1635e', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '6c4f46a729877a979bfa6b77635f32d88e568b1f', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '2cb2b0b473ef51a55afdbb582dc5a183608ddbde', slot: "submit" }))));
|
|
8521
8521
|
}
|
|
8522
8522
|
};
|
|
8523
8523
|
|
|
@@ -8526,7 +8526,7 @@ const SmoothlyFormDemoTransparent = class {
|
|
|
8526
8526
|
registerInstance(this, hostRef);
|
|
8527
8527
|
}
|
|
8528
8528
|
render() {
|
|
8529
|
-
return (h(Host, { key: '
|
|
8529
|
+
return (h(Host, { key: 'ac4fab97f13f1b2a04569c444463726ffd7f3f39' }, h("h2", { key: 'a1d3881d3e990ccbd065c836a16eca6376ab09d9' }, "Transparent"), h("smoothly-form", { key: 'a6223063167021ba9a05f3b9790c1c2527f6b39e', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '7208122dcbf0c3d895c6a8d8164bc22643775101', name: "file" }, h("span", { key: '7354840c3086ab9492183dd4d2b2f6c90af38ee7', slot: "label" }, "File"), h("smoothly-icon", { key: 'c588ef4e14c7939bfab0bd6451a23541795044fb', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '14041a265b0429b10ce57e09f2230b36701aa38e', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '15ded0d37456a42d8c131ba57ef0307bc33662e3' }, "Date"), h("smoothly-input-date-range", { key: 'adef7c0defb1799a3da4dbcfc58217ec2ac0e472' }, "Date Range"), h("smoothly-input-select", { key: 'dc021642b27e4c9a82752ee594869893e29fa204', name: "transport" }, h("smoothly-item", { key: 'b9bff79a207ac285bba4c1f38f9379b4b3aba38b', value: "plane" }, h("smoothly-icon", { key: '78be03c6543b03c26d03b361f86c0d05b8e37833', name: "airplane-outline" })), h("smoothly-item", { key: '1b7c79a8319348d9f31896902ba9518c3e510c36', value: "car" }, h("smoothly-icon", { key: '3bfef43b7421d4f08d299810082ff64dcafd0556', name: "car-outline" })), h("smoothly-item", { key: 'c651b8be36aac65b5d10683314063b0549ba32f6', value: "bus", selected: true }, h("smoothly-icon", { key: '5e9387144b2a61ecdc859ce558af956ad53aceb4', name: "bus-outline" }))), h("smoothly-input-submit", { key: '0baa282b1620879cc24fc0d46e9a0fb5af72c231', icon: "checkbox-outline" }))));
|
|
8530
8530
|
}
|
|
8531
8531
|
};
|
|
8532
8532
|
|
|
@@ -8540,21 +8540,21 @@ var Contact;
|
|
|
8540
8540
|
});
|
|
8541
8541
|
})(Contact || (Contact = {}));
|
|
8542
8542
|
|
|
8543
|
-
const styleCss$
|
|
8544
|
-
const SmoothlyFormDemoTypedStyle0 = styleCss$
|
|
8543
|
+
const styleCss$17 = "";
|
|
8544
|
+
const SmoothlyFormDemoTypedStyle0 = styleCss$17;
|
|
8545
8545
|
|
|
8546
8546
|
const SmoothlyFormDemoTyped = class {
|
|
8547
8547
|
constructor(hostRef) {
|
|
8548
8548
|
registerInstance(this, hostRef);
|
|
8549
8549
|
}
|
|
8550
8550
|
render() {
|
|
8551
|
-
return (h(Host, { key: '
|
|
8551
|
+
return (h(Host, { key: '7514b7d1a2ee384a466f06f297f9e9cd9d5981e2' }, h("h2", { key: 'd8f291f66794b350b0d0bd55f117c13acf1c040b' }, "Typed Contact"), h("smoothly-form", { key: '9a2729aea5f4d35ed9d414aab3899e1df64684d4', validator: Contact.type }, h("smoothly-input", { key: '2ffae4d5ca23abab7cc8733ba9af3520d5e4c45e', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'f72e992b163e477d5f9c01dfa40f1c5b69261272', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: 'cc353b4e75915a01fd5fa29d5610ebab76cb4305', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '963b2da1d4e3a9aa67e87474acacdfd8b16f04d3', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'ed91212c03b8b44e6f6902c29d281407788b6a76', name: "country" }, h("span", { key: '7e4adb1c2b3dbca1f5c78138afa259ffa9c3a877', slot: "label" }, "Country"), Alpha2.values.map(country => (h("smoothly-item", { value: country }, from$1(country))))), h("smoothly-input-date", { key: '48e15ba2e6ff364c43b66f447f5048e0295625fc', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'c0c9bbed57cfbc57455eefc7c28213b0e1049b95', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '43f4f6c832eb5a05acc1e07644dca2fd1ff6f934', slot: "submit", size: "icon", color: "success" }))));
|
|
8552
8552
|
}
|
|
8553
8553
|
};
|
|
8554
8554
|
SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
|
|
8555
8555
|
|
|
8556
|
-
const styleCss$
|
|
8557
|
-
const SmoothlyFrameStyle0 = styleCss$
|
|
8556
|
+
const styleCss$16 = ".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}";
|
|
8557
|
+
const SmoothlyFrameStyle0 = styleCss$16;
|
|
8558
8558
|
|
|
8559
8559
|
const SmoothlyFrame = class {
|
|
8560
8560
|
constructor(hostRef) {
|
|
@@ -8601,8 +8601,8 @@ const SmoothlyFrame = class {
|
|
|
8601
8601
|
};
|
|
8602
8602
|
SmoothlyFrame.style = SmoothlyFrameStyle0;
|
|
8603
8603
|
|
|
8604
|
-
const styleCss$
|
|
8605
|
-
const SmoothlyIconStyle0 = styleCss$
|
|
8604
|
+
const styleCss$15 = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;align-items:center;justify-content:center}[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{width:1.2em;height:1.2em}[size=small].sc-smoothly-icon-h{width:1.4em;height:1.4em}[size=medium].sc-smoothly-icon-h{width:1.8em;height:1.8em}[size=large].sc-smoothly-icon-h{width:2.8em;height:2.8em}[size=xlarge].sc-smoothly-icon-h{width:4em;height:4em}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";
|
|
8605
|
+
const SmoothlyIconStyle0 = styleCss$15;
|
|
8606
8606
|
|
|
8607
8607
|
const SmoothlyIcon = class {
|
|
8608
8608
|
constructor(hostRef) {
|
|
@@ -8646,7 +8646,7 @@ const SmoothlyIcon = class {
|
|
|
8646
8646
|
}
|
|
8647
8647
|
render() {
|
|
8648
8648
|
var _a;
|
|
8649
|
-
return h(Host, { key: '
|
|
8649
|
+
return h(Host, { key: '44862417c70dcae3062b98709c60f61c000ac08e', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
|
|
8650
8650
|
}
|
|
8651
8651
|
static get watchers() { return {
|
|
8652
8652
|
"toolTip": ["nameChanged"],
|
|
@@ -8655,8 +8655,8 @@ const SmoothlyIcon = class {
|
|
|
8655
8655
|
};
|
|
8656
8656
|
SmoothlyIcon.style = SmoothlyIconStyle0;
|
|
8657
8657
|
|
|
8658
|
-
const styleCss$
|
|
8659
|
-
const SmoothlyIconDemoStyle0 = styleCss$
|
|
8658
|
+
const styleCss$14 = ".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}";
|
|
8659
|
+
const SmoothlyIconDemoStyle0 = styleCss$14;
|
|
8660
8660
|
|
|
8661
8661
|
const SmoothlyIconDemo = class {
|
|
8662
8662
|
constructor(hostRef) {
|
|
@@ -8667,7 +8667,7 @@ const SmoothlyIconDemo = class {
|
|
|
8667
8667
|
this.props = {};
|
|
8668
8668
|
}
|
|
8669
8669
|
render() {
|
|
8670
|
-
return (h(Host, { key: '
|
|
8670
|
+
return (h(Host, { key: '523622a3392091c05ee2f1eb11df2211adc38a9d' }, h("h2", { key: '3001c29af15f29d1d21913187a18a6fc9b6fb478' }, "Filter and Variants"), h("smoothly-form", { key: '614c2c1561768339b1b188d3b8dc2a3f07043924', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: '029ef4523d3a50f61d235b770d546993544c2ed2', name: "filter" }, "Filter"), h("smoothly-input-select", { key: 'da6b39d581f60af7ce9c566b1a6867dcf3f0bd75', name: "variant" }, h("span", { key: '227dd90eb85efe5d0cc1620162463702c7fb210b', slot: "label" }, "Variant"), h("smoothly-item", { key: 'd0389fd0a171e57cb80ba7d4096cfb1214f5c968', value: "outline" }, "outline"), h("smoothly-item", { key: '97853ed1e47f66f29e3f6e7ce2ed5bc19bb13789', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: 'fd0fe606d071aab417d5a62d64bf995018044ee4', slot: "end" }))), h("h2", { key: '1056e77e8daa2561375c291c0f3f30bf597a5e4c' }, "Props"), h("smoothly-form", { key: 'c55bff5c71b16850f11385da8325db555f04b3cd', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: 'fe44b586d99b1f2c07bdc382750a8762cbf8c0f2', name: "color" }, h("span", { key: '125594447b95c8a3370b6b4c8568250e7c4cd710', slot: "label" }, "Color"), Color.types.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: '9adcbdda6387357c9789e7e73e813ce5fda4f08f', slot: "end" })), h("smoothly-input-select", { key: '0dad470412db27b32a82a61d55c5cbc8a4c11e99', name: "flip" }, h("span", { key: '49b7e1b93477d2d9f42b8e5780c776d029a86ad6', slot: "label" }, "Flip"), h("smoothly-item", { key: 'bdc4f509ca363f80086d588fe41d6a0236e1b71c', value: "x" }, "x"), h("smoothly-item", { key: '98253120ba45e57aa0779b0dce7cd4f8d2a1b8ca', value: "y" }, "y"), h("smoothly-input-clear", { key: '2d517d99bf9900dea5db9523a552130f8fe4e7d5', slot: "end" })), h("smoothly-input-select", { key: '17f7e6c55a9b69a7b43044c3b679ea82ab4fe549', name: "size" }, h("span", { key: '3cfb39003d77c9cf84cc3969120dd12401acc9cf', slot: "label" }, "Size"), h("smoothly-item", { key: 'bbd6c2fec392991d26ce5904a031190be2982b97', value: "tiny" }, "tiny"), h("smoothly-item", { key: '34830196d95b43678d73ab425ba117b1bc3f037d', value: "small" }, "small"), h("smoothly-item", { key: '4138766f369e12dfeb86a1940b3fe702551e3675', value: "medium" }, "medium"), h("smoothly-item", { key: '432bb148682d033c022677b4bccac19bbfb288a2', value: "large" }, "large"), h("smoothly-input-clear", { key: '9c825b5a75922acd92a63bc569598cf3380c7a56', slot: "end" })), h("smoothly-input-range", { key: '432402f195632a0c28ed106f2101ac4fb0609ce6', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: '71c3425a12c40a0b0757bb84e5e9d0b6978b4590', slot: "end" }))), h("h1", { key: '2023d6c2b516099aa4a6da21cc3423175387861a' }, "Icons"), h("div", { key: '3c7b0e162a5107c6ab97b5da2403b083cb171cba', class: "icons" }, [
|
|
8671
8671
|
...Icon.Name.values
|
|
8672
8672
|
.filter(name => !this.display.filter || name.includes(this.display.filter))
|
|
8673
8673
|
.map((name) => (this.display.variant ? `${name}-${this.display.variant}` : name)),
|
|
@@ -8934,8 +8934,8 @@ class InputStateHandler {
|
|
|
8934
8934
|
}
|
|
8935
8935
|
}
|
|
8936
8936
|
|
|
8937
|
-
const styleCss$
|
|
8938
|
-
const SmoothlyInputStyle0 = styleCss$
|
|
8937
|
+
const styleCss$13 = ".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)}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.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>div.sc-smoothly-input>div.ghost.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>div.sc-smoothly-input>div.ghost.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>div.sc-smoothly-input>div.ghost.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>div.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)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}[invalid].sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:block;z-index:2;cursor:pointer}.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))}";
|
|
8938
|
+
const SmoothlyInputStyle0 = styleCss$13;
|
|
8939
8939
|
|
|
8940
8940
|
const SmoothlyInput = class {
|
|
8941
8941
|
constructor(hostRef) {
|
|
@@ -9063,7 +9063,7 @@ const SmoothlyInput = class {
|
|
|
9063
9063
|
}
|
|
9064
9064
|
render() {
|
|
9065
9065
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
9066
|
-
return (h(Host, { key: '
|
|
9066
|
+
return (h(Host, { key: '3fc905423d5254b46e48b2f433ea0339d00fcf19', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, h("slot", { key: '61d0acc825f8c09c416320291991a9f7e8747635', name: "start" }), h("div", { key: '80a86d79a71c2e3706925fd2afcd1d4173784cfd' }, h("div", { key: '87275f36e4fdf6d02e85bec867b8d7d538e16269', class: "ghost" }, h("div", { key: '51ad2aabffe421d21f67b0f7c2353c3ee83f75e1', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: '3fa1c2a8ab779dd79de96a63425d5b5830ec9b38', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: 'fa6c3c58f831f5a2f45786d2ed28244c9151d510', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
|
|
9067
9067
|
this.state = this.stateHandler.onKeyDown(event, this.state);
|
|
9068
9068
|
if (event.key == "Enter")
|
|
9069
9069
|
this.smoothlyBlur.emit();
|
|
@@ -9076,7 +9076,7 @@ const SmoothlyInput = class {
|
|
|
9076
9076
|
if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
|
|
9077
9077
|
this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
|
|
9078
9078
|
}
|
|
9079
|
-
} }), h("label", { key: '
|
|
9079
|
+
} }), h("label", { key: 'd5028b886068594878aafe45fbd0717ffb8fe967', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: 'a7d06eddc4e537e75097bb884cb04335a9094002' })), h("smoothly-icon", { key: '37a6af033a22bed6ec0ab7935826b9bb8bfe4b98', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), h("slot", { key: 'ffeffc908bd319a22aa0c1d43ef4851e218275c1', name: "end" })));
|
|
9080
9080
|
}
|
|
9081
9081
|
get element() { return getElement(this); }
|
|
9082
9082
|
static get watchers() { return {
|
|
@@ -9089,8 +9089,8 @@ const SmoothlyInput = class {
|
|
|
9089
9089
|
};
|
|
9090
9090
|
SmoothlyInput.style = SmoothlyInputStyle0;
|
|
9091
9091
|
|
|
9092
|
-
const styleCss$
|
|
9093
|
-
const SmoothlyInputCheckboxStyle0 = styleCss$
|
|
9092
|
+
const styleCss$12 = ".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)}.sc-smoothly-input-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks=\"line\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding:0 var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.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:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly]),.sc-smoothly-input-checkbox-h:not([readonly])>*.sc-smoothly-input-checkbox{cursor:pointer}[readonly].sc-smoothly-input-checkbox-h,[readonly].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{cursor:not-allowed;border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}";
|
|
9093
|
+
const SmoothlyInputCheckboxStyle0 = styleCss$12;
|
|
9094
9094
|
|
|
9095
9095
|
const SmoothlyInputCheckbox = class {
|
|
9096
9096
|
constructor(hostRef) {
|
|
@@ -9157,7 +9157,7 @@ const SmoothlyInputCheckbox = class {
|
|
|
9157
9157
|
!this.disabled && !this.readonly && (this.checked = !this.checked);
|
|
9158
9158
|
}
|
|
9159
9159
|
render() {
|
|
9160
|
-
return (h(Host, { key: '
|
|
9160
|
+
return (h(Host, { key: 'd50cfacb3fd0761201a7c75d219513276565e355', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, h("input", { key: 'f8c3d4bec3f0db915a23b6307d28a7c95e79deab', type: "checkbox", checked: this.checked }), this.checked && h("smoothly-icon", { key: '1cc32b333aeb332d5d61f3abe8e39bf8d89dee62', name: "checkmark-outline", size: "tiny" }), h("label", { key: 'bdcffaab26d87f09d6806403f332812549185dbf' }, h("slot", { key: '05fe996160e47795fa0998510833cb29eb8df60b' }))));
|
|
9161
9161
|
}
|
|
9162
9162
|
get element() { return getElement(this); }
|
|
9163
9163
|
static get watchers() { return {
|
|
@@ -9166,8 +9166,8 @@ const SmoothlyInputCheckbox = class {
|
|
|
9166
9166
|
};
|
|
9167
9167
|
SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
|
|
9168
9168
|
|
|
9169
|
-
const styleCss
|
|
9170
|
-
const SmoothlyInputClearStyle0 = styleCss
|
|
9169
|
+
const styleCss$11 = "[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-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);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;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.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}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.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;align-items: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])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h>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])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>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%)}";
|
|
9170
|
+
const SmoothlyInputClearStyle0 = styleCss$11;
|
|
9171
9171
|
|
|
9172
9172
|
const SmoothlyInputClear = class {
|
|
9173
9173
|
constructor(hostRef) {
|
|
@@ -9207,13 +9207,13 @@ const SmoothlyInputClear = class {
|
|
|
9207
9207
|
}
|
|
9208
9208
|
render() {
|
|
9209
9209
|
var _a;
|
|
9210
|
-
return (h(Host, { key: '
|
|
9210
|
+
return (h(Host, { key: '9484f284e75befd19d39c3af18e935d345aac3fc', title: this.tooltip }, h("smoothly-button", { key: 'fd7d67d5c52092142241cf09ebf9e1d6844f1707', 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: '7f198efb670dc5dd3ace5e46374bc06802106abf' }), h("smoothly-icon", { key: '71e47a4704225ad81ee46c5070d0c26bf8469089', name: "close", size: "tiny" }))));
|
|
9211
9211
|
}
|
|
9212
9212
|
};
|
|
9213
9213
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9214
9214
|
|
|
9215
|
-
const styleCss$_ = ".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)}.sc-smoothly-input-color-h[looks=\"border\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}.sc-smoothly-input-color-h[looks=\"line\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{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)}.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{filter:opacity(60%)}.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:10;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}";
|
|
9216
|
-
const SmoothlyInputColorStyle0 = styleCss$
|
|
9215
|
+
const styleCss$10 = ".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)}.sc-smoothly-input-color-h[looks=\"border\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}.sc-smoothly-input-color-h[looks=\"line\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{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)}.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{filter:opacity(60%)}.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:10;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}";
|
|
9216
|
+
const SmoothlyInputColorStyle0 = styleCss$10;
|
|
9217
9217
|
|
|
9218
9218
|
const SmoothlyInputColor = class {
|
|
9219
9219
|
constructor(hostRef) {
|
|
@@ -9357,7 +9357,7 @@ const SmoothlyInputColor = class {
|
|
|
9357
9357
|
}
|
|
9358
9358
|
render() {
|
|
9359
9359
|
var _a, _b, _c, _d, _e, _f;
|
|
9360
|
-
return (h(Host, { key: '
|
|
9360
|
+
return (h(Host, { key: '9da4ea2a1e58eb1a75014205416580539a384f19', style: {
|
|
9361
9361
|
"--hexCode": this.value,
|
|
9362
9362
|
"--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
|
|
9363
9363
|
"--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
|
|
@@ -9366,7 +9366,7 @@ const SmoothlyInputColor = class {
|
|
|
9366
9366
|
"--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
|
|
9367
9367
|
"--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
|
|
9368
9368
|
"--element-height": `${this.element.clientHeight}px`,
|
|
9369
|
-
} }, h("smoothly-input", { key: '
|
|
9369
|
+
} }, h("smoothly-input", { key: '6a6d3f628aefdf5523b5a734a4fbca83e2719c70', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, h("slot", { key: '69b0d883ff53fbcebc69e8ee136ab5e4b0c2e6e3' })), h("div", { key: 'e047b5bff06a7d4b2d454b9f1e64c4e88ff6702c', class: "color-sample" }), h("smoothly-icon", { key: 'd1736a34a2b945aecda80a8ead022decfb15109b', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), h("div", { key: '10de1092a9d22351ca0806097fb5f68b2c68e9c1' }, h("slot", { key: '46827502f847a0750bf5b7b13f2f3d869612131b', name: "end" })), this.open && !this.readonly && (h("div", { key: '95f213489fe9f74eebf863b93a2222a3c89625a9', class: "rgb-sliders" }, h("smoothly-toggle-switch", { key: '8a214e7ddfaf7bc5fd64f8fd06152170c0164e2f', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
|
|
9370
9370
|
}
|
|
9371
9371
|
get element() { return getElement(this); }
|
|
9372
9372
|
static get watchers() { return {
|
|
@@ -9380,13 +9380,13 @@ const SmoothlyInputColorDemo = class {
|
|
|
9380
9380
|
registerInstance(this, hostRef);
|
|
9381
9381
|
}
|
|
9382
9382
|
render() {
|
|
9383
|
-
return (h(Host, { key: '
|
|
9383
|
+
return (h(Host, { key: 'd9da59270cd8b8b30bb8bbddd09253bd3e87a6d1' }, h("h2", { key: '39bfb6f5cda61721368ee1dad508d4e988e305eb' }, "Color"), h("smoothly-input-color", { key: 'f879114fbe6e72d52308c0b69ae76b2b2c916c79', name: "color" }, "Choose color")));
|
|
9384
9384
|
}
|
|
9385
9385
|
};
|
|
9386
9386
|
SmoothlyInputColorDemo.style = "style.css";
|
|
9387
9387
|
|
|
9388
|
-
const styleCss
|
|
9389
|
-
const SmoothlyInputDateStyle0 = styleCss
|
|
9388
|
+
const styleCss$$ = ".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)}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{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-input.sc-smoothly-input-date{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[readonly].sc-smoothly-input-date-h,[readonly].sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";box-sizing:border-box;position:absolute;top:1px;z-index:9;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))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
|
|
9389
|
+
const SmoothlyInputDateStyle0 = styleCss$$;
|
|
9390
9390
|
|
|
9391
9391
|
const SmoothlyInputDate = class {
|
|
9392
9392
|
constructor(hostRef) {
|
|
@@ -9472,13 +9472,13 @@ const SmoothlyInputDate = class {
|
|
|
9472
9472
|
event.stopPropagation();
|
|
9473
9473
|
}
|
|
9474
9474
|
render() {
|
|
9475
|
-
return (h(Host, { key: '
|
|
9475
|
+
return (h(Host, { key: 'dd5cb22ac438173fa42b0cc33d30d5f2d2cfc6ab' }, h("smoothly-input", { key: 'a5b78b48e4fe1f56394c194f1a204d9aaac9ecc3', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9476
9476
|
e.stopPropagation();
|
|
9477
9477
|
this.value = e.detail[this.name];
|
|
9478
|
-
} }, h("slot", { key: '
|
|
9478
|
+
} }, h("slot", { key: '9f926b39e9c5750d8099e77195788cdb0bf757aa' })), h("span", { key: '527ecd6825dd1b46d8faf4d97e2522ecc8a1b4db', class: "icons" }, h("slot", { key: '8edd6c554ffc9df30d2dde2cea952cd069648d39', name: "end" })), this.open && !this.readonly && (h("nav", { key: 'e5adc9ac0dea0c93e87774f81afde215b7bd071a' }, h("smoothly-calendar", { key: 'd93d146dbd74f8925dffe92cb181d386e1a9e7ff', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
|
|
9479
9479
|
this.value = event.detail;
|
|
9480
9480
|
event.stopPropagation();
|
|
9481
|
-
}, max: this.max, min: this.min }, h("div", { key: '
|
|
9481
|
+
}, max: this.max, min: this.min }, h("div", { key: 'cdf37ec29e2150b44fee7c7153fe9eb301aa7548', slot: "year-label" }, h("slot", { key: '961d1de6ef85344b433a8405963a817b57f94a5f', name: "year-label" })), h("div", { key: '5edd148108c9ad3cce7ccbdcf23985c067c3d324', slot: "month-label" }, h("slot", { key: 'cad29d4e9e8932d3547bbe17ce006e99b861f35d', name: "month-label" })))))));
|
|
9482
9482
|
}
|
|
9483
9483
|
get element() { return getElement(this); }
|
|
9484
9484
|
static get watchers() { return {
|
|
@@ -9487,8 +9487,8 @@ const SmoothlyInputDate = class {
|
|
|
9487
9487
|
};
|
|
9488
9488
|
SmoothlyInputDate.style = SmoothlyInputDateStyle0;
|
|
9489
9489
|
|
|
9490
|
-
const styleCss$
|
|
9491
|
-
const SmoothlyInputDateRangeStyle0 = styleCss$
|
|
9490
|
+
const styleCss$_ = ".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)}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:pointer}[readonly].sc-smoothly-input-date-range-h,[readonly].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:not-allowed}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -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))}.sc-smoothly-input-date-range-h>section.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>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{min-width:15rem;background-color:transparent;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}";
|
|
9491
|
+
const SmoothlyInputDateRangeStyle0 = styleCss$_;
|
|
9492
9492
|
|
|
9493
9493
|
const SmoothlyInputDateRange = class {
|
|
9494
9494
|
constructor(hostRef) {
|
|
@@ -9584,12 +9584,12 @@ const SmoothlyInputDateRange = class {
|
|
|
9584
9584
|
}
|
|
9585
9585
|
render() {
|
|
9586
9586
|
const locale = navigator.language;
|
|
9587
|
-
return (h(Host, { key: '
|
|
9587
|
+
return (h(Host, { key: '0a39feda764bfd21373182adf3b7f5b0b3472eb2', tabindex: 0 }, h("section", { key: '6bc56a02490b2e855d9d9c0b6f2b4e79d2f097b9', onClick: () => !this.readonly && (this.open = !this.open) }, h("smoothly-input", { key: 'bb64b743e16f0f80232a101121475c9b18bf22fe', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
|
|
9588
9588
|
? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
|
|
9589
9589
|
: undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
9590
9590
|
e.stopPropagation();
|
|
9591
9591
|
this.inputHandler(e.detail);
|
|
9592
|
-
} }, h("slot", { key: '
|
|
9592
|
+
} }, h("slot", { key: '5c0304ae71532534e4df6673a2ca538e131ce7cc' }))), h("span", { key: '51c98ef57299158e77be485a5355d4a98eda18a2', class: "icons" }, h("slot", { key: 'a8e2f3cf5dee52eb181865b6fb6b992a87216a54', name: "end" })), this.open && (h("nav", { key: 'e41d58a167a882bff1878fec710c5295dc3f7ea3' }, h("smoothly-calendar", { key: 'de6578bbf253dbf6b5179629e1a414d311c40785', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9593
9593
|
e.stopPropagation();
|
|
9594
9594
|
this.start = e.detail;
|
|
9595
9595
|
}, onSmoothlyEndChange: e => {
|
|
@@ -9610,8 +9610,8 @@ const SmoothlyInputDateRange = class {
|
|
|
9610
9610
|
};
|
|
9611
9611
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
9612
9612
|
|
|
9613
|
-
const styleCss$
|
|
9614
|
-
const SmoothlyInputDemoStyle0 = styleCss$
|
|
9613
|
+
const styleCss$Z = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}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;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
|
|
9614
|
+
const SmoothlyInputDemoStyle0 = styleCss$Z;
|
|
9615
9615
|
|
|
9616
9616
|
const SmoothlyInputDemo = class {
|
|
9617
9617
|
constructor(hostRef) {
|
|
@@ -9620,23 +9620,23 @@ const SmoothlyInputDemo = class {
|
|
|
9620
9620
|
this.alphanumeric = "!@##";
|
|
9621
9621
|
}
|
|
9622
9622
|
render() {
|
|
9623
|
-
return (h(Host, { key: '
|
|
9623
|
+
return (h(Host, { key: '2c21d84c0c387c41621323eac28a6fb0c7aa9eff' }, h("smoothly-input-demo-standard", { key: '119dd61fec7d5679e7d71ed8b1cbd7cd7676df8e' }), h("div", { key: 'f27fe4ccbce6bcb2bb247a7ca2bdf1a3c0f48eeb', class: "inputs" }, h("h2", { key: '14d1b974cd3d39d9bfce6db4db90390829af27fc' }, "Calendar"), h("smoothly-input-date", { key: '2554c0764e1c3240fed2a60b1f0fed1debc4b288', name: "some-date" }, "Calendar"), h("h2", { key: '566d6aa65ed9d693953c8f16fcfdd84877f948f6' }, "Date Range"), h("smoothly-input-date-range", { key: '888e3043ba1f13b4ee9bd00b214cb422745271e5', 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: '40cc239a477203bcec3950ca8f9d58760662b6f4', 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: '5914ae9340c307ebb9f2d237be1c464489af5e11', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '27f7376080ee0194d9b10c1b67fca176171582ca', looks: "grid", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9624
9624
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9625
|
-
} }, h("smoothly-input-clear", { key: '
|
|
9625
|
+
} }, h("smoothly-input-clear", { key: '68f4e45c98c8ae86540d47dda347f7da2a6311c0', slot: "end", size: "icon" })), h("h2", { key: '22fa286405039f0ffad5f3e0699d319e19afab81' }, "Date"), h("smoothly-input-date", { key: '234714e87a3d7758ddb461c2e41d8338b08d1dac' }, "Date"), h("smoothly-input-date", { key: 'ffa9825d1607cfff36c0f905c54f599eb27641df', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '0996c7930dda251e062c3ddeb3913235945c8770', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: 'f93840584abbe3bcf42b2ef631b9af0ad3777cb9', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '922eba0deb0d83ef492fc6179729784b65d56007', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '1e1922feaf0d74cbd28838910e76aa4996b79379', slot: "end", size: "icon" })), h("h2", { key: '285f1e7ac38d73d1cefd2d09cad980e3bfdb4eef' }, "Select"), h("div", { key: '530acc8bb23dcded52f542fd5776b9915d8747a5', class: "select-div" }, h("smoothly-input-select", { key: '055b09252fe6854519b55355309123649a1d8548', name: "select-dessert", looks: "border" }, h("label", { key: 'eb009b697a58e228e218b03be5c5443f9112813e', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '797c3dacc4cfdfc5dbc844c84792e33bb7717315', value: "1" }, "Ice cream"), h("smoothly-item", { key: '39663fc179e11bb1dde2d11070a071ae2b6c983e', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '07ecb2a92ba7a8d96702cade6cea2352abd9b6ba', value: "3" }, "Cookie"), h("smoothly-item", { key: '199fd2229c654cce7219f1f443c92d0159f688d8', value: "4" }, "Croissant"), h("smoothly-item", { key: 'ca81d64043bed3518c468e9b7889106c28a6c9a3', value: "5" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'efbe12f1284be04fa9da11fb06f566ca4e3566f3', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '5f1f71f6e23c2c966774f2400acc19b05ab953ab', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: 'e05b5b2685a0e43751f543f2007250989f13998f', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '9e6dd82329905758ed38829b83d540d21b700970', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '9b0292116361e68bcb8565269d1c9887231769ba', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: 'f75d180a17e590e1c6d266f3d54fb14ba0583d77', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '70b55fca1ebf5d1ce143537d0ce0cb59eb1239d9', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '38593ddd022bf1b89e2a1f746bdb78ac25adfaf5', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '73817d432108c84097d89ae6343f4467c2c3dba5', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'a02780a198f189e67bd9afb876dfd40d48d8749e', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '6396739580e9c4641f89dfb7b0124a2286d7f80d', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '780d77499458aae22ef7a263254337863263d258', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'fe2015a62f5df7bf43f47b20970f44956090e515', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '3a3d3e369cafc3a5b4730c45410020edff3847aa', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '8ffb133d23c890286071965e4a81b4f0c1c7a40c', value: "folder", selected: true }, h("smoothly-icon", { key: '1c4258df5c53f0ea7131bbe7f70aa9a0763c590e', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '29b5bf212246c78ad291018ed913571d97c264d9', value: "camera" }, h("smoothly-icon", { key: 'e0c3ee87ca0e922c7791d0ec6122b82788d77b18', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: 'e1d10123cb5b1a787382817c07e10a3deb74ea34', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c26862e531cb18e66740c61b29211040213acaee', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9626
9626
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9627
|
-
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '
|
|
9627
|
+
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '914bcb2ad740dead0f170ca65d6709ccc074da64', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'a0a19f995856bbed75facfd13e8678e2660a3f00', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'b204bf4e58d9e958caa858bef2e6c332d4380aac', value: "1" }, "January"), h("smoothly-item", { key: 'af992fa019db3145e771d99a9d8076ef4d29e8ff', value: "2" }, "February"), h("smoothly-item", { key: 'ad288e51d7da7b7e036c6c03e41e58ace1e9ebba', value: "3" }, "March"), h("smoothly-item", { key: '6eef09ea011660bc8f05890dc8e3b214162c1a8a', value: "4" }, "April"), h("smoothly-item", { key: 'b35f8c9936d3d889820a32a4952bc00d9e207777', value: "5" }, "May"), h("smoothly-item", { key: '6334d689acd1db1ff3371b83845e42fbed12cf97', value: "6" }, "June"), h("smoothly-item", { key: 'e0e6fd95341bc868cfb078c3084087ae1f7116b1', value: "7" }, "July"), h("smoothly-item", { key: 'e1d2110eb9ce3049fad072dbc7b3ee5fdd5417e0', value: "8" }, "August"), h("smoothly-item", { key: '67e1e2e03fe996d3513713777fc5fb173bde40f3', value: "9" }, "September"), h("smoothly-item", { key: '1d339f1b19f2837821e9ad1854ff91c6377a9b46', value: "10" }, "October"), h("smoothly-item", { key: 'f337d69b0cf691004026dcd1fd9fb6e05663e6ab', value: "11" }, "November"), h("smoothly-item", { key: '59e4f576d3682797d304af9de5b034874232edd8', value: "12" }, "December"))), h("h2", { key: '857f8038b0c7eba6cc1cdf809006602895bd50ce' }, "Duration"), h("smoothly-input", { key: '2fe4664cc1c0ccab14c73eace5e3245050ee42e6', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9628
9628
|
const duration = e.detail.duration;
|
|
9629
9629
|
this.duration = duration;
|
|
9630
|
-
} }, "Duration"), h("smoothly-input", { key: '
|
|
9630
|
+
} }, "Duration"), h("smoothly-input", { key: '4d2c766c08d7668dc950cdf0e79c2376e65cb10e', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9631
9631
|
const duration = e.detail.duration;
|
|
9632
9632
|
this.duration = duration;
|
|
9633
|
-
} }, "Duration"), h("h2", { key: '
|
|
9633
|
+
} }, "Duration"), h("h2", { key: 'ebe91cd09ac5eaf64582d32e2d19020e28a8e431' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'c5a54e12f1e6bc615e82820adb9808028963ee62', 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: '436d524f5d496de80f178eb48967707ef2c371cc' }, "Identifiers"), h("smoothly-input", { key: 'e81c1ea987dbae312c926b4c23e484d5224c369c', type: "identifier-code" }, "Code"), h("smoothly-input", { key: 'c8e035329dfce2d45feb2584dc9bdea751f780d6', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '0c601277a87d76107c59ff9ed9a972220c9ce8ae', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '02c6999478f3c1bba98afdde77a3d0423947ea4b', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '6192de09d6ee62b9a94f26d144edd0f31b9094fe', type: "identifier-camel" }, "Camel"), h("h2", { key: '031f9e449e3c161737d14f175b1c125bc7c42b23' }, "Input Alternatives"), h("smoothly-input", { key: '9d0ccf91ea643a35949fce4e127e4da41404d84c', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: 'b700bb685a07e1506639e01e2635a423b5082cd5', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '3e2556fb2f33499792dd69becf68a6042a7e4027', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '7020584ecc47e9e3ee55834f3340ae1a5fb31dd0', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'c32269531a2cce3ce8600884e33f477a804091a6', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '5807e5e4b0eafbf9a45fcd4612fadbdd2b1b1a84', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '6ad0ed7ca5fc6fbcadd643c956e83cf40b83c86d', placeholder: "test" }), h("smoothly-input-submit", { key: 'fefaf76c25fbca0e52c03b013db854215775278e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'a21b1ac255ec749e48b8f3600f50aa60742065af' }, "Smoothly checkboxes"), h("div", { key: '0f174810638970840571e784396f5386f9a728a1', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '4d3919ee270974bee934702b45c0e43fbf391991', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: 'e1947db3f4e0cb37b86621b532d5123e0de24a12', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: '5db66f0e920a5ce03c9bf0c4829b042eae9adbc0', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '93b2170be8dbbe239e75079a45fe0d4acf3ed40a', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'e8ec74b50cf2be6e30a37e787a61e904df1b9154', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '7e44d27a76d61736ec42a2e8d8531132c5ac86b2', name: "third-checkbox" }, "3rd")), h("h4", { key: '3751c4486172886d76699dd0b4c2685201ef2c6a' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '999bd3f7ebc3b66dad5dfcb419e3f89dc80efae0', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '0df5464e535813443495fc3ea18310878697ce8b', name: "checkmark-circle", slot: "start" }), h("label", { key: '0561365fd4133d9cc73f3abb2c50970074fbb1ca', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'fa9180e66a63c3804c9d93976fd427cb6416c0ff', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '0aa37e8ac6dbb5796ae4bbdaa6b04990f6e627f8', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '1fa790e6efe4c1a4c3a647ab75fa1bd8ff5cd1f2', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '6f6470d0341663a35e904ce3a26a25b0ab357838', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '8971a429e5e231b283864c2a50c9a4d8e5026d3d', name: "radioSecondInput" }, h("label", { key: 'fceed2bb3cd4e69e3f5478cee6f9c31682470da1', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '285d7046af2ebe57f66932d843f2db35f2927c83', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '990ce64efece7e1f27572bb1ac983c7d695ab4bf', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '6367bbe2e7e5f80ec66854ce8e1d59cafd7e6006', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: 'd5ba0827aac67b46b29d0c6cd9ffffcaf3f75fa6', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '77f0e308ff8a0632005246f0f3d7cd39fa4720f9', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '9a50b5807b38dd21431e0bcfd7a741ae5f1f7858', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: 'a026639b8abb9a20214d26ef4e745104aab9f3b5' }), h("smoothly-input-color-demo", { key: 'a1d742e35900ee52300d94461e848182a811687c' }), h("smoothly-input-price-demo", { key: '13548eae0e3e92ab25cbab2dba88e771990feb2f' }), h("smoothly-back-to-top", { key: '7dd86bfc6d190cb82949d74faa1b7e76fa6443a0' }))));
|
|
9634
9634
|
}
|
|
9635
9635
|
};
|
|
9636
9636
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
9637
9637
|
|
|
9638
|
-
const styleCss$
|
|
9639
|
-
const SmoothlyInputDemoStandardStyle0 = styleCss$
|
|
9638
|
+
const styleCss$Y = ".sc-smoothly-input-demo-standard-h{width:50%;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}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:2fr 1fr;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}.vertical.sc-smoothly-input-demo-standard-h{width:100%;row-gap:0;position:relative}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;grid-template-columns:repeat(auto-fill, 14rem);gap:.5rem}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{display:none}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.guide-lines.sc-smoothly-input-demo-standard::before,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.guide-lines.sc-smoothly-input-demo-standard::after{content:\"\";pointer-events:none;right:0;width:100vw;position:absolute;z-index:2;border-top:1px dotted black}.sc-smoothly-input-demo-standard-h:not(.vertical) .guide-lines.sc-smoothly-input-demo-standard{display:none}.guide-lines.sc-smoothly-input-demo-standard{text-align:end;justify-self:center;align-content:center}.guide-lines.sc-smoothly-input-demo-standard::before{top:1rem}.guide-lines.sc-smoothly-input-demo-standard::after{top:2rem}.guide-lines.show-label.sc-smoothly-input-demo-standard::before{top:1.05rem}.guide-lines.show-label.sc-smoothly-input-demo-standard::after{top:2.3rem}";
|
|
9639
|
+
const SmoothlyInputDemoStandardStyle0 = styleCss$Y;
|
|
9640
9640
|
|
|
9641
9641
|
const SmoothlyInputDemoStandard = class {
|
|
9642
9642
|
constructor(hostRef) {
|
|
@@ -9659,14 +9659,14 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9659
9659
|
}
|
|
9660
9660
|
render() {
|
|
9661
9661
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9662
|
-
return (h(Host, { key: '
|
|
9662
|
+
return (h(Host, { key: '784cd389b73ec998cfc33687554c6ce89652079d', class: { vertical: !!this.options.vertical } }, h("div", { key: '922dcb022d6102729c23cf6b3e4eb9d181104791', class: "description" }, h("h2", { key: '25394f0be9723506febc2d87d1fd5c4120b4ca39' }, "Input Standard"), h("p", { key: '062ca48b69560e7237a419f182bf77dd5d549698' }, "Height of input should be ", h("code", { key: '6f3d6eb77059d1e485b802b4882720980077c0b3' }, "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: '04bcc3858224312058187a41bfb6f99ca314aa44', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '0d2abfaec915f58a4f43024fab1723d597fd2dc5', name: "looks" }, h("span", { key: 'ef60b294b701aedeb1540007cc0e6c4f7fc196e7', slot: "label" }, "Looks"), Looks.types.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-checkbox", { key: '49f2bf14f8ad5734097b0aa7e58b5216d803be62', name: "readonly" }, "Readonly"), h("smoothly-input-select", { key: 'b4da34fe37a43cc44a6f5a779740e793724fc446', name: "color" }, h("span", { key: '40ab845ccf5250bce39c7f70d76c093cffc93c26', slot: "label" }, "Color"), Color.types.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: '4506d88ad3a4a4863b48ce00bca5b40d48204cb3', slot: "end" })), h("smoothly-input-checkbox", { key: '8d20deeda95a6afbbd75a4788963fe6cb21e34a0', name: "vertical" }, "Vertical Layout"), h("smoothly-input-checkbox", { key: 'fab8770e50db7c6263fe5dd8768c5a049e3005ad', name: "showLabel", checked: this.options.showLabel }, "Show Label"), h("smoothly-input-checkbox", { key: 'a3f6d6aced12a9d905f5b3f73530dc145735a17f', name: "placeholder", checked: this.options.placeholder }, "Placeholder"), h("smoothly-input-range", { key: '6685791a655b9de1499a1f738fc5197ecb9a67a0', label: "Border Radius (rem)", name: "borderRadius", value: this.options.borderRadius, min: 0, max: 2, step: 0.25 }))), h("div", { key: '1b4d02bdb4dc4c1e992eeb6040ae158e2748d50f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '2608d0af230ddc45a5e305f5cd50306d7944f13f', class: "width" }, "100%"), h("div", { key: '2f86b418dc79ec24e6f76c8f66351dd5d06acb6d', class: "left-padding" }, "0.5rem - left padding"), h("smoothly-input", { key: '5d2355bd0874b9717f29a347042b855caf3735e2', name: "text", looks: this.options.looks, placeholder: placeholder, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'df7abc3274a87b70abd7e440fc93f778e9e88d77' }, "Text"), h("smoothly-input-clear", { key: '88e2456ddb005705f7ba71cd60bec4cf9ee95f8d', slot: "end" })), h("div", { key: '44e12dede8311dd568518f72c42530b3ecfb66af', class: "height" }), h("smoothly-input-select", { key: '5019fe1b9518e783aa7da0e7fc2a5a83dc93a128', name: "month", looks: this.options.looks, placeholder: placeholder, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && h("label", { key: '0cb0541a87e4dcca91ce0d80dafdba72f85b9e03', slot: "label" }, "Select"), h("smoothly-item", { key: 'e5b3071fea883db86b9e231f4b2c20732173536c', value: "1" }, "January"), h("smoothly-item", { key: '495795fabf01a9070b762cd66e5ed770f228bf4d', value: "2" }, "February"), h("smoothly-item", { key: 'faaac29a98b1ec33c26bdf5f6514a76412f32228', value: "3" }, "March"), h("smoothly-item", { key: 'b1426ae59bb51ade1e7dad20fb6e1949b3a5c0f8', value: "4" }, "April"), h("smoothly-item", { key: 'e9d3f4dfe7ee79709e5a8b290a7fd9518fde709e', value: "5" }, "May"), h("smoothly-item", { key: '4d4d17f2c6fc5bd16287bc4b61fc98e647745839', value: "6" }, "June"), h("smoothly-item", { key: 'bf85ab8cc41ce12e4f39128fc346354e90e4a818', value: "7" }, "July"), h("smoothly-item", { key: '4ac673d58a2720c0faa744d48d6396e3b1bde9dd', value: "8" }, "August"), h("smoothly-item", { key: '1d9f93d1104446b13c7acd9600d17644f1e1b0b3', value: "9" }, "September"), h("smoothly-item", { key: '4c7879c0c8f1fb4a1e5fffdac85d70fddbee6be1', value: "10" }, "October"), h("smoothly-item", { key: '39af8225cc806f8ecd6baef04179bd8641c4f45c', value: "11" }, "November"), h("smoothly-item", { key: '91181c350899880d8d557464eb2d73233a745725', value: "12" }, "December"), h("smoothly-input-clear", { key: '38bf44afab753632846ae8f1e06da14396a069d2', slot: "end" })), h("div", { key: 'f3f4a148d023e69f350d584f676f3f9230d50b81', class: "height" }), h("smoothly-input-checkbox", { key: '04145e3352cb19b808b667bc7f915aa4ed11b139', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), h("div", { key: '9730c4383240e7dfd827f6363a51af1e20f2b0d2', class: "height" }), h("smoothly-input-radio", { key: '80016b96d58dd97c3e76b1a58896011005793bc5', name: "radio", clearable: true, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: 'e352df7b302d99455e10aba7dec3c80c463c8d12', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '1f64692c6c834c37ceb0a13ab68dc65468cba491', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '003bddef9a78f0380abd81a12c3588b52c5f3a96', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '4846a126e904c491bcb8377ee6a00911777d882e', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'b14968dc755270099340bfccf8a1909155fb9211', slot: "end" })), h("div", { key: 'cb18de85115b554d5e9d4e1490531a7083dd8a77', class: "height" }), h("smoothly-input-file", { key: 'b97675882d95e04f8692c5b3460b4ccabfc1e975', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '7fa640ef3e6db9e981dcab96857df59cec8e576d', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'c0a80dea47043e132bff876dddbdcf0283c7c998', slot: "end" })), h("div", { key: '29b5b4dbfc7b547cc6defb6dd3d7971d92d3a57e', class: "height" }), h("smoothly-input-range", { key: '2913c10df0c8f821f96e6380c96c142322e2beaf', name: "range", label: this.options.showLabel ? "Range" : undefined, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, h("smoothly-input-clear", { key: '2927d9e4292279ffe1d3e0d430214764e3112535', slot: "end" })), h("div", { key: '76d623669ac24a878c40044d96182d84e8e9dddc', class: "height" }), h("smoothly-input-color", { key: '2e2bf08a782668b937eec20119d59245486a3b8c', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'b152d46dd05edd95214cd4bc00feda7e14102a92' }, "Color"), h("smoothly-input-clear", { key: '688575ba0e75c9fd8089a51618b3df6691e0b6d0', slot: "end" })), h("div", { key: 'a288a016a8aba3a666004d1745af57a9a49c4a84', class: "height" }), h("smoothly-input-date", { key: '50c9171499d5ee91181babfcaeb01884483e5430', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '3a738742111958ee0b4e520d3882bfc122f25764' }, "Date"), h("smoothly-input-clear", { key: '1eb81c4f1c3d838825d02cde5dab3ec1c778203b', slot: "end" })), h("div", { key: 'b2ef4db841230f6b80bc540c7f37ff1aeebb6cab', class: "height" }), h("smoothly-input-date-range", { key: 'f64d6d45d5efd6f3c19a5f8739b43b7bfcee5de3', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'd419575d64589b4b2817b90fd2ae4f0d3440880e' }, "Date Range"), h("smoothly-input-clear", { key: '3e305c54a0d42326b5eea572ce62f3dccb15cc6c', slot: "end" })), h("div", { key: '96094b6ec9150edb1f8c5a64f51b3646296be49c', class: "height" }), h("div", { key: '2bce35052b55dc97f8da3e995110cbb2a22fde28', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9663
9663
|
}
|
|
9664
9664
|
get element() { return getElement(this); }
|
|
9665
9665
|
};
|
|
9666
9666
|
SmoothlyInputDemoStandard.style = SmoothlyInputDemoStandardStyle0;
|
|
9667
9667
|
|
|
9668
|
-
const styleCss$
|
|
9669
|
-
const SmoothlyInputEditStyle0 = styleCss$
|
|
9668
|
+
const styleCss$X = "[color=default].sc-smoothly-input-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-edit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-edit-h{display:inline}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit:empty,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:empty{border-width:0}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{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-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit: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-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-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-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type=\"input\"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}";
|
|
9669
|
+
const SmoothlyInputEditStyle0 = styleCss$X;
|
|
9670
9670
|
|
|
9671
9671
|
const SmoothlyInputEdit = class {
|
|
9672
9672
|
constructor(hostRef) {
|
|
@@ -9698,13 +9698,13 @@ const SmoothlyInputEdit = class {
|
|
|
9698
9698
|
}
|
|
9699
9699
|
render() {
|
|
9700
9700
|
var _a;
|
|
9701
|
-
return (h(Host, { key: '
|
|
9701
|
+
return (h(Host, { key: 'c4187c46bdcb80dac6991e3b3e72cb04a1f019db', title: this.toolTip }, h("smoothly-button", { key: '44d5368b74918d0686d13f03a5c915630e5a80e7', 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: 'fcdc2c3e243dd00405415fc700a466a62e4b3c1a' }), h("smoothly-icon", { key: 'b653b0fb812c845b15d56096052e2672e019aadf', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9702
9702
|
}
|
|
9703
9703
|
};
|
|
9704
9704
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
9705
9705
|
|
|
9706
|
-
const styleCss$
|
|
9707
|
-
const SmoothlyInputFileStyle0 = styleCss$
|
|
9706
|
+
const styleCss$W = ".sc-smoothly-input-file-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)}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-file-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-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
|
|
9707
|
+
const SmoothlyInputFileStyle0 = styleCss$W;
|
|
9708
9708
|
|
|
9709
9709
|
const SmoothlyInputFile = class {
|
|
9710
9710
|
constructor(hostRef) {
|
|
@@ -9812,7 +9812,7 @@ const SmoothlyInputFile = class {
|
|
|
9812
9812
|
}
|
|
9813
9813
|
render() {
|
|
9814
9814
|
var _a, _b, _c;
|
|
9815
|
-
return (h(Host, { key: '
|
|
9815
|
+
return (h(Host, { key: 'f928458bd935387c53e72bb413ece3afc4951f2d', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: '2d6bf1fa20f3fcdf481eacd8f8c70ea109b736cc' }, h("slot", { key: 'e0e1489ae90b378b32f295fda00d1152fee04d26', name: "label" })), h("div", { key: 'f27c32bfdfa5c6d13763e644efb968c71c4d12b4', class: "input" }, h("smoothly-button", { key: '6a62af23186cd52fdb03e28881aeba4177efbda3', color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: 'fe91571962e0f92b91cb8003717475707d09da59', name: "button" })), h("span", { key: '7130a835cd0994789df802bb8b6146928e9feb15' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '860c4a93cf0858bd933286f3c2e7ee0f71bb6118', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '19023ba2c6091461988b4c3147199e04df3a973b', name: "document-attach-outline" })), h("input", { key: '1aab90d2db03d735a147d0c3a221e221fafacf22', ref: element => (this.input = element), type: "file", 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("div", { key: 'c1944bd9f359ac18bae5dad4bc045d5f2f19e346', class: "end", onClick: (e) => e.stopPropagation() }, h("slot", { key: '425e766d0c38f8f758e8bd4a0b795f89511910df', name: "end" }))));
|
|
9816
9816
|
}
|
|
9817
9817
|
get element() { return getElement(this); }
|
|
9818
9818
|
static get watchers() { return {
|
|
@@ -9821,8 +9821,8 @@ const SmoothlyInputFile = class {
|
|
|
9821
9821
|
};
|
|
9822
9822
|
SmoothlyInputFile.style = SmoothlyInputFileStyle0;
|
|
9823
9823
|
|
|
9824
|
-
const styleCss$
|
|
9825
|
-
const SmoothlyInputMonthStyle0 = styleCss$
|
|
9824
|
+
const styleCss$V = ".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}";
|
|
9825
|
+
const SmoothlyInputMonthStyle0 = styleCss$V;
|
|
9826
9826
|
|
|
9827
9827
|
const SmoothlyInputMonth = class {
|
|
9828
9828
|
constructor(hostRef) {
|
|
@@ -9933,9 +9933,9 @@ const SmoothlyInputMonth = class {
|
|
|
9933
9933
|
}
|
|
9934
9934
|
render() {
|
|
9935
9935
|
var _a, _b;
|
|
9936
|
-
return (h(Host, { key: '
|
|
9936
|
+
return (h(Host, { key: '1943685acea16f3f7365d4726c155bb4c9f08a08' }, h("smoothly-icon", { key: '029ae9819e734d3abc9831387dedd0785eb9b682', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9937
9937
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
9938
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '
|
|
9938
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '86c6c640f18a3d4eec43174875151e40b3312516', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '41e72d8ce92de46f25a5a7fb4f3ce3199e13901c', slot: "label" }, h("slot", { key: '553a753f930ec75d6a22503caf8d9daa10bffac1', 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: '14395761ce8d660b900d33a9788ef7dea8d94fdf', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '0008803d6e9729e35cf873dfcdeed8b85aa0ab63', slot: "label" }, h("slot", { key: '9a71e838cb19a0ebecf2bdf0d37910caec36b3a9', 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: '74682dfc3b0108a34014cad5229d14bd7ececf51', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9939
9939
|
disabled: this.readonly || !this.allowNextMonth,
|
|
9940
9940
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
9941
9941
|
}
|
|
@@ -9948,8 +9948,8 @@ const SmoothlyInputMonth = class {
|
|
|
9948
9948
|
};
|
|
9949
9949
|
SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
|
|
9950
9950
|
|
|
9951
|
-
const styleCss$
|
|
9952
|
-
const SmoothlyInputPriceDemoStyle0 = styleCss$
|
|
9951
|
+
const styleCss$U = ".sc-smoothly-input-price-demo-h{display:block}";
|
|
9952
|
+
const SmoothlyInputPriceDemoStyle0 = styleCss$U;
|
|
9953
9953
|
|
|
9954
9954
|
const SmoothlyInputPriceDemo = class {
|
|
9955
9955
|
constructor(hostRef) {
|
|
@@ -9958,13 +9958,13 @@ const SmoothlyInputPriceDemo = class {
|
|
|
9958
9958
|
this.currency = "USD";
|
|
9959
9959
|
}
|
|
9960
9960
|
render() {
|
|
9961
|
-
return (h(Host, { key: '
|
|
9961
|
+
return (h(Host, { key: '9c6661ac8c89ced4284ae6b68958201d22211cd8' }, h("h2", { key: '7165928dd4c25bb176f5d596f2439100e18e04e1' }, "State demo on smoothly-input"), h("p", { key: 'af13231e44288235e7511982059c57aee82b3344' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: 'e238336b2827ea5ee5d9aadd057c3e472ec0348d' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'a36f517404fa3cc2a32a6c1a3f2e7bc3bf2845cb', 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: '5880eaca14ffeabea917edb4f1100b07e0a6b943', type: "price", currency: this.currency }, "price")));
|
|
9962
9962
|
}
|
|
9963
9963
|
};
|
|
9964
9964
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
9965
9965
|
|
|
9966
|
-
const styleCss$
|
|
9967
|
-
const SmoothlyInputRadioStyle0 = styleCss$
|
|
9966
|
+
const styleCss$T = ".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)}.sc-smoothly-input-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}.sc-smoothly-input-radio-h[looks=\"line\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[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=\"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:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-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],.has-value.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{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}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[readonly].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
|
|
9967
|
+
const SmoothlyInputRadioStyle0 = styleCss$T;
|
|
9968
9968
|
|
|
9969
9969
|
const SmoothlyInputRadio = class {
|
|
9970
9970
|
constructor(hostRef) {
|
|
@@ -10067,7 +10067,7 @@ const SmoothlyInputRadio = class {
|
|
|
10067
10067
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10068
10068
|
}
|
|
10069
10069
|
render() {
|
|
10070
|
-
return (h(Host, { key: '
|
|
10070
|
+
return (h(Host, { key: '922330dfeb58cc9bbd47acfda45b0cc727c2ee78', class: "floating-label" }, h("slot", { key: '7d84c2fcbda1d0b8b98bd3dfb2122854f8d4ba48', name: "start" }), h("div", { key: '0d170f8d4695171d2e2ee7224e502dbbf74fd2b8' }, h("slot", { key: 'ff9b06c3ac6e6d3d4866d22769a17b5f37fca91e', name: "label" }), h("div", { key: 'd1d39e3d5d4463d152f63e5b91a858342f621fd0', class: "options" }, h("slot", { key: 'd6931cfb09a492a962a45df852ddb7b76954866d' }))), h("slot", { key: 'd8b3b53070739d0da4fac4449d5b404df26eef93', name: "end" })));
|
|
10071
10071
|
}
|
|
10072
10072
|
get element() { return getElement(this); }
|
|
10073
10073
|
static get watchers() { return {
|
|
@@ -10077,8 +10077,8 @@ const SmoothlyInputRadio = class {
|
|
|
10077
10077
|
};
|
|
10078
10078
|
SmoothlyInputRadio.style = SmoothlyInputRadioStyle0;
|
|
10079
10079
|
|
|
10080
|
-
const styleCss$
|
|
10081
|
-
const SmoothlyInputRadioItemStyle0 = styleCss$
|
|
10080
|
+
const styleCss$S = ".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}.sc-smoothly-input-radio-item-h:hover>*.sc-smoothly-input-radio-item{cursor:pointer}.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>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}";
|
|
10081
|
+
const SmoothlyInputRadioItemStyle0 = styleCss$S;
|
|
10082
10082
|
|
|
10083
10083
|
const SmoothlyInputRadioItem = class {
|
|
10084
10084
|
constructor(hostRef) {
|
|
@@ -10098,14 +10098,14 @@ const SmoothlyInputRadioItem = class {
|
|
|
10098
10098
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10099
10099
|
}
|
|
10100
10100
|
render() {
|
|
10101
|
-
return (h(Host, { key: '
|
|
10101
|
+
return (h(Host, { key: '002e26f56eaf8b6a5a1d82831ca8d6e75640c6b5', onClick: () => this.inputHandler() }, h("input", { key: 'cce7006d1e987923e10bc472f80d1b9d3eb94799', name: this.name, type: "radio", checked: this.selected }), h("smoothly-icon", { key: '92560203ac82ea5bc172ad2b928be1f127be7da6', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), h("label", { key: '3d3c5a6b68bce65f4556f9159542d42c3b0b5fd6' }, h("slot", { key: 'f69d8bf5a6bb8d25493ab82cd31ec46b5a576826' }))));
|
|
10102
10102
|
}
|
|
10103
10103
|
get element() { return getElement(this); }
|
|
10104
10104
|
};
|
|
10105
10105
|
SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
|
|
10106
10106
|
|
|
10107
|
-
const styleCss$
|
|
10108
|
-
const SmoothlyInputRangeStyle0 = styleCss$
|
|
10107
|
+
const styleCss$R = ".sc-smoothly-input-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)}.sc-smoothly-input-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}.sc-smoothly-input-range-h[looks=\"line\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range:focus{outline:none;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;margin-top:-.25em;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[readonly].sc-smoothly-input-range-h,[readonly].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}";
|
|
10108
|
+
const SmoothlyInputRangeStyle0 = styleCss$R;
|
|
10109
10109
|
|
|
10110
10110
|
const SmoothlyInputRange = class {
|
|
10111
10111
|
constructor(hostRef) {
|
|
@@ -10202,17 +10202,17 @@ const SmoothlyInputRange = class {
|
|
|
10202
10202
|
}
|
|
10203
10203
|
render() {
|
|
10204
10204
|
var _a, _b, _c;
|
|
10205
|
-
return (h(Host, { key: '
|
|
10205
|
+
return (h(Host, { key: 'f30307fb1bb01d0a1cbe061b729895d05e4d0a71', class: {
|
|
10206
10206
|
"output-side-right": this.outputSide === "right",
|
|
10207
10207
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10208
|
-
} }, h("slot", { key: '
|
|
10208
|
+
} }, h("slot", { key: 'ab94b178299760c8f203d1e1e06d3122db81ffbf', name: "start" }), h("div", { key: '66717b13b3025f6645bf9f58f4d3255787fcf162' }, h("label", { key: '1a8458d9a4fb5b17d3d05794d6b536de0cadd4e9', htmlFor: this.name }, this.label), h("smoothly-input", { key: '9e495879fc7c32a01ce945cbc9902a94be1e5910', 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(),
|
|
10209
10209
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10210
10210
|
e.stopPropagation();
|
|
10211
10211
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10212
|
-
}, 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 }, this.label), h("smoothly-display", { key: '
|
|
10212
|
+
}, 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 }, this.label), h("smoothly-display", { key: 'facaa91f246feae01d65b14a2169a65130329686', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'dfa426ae80bfd8a52c03e0b872747655e8d04d77', 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, onInput: event => {
|
|
10213
10213
|
event.stopPropagation();
|
|
10214
10214
|
this.setValue(event.target.valueAsNumber);
|
|
10215
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '
|
|
10215
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '8a36e5c707c72ede4b326b9b6c17236235a0770c', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '47baf47817df9f2c93e4c65413bb2342b10a96e5', name: "end" })));
|
|
10216
10216
|
}
|
|
10217
10217
|
get element() { return getElement(this); }
|
|
10218
10218
|
static get watchers() { return {
|
|
@@ -10226,12 +10226,12 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10226
10226
|
registerInstance(this, hostRef);
|
|
10227
10227
|
}
|
|
10228
10228
|
render() {
|
|
10229
|
-
return (h(Host, { key: '
|
|
10229
|
+
return (h(Host, { key: 'd80b7d97e5938f89b114bd6cefe2379bd7d539ff' }, h("h2", { key: 'e130c40a42caf8099c73ddd602b4729dfcd6d6aa' }, "Range"), h("h3", { key: 'c250412bad7b95f15a82b697e458322b67a04bf8' }, "Phone Number"), h("smoothly-input-range", { key: '091a7a33a8e295785984bf44f25807e5e792161f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '5a5e3026b334ea2abb62dada30ca121b6c02bf65' }, "Stars out of ten"), h("smoothly-input-range", { key: '41402636155c1518d6d4e008743416d4146c2579', max: 10, step: 1, label: "Stars" }), h("h3", { key: '7624a9d0ef702c6f3e9b8f254196bcccd92e278e' }, "Percent"), h("smoothly-input-range", { key: 'a2ca37d7755949003438c9370e74091862f42555', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'e492ba09bcba0cdaa2df72a1d1fc584a742f5090' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '0a69b9be845fd9150cd6159132ee4047f8da60b1', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '11a3f47010f5c2ae24328a154c861d3b2e72cc15', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '131a8a23a1333f7ddc8472675ec20b4154dac055', size: "icon", slot: "end" }))));
|
|
10230
10230
|
}
|
|
10231
10231
|
};
|
|
10232
10232
|
|
|
10233
|
-
const styleCss$
|
|
10234
|
-
const SmoothlyInputResetStyle0 = styleCss$
|
|
10233
|
+
const styleCss$Q = "[color=default].sc-smoothly-input-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{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-reset-h:not([fill=clear])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset: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-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-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-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type=\"input\"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type=\"input\"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
|
|
10234
|
+
const SmoothlyInputResetStyle0 = styleCss$Q;
|
|
10235
10235
|
|
|
10236
10236
|
const SmoothlyInputReset = class {
|
|
10237
10237
|
constructor(hostRef) {
|
|
@@ -10272,7 +10272,7 @@ const SmoothlyInputReset = class {
|
|
|
10272
10272
|
}
|
|
10273
10273
|
render() {
|
|
10274
10274
|
var _a;
|
|
10275
|
-
return (h(Host, { key: '
|
|
10275
|
+
return (h(Host, { key: 'e866598d780286347fd99ae758bf3007b51d9b96', title: this.tooltip }, h("smoothly-button", { key: 'b6f884b563fcb7e77435c8bd2f133b8fb5c7efa1', 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: '324001fa4903bb6c2fba3320ef75393ca2a68c64' }), h("smoothly-icon", { key: '168b29242d33e6bc8f7dcf3dbe4068bca86adb5d', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10276
10276
|
}
|
|
10277
10277
|
};
|
|
10278
10278
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10293,8 +10293,8 @@ var Item;
|
|
|
10293
10293
|
Item.is = Item.type.is;
|
|
10294
10294
|
})(Item || (Item = {}));
|
|
10295
10295
|
|
|
10296
|
-
const styleCss$
|
|
10297
|
-
const SmoothlyInputSelectStyle0 = styleCss$
|
|
10296
|
+
const styleCss$P = ".sc-smoothly-input-select-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)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-select-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-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;cursor:pointer;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6em 0;align-items:center}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not(\"color\"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;cursor:pointer;height:100%;box-sizing:content-box;padding-inline:var(--input-padding-side)}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:block}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;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}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.sc-smoothly-input-select{display:block}";
|
|
10297
|
+
const SmoothlyInputSelectStyle0 = styleCss$P;
|
|
10298
10298
|
|
|
10299
10299
|
const SmoothlyInputSelect = class {
|
|
10300
10300
|
constructor(hostRef) {
|
|
@@ -10582,14 +10582,14 @@ const SmoothlyInputSelect = class {
|
|
|
10582
10582
|
this.addedItems = this.addedItems.concat(h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10583
10583
|
}
|
|
10584
10584
|
render() {
|
|
10585
|
-
return (h(Host, { key: '
|
|
10585
|
+
return (h(Host, { key: '5b7c85699f51b843232ef7b355a33c3c5c96ed64', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '391926d97a5026dce32bdfb07be5b9dabc38f56b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '70720e567f0ba06f6ece6ae36b843f099e948a67', class: "icons", ref: element => (this.iconsDiv = element) }, h("slot", { key: '768e0485bdb18c93c72de159529e6e7121c7e619', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '03ecc5d50a13464e28185ac73279e9167a051768', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), h("smoothly-icon", { key: '3707e5940fd443a28609f83d8697daad4aae4d16', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), h("slot", { key: '21fd05ee6339d7678394876cf3098f04be5cef51', name: "label" }), h("div", { key: 'e7c54a182d1f8764b27eae5473e580d0c0d06837', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("smoothly-item", { key: 'dd2f141af2770ed76cc395b9a280ecbee43d97ca', selectable: false }, h("smoothly-icon", { key: '852372b4c0e2a5d40bacabec4192bc45f0afbf5d', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'dae65bfcb83add2b1c37fe1104f8e9c4b52c68c3', name: "backspace-outline", size: "small", onClick: e => {
|
|
10586
10586
|
e.stopPropagation();
|
|
10587
10587
|
this.filter = "";
|
|
10588
10588
|
this.element.focus();
|
|
10589
|
-
} }), this.mutable && (h("smoothly-icon", { key: '
|
|
10589
|
+
} }), this.mutable && (h("smoothly-icon", { key: '1ea0a67803af3b863f5c753e99450d8ee6c7b0a4', name: "add", size: "small", onClick: e => {
|
|
10590
10590
|
e.stopPropagation();
|
|
10591
10591
|
this.addItem();
|
|
10592
|
-
} })))), h("slot", { key: '
|
|
10592
|
+
} })))), h("slot", { key: '25ee7f5852ac9d21ccf6e803e5a1d8869d2d8b3d' }), this.addedItems)));
|
|
10593
10593
|
}
|
|
10594
10594
|
get element() { return getElement(this); }
|
|
10595
10595
|
static get watchers() { return {
|
|
@@ -10610,8 +10610,8 @@ var Submittable;
|
|
|
10610
10610
|
Submittable.is = is;
|
|
10611
10611
|
})(Submittable || (Submittable = {}));
|
|
10612
10612
|
|
|
10613
|
-
const styleCss$
|
|
10614
|
-
const SmoothlyInputSubmitStyle0 = styleCss$
|
|
10613
|
+
const styleCss$O = "[color=default].sc-smoothly-input-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{padding:0.8em;min-width:8em}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-submit{padding:0.6em}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{padding:0.5em}[type=button].sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:100%}[size=large].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:130%}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{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-submit-h:not([fill=clear])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit: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-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-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-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}";
|
|
10614
|
+
const SmoothlyInputSubmitStyle0 = styleCss$O;
|
|
10615
10615
|
|
|
10616
10616
|
const SmoothlyInputSubmit = class {
|
|
10617
10617
|
constructor(hostRef) {
|
|
@@ -10650,13 +10650,13 @@ const SmoothlyInputSubmit = class {
|
|
|
10650
10650
|
}
|
|
10651
10651
|
render() {
|
|
10652
10652
|
var _a, _b;
|
|
10653
|
-
return (h(Host, { key: '
|
|
10653
|
+
return (h(Host, { key: 'dcf2c85088947c0dc6f5e89492133563a3828d1d', 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" })))));
|
|
10654
10654
|
}
|
|
10655
10655
|
};
|
|
10656
10656
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
10657
10657
|
|
|
10658
|
-
const styleCss$
|
|
10659
|
-
const SmoothlyItemStyle0 = styleCss$
|
|
10658
|
+
const styleCss$N = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-input-selected-background));color:rgb(var(--smoothly-input-selected-foreground));border-left:.3em solid rgb(var(--smoothly-input-selected-border))}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}[marked].sc-smoothly-item-h,.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-input-hover-background));color:rgb(var(--smoothly-input-hover-foreground));fill:rgb(var(--smoothly-input-hover-foreground));stroke:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-item-h[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:hover.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-hover-foreground));fill:rgb(var(--smoothly-input-hover-foreground));stroke:rgb(var(--smoothly-input-hover-foreground))}";
|
|
10659
|
+
const SmoothlyItemStyle0 = styleCss$N;
|
|
10660
10660
|
|
|
10661
10661
|
const SmoothlyItem = class {
|
|
10662
10662
|
constructor(hostRef) {
|
|
@@ -10692,7 +10692,7 @@ const SmoothlyItem = class {
|
|
|
10692
10692
|
: false;
|
|
10693
10693
|
}
|
|
10694
10694
|
render() {
|
|
10695
|
-
return (h(Host, { key: '
|
|
10695
|
+
return (h(Host, { key: '4496214f6929152ee69c108766f5069c12ac341b', tabIndex: -1 }, h("slot", { key: 'be282f9e111d5a681f08cd27c8b98d063cd8df2a' })));
|
|
10696
10696
|
}
|
|
10697
10697
|
get element() { return getElement(this); }
|
|
10698
10698
|
static get watchers() { return {
|
|
@@ -10701,8 +10701,8 @@ const SmoothlyItem = class {
|
|
|
10701
10701
|
};
|
|
10702
10702
|
SmoothlyItem.style = SmoothlyItemStyle0;
|
|
10703
10703
|
|
|
10704
|
-
const styleCss$
|
|
10705
|
-
const SmoothlyLabelStyle0 = styleCss$
|
|
10704
|
+
const styleCss$M = ".sc-smoothly-label-h{position:relative;width:max-content;display:flex;justify-content:center;align-items:center;padding:0.15em 0.6em;border-radius:2em;color:rgb(var(--smoothly-default-contrast));background-color:hsl(var(--hue), 85%, 70%)}[shape=rectangle].sc-smoothly-label-h{border-radius:0.3em}";
|
|
10705
|
+
const SmoothlyLabelStyle0 = styleCss$M;
|
|
10706
10706
|
|
|
10707
10707
|
const SmoothlyLabel = class {
|
|
10708
10708
|
constructor(hostRef) {
|
|
@@ -10713,15 +10713,15 @@ const SmoothlyLabel = class {
|
|
|
10713
10713
|
}
|
|
10714
10714
|
render() {
|
|
10715
10715
|
var _a;
|
|
10716
|
-
return (h(Host, { key: '
|
|
10716
|
+
return (h(Host, { key: '43fe16ebaa7bbc29415b7e32ca1d8a524d573989', title: this.description, style: {
|
|
10717
10717
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10718
|
-
} }, h("slot", { key: '
|
|
10718
|
+
} }, h("slot", { key: '3a12dd1b1780022a08bc21a542580a07d0d3ecd4' })));
|
|
10719
10719
|
}
|
|
10720
10720
|
};
|
|
10721
10721
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
10722
10722
|
|
|
10723
|
-
const styleCss$
|
|
10724
|
-
const SmoothlyLazyStyle0 = styleCss$
|
|
10723
|
+
const styleCss$L = ".sc-smoothly-lazy-h{display:block}";
|
|
10724
|
+
const SmoothlyLazyStyle0 = styleCss$L;
|
|
10725
10725
|
|
|
10726
10726
|
const SmoothlyLazy = class {
|
|
10727
10727
|
constructor(hostRef) {
|
|
@@ -10734,7 +10734,7 @@ const SmoothlyLazy = class {
|
|
|
10734
10734
|
this.show = true;
|
|
10735
10735
|
}
|
|
10736
10736
|
render() {
|
|
10737
|
-
return (h(Host, { key: '
|
|
10737
|
+
return (h(Host, { key: '2d06454e832d780979279d9125d049caf6bbbbc3' }, h("slot", { key: '5369abfe98a9c6b4152405908f3610aa451820a4', name: "before" }), h("smoothly-load-more", { key: '89f8af60faec0338c00047c5fa00166640590ddb', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'defa87bd198b7265dca41759fb5a51508dcdfcfa' })));
|
|
10738
10738
|
}
|
|
10739
10739
|
};
|
|
10740
10740
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10778,13 +10778,13 @@ const LoadMore = class {
|
|
|
10778
10778
|
}
|
|
10779
10779
|
}
|
|
10780
10780
|
render() {
|
|
10781
|
-
return h(Host, { key: '
|
|
10781
|
+
return h(Host, { key: '54a43e14bf0d37a774435917c1a93ad6458c33d2' });
|
|
10782
10782
|
}
|
|
10783
10783
|
get element() { return getElement(this); }
|
|
10784
10784
|
};
|
|
10785
10785
|
|
|
10786
|
-
const styleCss$
|
|
10787
|
-
const SmoothlyModalStyle0 = styleCss$
|
|
10786
|
+
const styleCss$K = ".sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:5}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot=\"header\"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot=\"header\"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot=\"header\"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}";
|
|
10787
|
+
const SmoothlyModalStyle0 = styleCss$K;
|
|
10788
10788
|
|
|
10789
10789
|
const SmoothlyModal = class {
|
|
10790
10790
|
constructor(hostRef) {
|
|
@@ -10798,7 +10798,7 @@ const SmoothlyModal = class {
|
|
|
10798
10798
|
this.smoothlyModalChange.emit(this.open);
|
|
10799
10799
|
}
|
|
10800
10800
|
render() {
|
|
10801
|
-
return (h(Host, { key: '
|
|
10801
|
+
return (h(Host, { key: 'd9e159e312462b3d3e135005c9ca7a4b79185eb9', role: "alertdialog" }, h("div", { key: 'd534202354a2412331dbbf68f86ea8dc38a45002', class: "modal" }, h("div", { key: '50b7c7acefba7a6d5bd304f09fd38d6a4a3fccbe', class: "header" }, h("slot", { key: '418a8c84295c7541acad0a89b0dbdd7f39ed57b9', name: "header" }), this.closable && h("smoothly-icon", { key: 'fba5fbe0f58a56ec487da0aef4b71600cbe3e621', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: '1475235e478fe491f300ffbc5b2916f42d504aa1' }), h("div", { key: 'bcf6188af093fbfce98b03d258d28a886bb5ffba', class: "actions" }, h("slot", { key: 'c59c355e521ebdff33ea0e1d633c69b6d8f521aa', name: "actions" })))));
|
|
10802
10802
|
}
|
|
10803
10803
|
static get watchers() { return {
|
|
10804
10804
|
"open": ["openChanged"]
|
|
@@ -10806,41 +10806,60 @@ const SmoothlyModal = class {
|
|
|
10806
10806
|
};
|
|
10807
10807
|
SmoothlyModal.style = SmoothlyModalStyle0;
|
|
10808
10808
|
|
|
10809
|
-
const styleCss$
|
|
10810
|
-
const SmoothlyNextDemoStyle0 = styleCss$
|
|
10809
|
+
const styleCss$J = ".sc-smoothly-next-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";
|
|
10810
|
+
const SmoothlyNextDemoStyle0 = styleCss$J;
|
|
10811
10811
|
|
|
10812
10812
|
const SmoothlyNextDemo = class {
|
|
10813
10813
|
constructor(hostRef) {
|
|
10814
10814
|
registerInstance(this, hostRef);
|
|
10815
10815
|
}
|
|
10816
10816
|
render() {
|
|
10817
|
-
return (h(Host, { key: '
|
|
10817
|
+
return (h(Host, { key: '94bc597af0c58d334bfb98f1bbfad967d1aa789b' }, h("smoothly-next-demo-filler-row-demo", { key: '8fd8de02d6d561dd4ad3e4556b5eff379c380855' }), h("smoothly-next-demo-group", { key: '3abf6df24d249cd929fa63518a710bcbe006d827' }), h("smoothly-next-demo-colspan", { key: '06148217f2c91705e5adb90eaac705c90f01c47b' }), h("smoothly-next-demo-simple", { key: 'fba35d70356fae3cd8c909d9801d2d56dd826bf6' }), h("smoothly-next-demo-nested", { key: 'a027dcf928e1bd00a5642be677a4be09477ba844' }), h("smoothly-next-table-demo-filtered", { key: '88b80c9e0bfc66e9e4efa07141cb52f592b857cf' })));
|
|
10818
10818
|
}
|
|
10819
10819
|
};
|
|
10820
10820
|
SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
|
|
10821
10821
|
|
|
10822
|
-
const styleCss$
|
|
10823
|
-
const SmoothlyNextDemoColspanStyle0 = styleCss$
|
|
10822
|
+
const styleCss$I = ".sc-smoothly-next-demo-colspan-h{display:block}.sc-smoothly-next-demo-colspan-h smoothly-display.sc-smoothly-next-demo-colspan{display:inline}";
|
|
10823
|
+
const SmoothlyNextDemoColspanStyle0 = styleCss$I;
|
|
10824
10824
|
|
|
10825
10825
|
const SmoothlyNextDemoColspan = class {
|
|
10826
10826
|
constructor(hostRef) {
|
|
10827
10827
|
registerInstance(this, hostRef);
|
|
10828
10828
|
}
|
|
10829
10829
|
render() {
|
|
10830
|
-
return (h(Host, { key: '
|
|
10830
|
+
return (h(Host, { key: '488976738e54fe7baf9e74f42344fe7b1e98e3fb' }, h("smoothly-next-table", { key: '82a93a63188133f2d04ce24ef7b143f6fa2de4cd', columns: 3 }, h("smoothly-next-table-head", { key: '89bddc285955f8fc60f851d9b7684d844ad0aaca' }, h("smoothly-next-table-row", { key: 'b6bac346038a04cd1622456367180e7c7c35193f' }, h("smoothly-next-table-cell", { key: '44d8e9466d1c5176b74eafd80fdecce612f4f227' }, "Date"), h("smoothly-next-table-cell", { key: 'efb9740506adf2c568e3262ef740480acaf7a4c6' }, "Skip"), h("smoothly-next-table-cell", { key: 'b265b78176bce89426c64bef1359397f88d8e22b' }, "Total"))), h("smoothly-next-table-body", { key: 'df5616f10c1d5579dfa2d39406cacbc7980318fa' }, h("smoothly-next-table-row", { key: 'fc61d9e1bd606ab7067c1d02cd33f3464e372dbb' }, h("smoothly-next-table-cell", { key: '684dd628487396dab30035ff5c9496eb463f2dbc', span: 2 }, h("smoothly-display", { key: '0a2977c12d50e3969014be7653963ad77ac5edda', type: "date", value: "2024-01-01" })), h("smoothly-next-table-cell", { key: '9e58d24032d52652961a6a43d94b907eeb5f006b' }, h("smoothly-display", { key: '37c76375bccc7cd9cea03b8b1be97294eee42ab1', type: "price", value: 120, currency: "EUR" }))), h("smoothly-next-table-row", { key: '8c39aec297e4f7dd8ba768ce828f71a2ac7c0439' }, h("smoothly-next-table-expandable-cell", { key: 'c2911ffccca9d3f23fd158679a5a2892887dd50c', span: 2 }, h("smoothly-display", { key: 'f462fc5572f5b87bee43427a056878d27b895f0d', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'b032bba062c484b9b1c9328605444f308a39ef85', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-next-table-expandable-cell", { key: 'a25e49f7aaba75ecd1cd5223ac378cb9f8d44be7' }, h("smoothly-display", { key: '96fba2bc8dd413a449b68d2e10ab9c34eeb13148', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '47ab93b1ad2ade9210be22892305329328763f57', 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-next-table-row", { key: '6e39d072882582b22a019473ae68a85fbac3b2e3' }, h("smoothly-next-table-cell", { key: '5984a3b8cd4dda298a40f2bec180a70f82421877' }, h("smoothly-display", { key: 'f1c278506c6aceb8ffec23191a5eb246cdef321b', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '60e4e11a34fea1b24eefa7de4474e5364ec73df7' }, "Not Skipped"), h("smoothly-next-table-cell", { key: '1d02c9cfc12335a59ba489f48d71de08bed55459' }, h("smoothly-display", { key: '954a2b7822d289678ff75c2fea90e92f69426b05', type: "price", value: 320, currency: "EUR" })))))));
|
|
10831
10831
|
}
|
|
10832
10832
|
};
|
|
10833
10833
|
SmoothlyNextDemoColspan.style = SmoothlyNextDemoColspanStyle0;
|
|
10834
10834
|
|
|
10835
|
-
const styleCss$
|
|
10836
|
-
const
|
|
10835
|
+
const styleCss$H = ".sc-smoothly-next-demo-filler-row-demo-h{display:block}.sc-smoothly-next-demo-filler-row-demo-h>smoothly-display.sc-smoothly-next-demo-filler-row-demo{font-size:2em}.sc-smoothly-next-demo-filler-row-demo-h>*.sc-smoothly-next-demo-filler-row-demo{margin-bottom:2rem}";
|
|
10836
|
+
const SmoothlyNextDemoFillerRowDemoStyle0 = styleCss$H;
|
|
10837
|
+
|
|
10838
|
+
const SmoothlyNextDemoFillerRowDemo = class {
|
|
10839
|
+
constructor(hostRef) {
|
|
10840
|
+
registerInstance(this, hostRef);
|
|
10841
|
+
this.cats = [];
|
|
10842
|
+
}
|
|
10843
|
+
async componentDidLoad() {
|
|
10844
|
+
window.setTimeout(() => {
|
|
10845
|
+
this.cats = undefined;
|
|
10846
|
+
}, 3000);
|
|
10847
|
+
}
|
|
10848
|
+
render() {
|
|
10849
|
+
return (h(Host, { key: 'b7e5fddaa2acf3e9f92f00cf90dca4701485dc47' }, h("smoothly-display", { key: '3d0e8e789be4d9c2b00bf0b5e86d122e70d87eca', type: "text", value: "Filler row" }), h("smoothly-next-table", { key: '5fc7d8d7fa92fc4d759d0e2dbf603432e2a967e6', color: "primary", columns: 4 }, h("smoothly-next-table-head", { key: '9e5d6762630530c3885d7bbf974dfbadb5fff225' }, h("smoothly-next-table-row", { key: 'd77fc3f96385f037859b82d64015695fd0b4317b' }, h("smoothly-next-table-cell", { key: '3ec5afafef17365a3e7d707d638c0af1e30df0ef' }, "Breed"), h("smoothly-next-table-cell", { key: 'ed0c6df720f0b3abb969297f745024a8284b39e6' }, "Country"), h("smoothly-next-table-cell", { key: 'b4003ba900cf958290b0fc6bdb72d33380e92e81' }, "Coat"), h("smoothly-next-table-cell", { key: 'e3a4f14716109b4dc52293248f2bff3287b437dd' }, "Origin"))), h("smoothly-next-table-body", { key: 'dbeaea2b089b7e27f4052e154505d26f486ce3cf' }, this.cats === undefined ? (h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-next-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, a.breed), h("smoothly-next-table-cell", null, a.country), h("smoothly-next-table-cell", null, a.coat), h("smoothly-next-table-cell", null, a.origin)))))))));
|
|
10850
|
+
}
|
|
10851
|
+
};
|
|
10852
|
+
SmoothlyNextDemoFillerRowDemo.style = SmoothlyNextDemoFillerRowDemoStyle0;
|
|
10853
|
+
|
|
10854
|
+
const styleCss$G = ".sc-smoothly-next-demo-group-h{display:block}.sc-smoothly-next-demo-group-h smoothly-display.sc-smoothly-next-demo-group{display:inline}.sc-smoothly-next-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-next-demo-group{grid-column:span 2}.sc-smoothly-next-demo-group-h>smoothly-display.sc-smoothly-next-demo-group{display:inherit;font-size:2em}.sc-smoothly-next-demo-group-h>*.sc-smoothly-next-demo-group{margin-bottom:2rem}.sc-smoothly-next-demo-group-h fake-group-wrapper.sc-smoothly-next-demo-group,.sc-smoothly-next-demo-group-h fake-row-wrapper.sc-smoothly-next-demo-group,.sc-smoothly-next-demo-group-h fake-expandable-row-wrapper.sc-smoothly-next-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-next-demo-group-h fake-cell-wrapper.sc-smoothly-next-demo-group{grid-column:span 1;display:block}.sc-smoothly-next-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-next-demo-group{display:contents}";
|
|
10855
|
+
const SmoothlyNextDemoGroupStyle0 = styleCss$G;
|
|
10837
10856
|
|
|
10838
10857
|
const SmoothlyNextDemoGroup = class {
|
|
10839
10858
|
constructor(hostRef) {
|
|
10840
10859
|
registerInstance(this, hostRef);
|
|
10841
10860
|
}
|
|
10842
10861
|
render() {
|
|
10843
|
-
return (h(Host, { key: '6812f172370b2f33eff4df66ce64cba3ea507950' }, h("smoothly-display", { key: '34e7fcda101824ebc5c838fd8a86b6c0b53f4e6d', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'ad19427f7f4f5429852c813e96f558703f0d896a', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '5d6082020030f6f62061d4478c09f133937e6f9f' }, h("smoothly-next-table-row", { key: 'a6429aace4d69831d5dfbfa202edd32c2a0be838' }, h("smoothly-next-table-cell", { key: '67907d0e1f8b428f2e830a34e4431f94f2c31d92' }, "Date"), h("smoothly-next-table-cell", { key: '4fd987d8b36cb50c326f0a244e6aeed180c584cb' }, "Total"))), h("smoothly-next-table-body", { key: '08a6d5633c917d73b34bb1c3794ebb19cc58693c' }, h("smoothly-next-table-row-group", { key: '2ef152f2278b642de82a4419320e079d8bdf2917', align: true }, h("smoothly-display", { key: 'f0c7e2c271d99ecbeb3b02bb118b1770f90c788c', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '738562449da05e24eddaf2b1a8870eb77eb871f4', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: '6f2e6dd98f8ea4e8fe1fa0a5d89c65e040618e35' }, h("smoothly-next-table-cell", { key: '2033c732353e85743f88579d81e799fffbb8767a' }, h("smoothly-display", { key: '29caa5fd660855ce740b9a5e62030f7ddab88d75', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '8d52795adea316c6b0a6582a56b1506304362e0c' }, h("smoothly-display", { key: '54c0b7d38b5d001693909e40c835a905bf06f18e', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'afc33b08bdaa21b1c2b9718c6a3a20947ef4ccec', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '003bc5f38a5a893f2f175a167d36aacb4e66bf55' }, h("smoothly-next-table-cell", { key: '7679e43a33148cb91858ca51c1e003fefa54fbea' }, h("smoothly-display", { key: '323ed36c5717aa2744dc8a0e4dd2179b992be795', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '44f86caf0ab0eccc70b0daaeb61dd4a02673727d' }, h("smoothly-display", { key: '7a0385eda926bc3685c178bd90bc62e1c40609e1', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '2823addb8cb61d132f28fec06b201b669fe8a8df', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '49de0ac612ab238e713281237c302c6b2d3fb08b' }, h("smoothly-next-table-cell", { key: '17badf73bb16e2e2d032cfdc9c83242cf962fe90' }, h("smoothly-display", { key: '37e150c03c577e514d1ffa2d520e92252ccf08ce', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '6df8ac2e9838332a15eaad0e1b5fdf3385d11fe0' }, h("smoothly-display", { key: '3ef7763132aa6820b981f80c08670949126ce1e4', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '5e52abbedd65ce832012b2851f866334d63f6ca4' }, h("smoothly-display", { key: '29a670d47bb52e16ffcf455ca2526172877901c6', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'aa1d996473e2ccdd5b9b808150538d8c6c3dbe4f', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '7270edcce4b824073f410b284a65e3bb88057f0c' }, h("smoothly-next-table-cell", { key: '8a25cb24a0794394c5a5a8bc95e2edb7efaa25f1' }, h("smoothly-display", { key: '22dc2fb4fd39a8647f88559cde0bb36b2a3d0d64', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'b09d3259d98629932d8f65ac5b7cf0b4b9eb69f5' }, h("smoothly-display", { key: '81f0c27f64cad92003cf51ab291a4c3633dc0d46', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '19164346935e3b584774e91f9339c0044fbb1125', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'ceb7e2376ad4572abe07e9a6a3dc032278583e7b' }, h("smoothly-next-table-cell", { key: 'af444c1d74c4b7698a9d475802340e8923841dbe' }, h("smoothly-display", { key: '6019baf37aed2aeab3acd6a801e05d2e416e8269', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '755825e84e1f80b5266ab4f212761b752c1a5f01' }, h("smoothly-display", { key: '5489a5f9482863aa3016af95e7bef41977f9a038', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3e8c4bfb8d26f580bb0a67f16e6bdb0b3d24b0d2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '1415ea3d2c7dbdbad280b377d34dd46c6d1f2d6b' }, h("smoothly-display", { key: '6968e1670f576d4f3d0aef3b55369e9bcad51a92', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: '3e4f458a90d9845f29ba2220e1d5ac54f4b0e83e' }, h("smoothly-next-table-cell", { key: '005d4bb9cf77c6776f58e48b7e09ae3e297dca41' }, h("smoothly-display", { key: '7f71630981bc0f89d99fc6ee9cc5231a6053a12f', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cca41e35a46199eb5282b209b0d9dd40af0a40b7' }, h("smoothly-display", { key: 'c141ca1622aac2802fc9a6c2eadc6427f33ecddc', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'ee6f89969c77c83a545e7350016723efd15b6920', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'bd9fbcbab9f33fc30845cb6d6768483f6a5e3b4a' }, h("smoothly-next-table-cell", { key: 'f27f36c7ac11adf79cd434601a906b12927bf8ed' }, h("smoothly-display", { key: '5e167c7a000590aa9ad80d10df9c8a6700305ee1', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '4affa13546c2802454f88874ede921d609c9d1c2' }, h("smoothly-display", { key: '6e6d9f7fb5cc6978f16dae939d54a9a86e589088', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2fb8b325d27a7491ec3350b66105bd46b2740057', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '28c5673d8e2b70ba2d46aa7b573b3e28f829a78d' }, h("smoothly-display", { key: '257db1a81e89f3ab4baeaca246e338a60733e044', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '2589b697446de13a1803a46555f538c8183a91ef' }, h("smoothly-next-table-cell", { key: '3242eac11e4baefe389723e5dfa01aea00b9bf4d' }, h("smoothly-display", { key: 'a9024aeffa7c484a641625141c5c503e2437694f', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '11abfc5a4c581cf603a2d177956dec6b9943785d' }, h("smoothly-display", { key: '59d018ad4bd98109206d36ad7506e7193b3b9e1b', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'e6e9bc6ab1dbd9a199aa8b9a0a6269d6879a8538', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '013fef3e59696278aaf3330cd3ff8fc8a74f8302' }, h("smoothly-next-table-cell", { key: '88994bcdaa43d1bc01f4b0bcf632899690403ad4' }, h("smoothly-display", { key: '34b22b944b032128277471dfed92934e774d74f4', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'a49b3e12ae016f2f1a7bca634e1640bf92880883' }, h("smoothly-display", { key: '63196fb68baa16350c0b21638332f34a7c0dfc05', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '0dd6f9e4b9779241ec1932dc31e1f24b885fb0ff', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '2c4118b69e01d8bbcbe70e4af42d852f81f0d1ed' }, h("smoothly-next-table-row-group", { key: '5279ebbaddc45369f9e4272b445816ea1413030e' }, h("smoothly-display", { key: '5aa00f2016608e3aa26a6141220160851dd8d13f', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '79aaf1e8096a00b62a90b6eae78da7c064e61d84', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '4577c1485bc26468c22d122b21d31f4bfdd2c374' }, h("smoothly-next-table-row", { key: 'cc10b4565c1967a119ac785fcb52be8c26af2672' }, h("fake-cell-wrapper", { key: '8825c2125fb69ba280c1d6aaba26f382a549be27' }, h("smoothly-next-table-cell", { key: 'ffcb5e9dcc8d4484052911432d702a81b998fe1b' }, h("smoothly-display", { key: 'ab21c5efd0cb92ca571cbb591cb75c985891c3c6', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '2f236ad7a1ac83b3b0f4f2920f88a7876c46412e' }, h("smoothly-next-table-expandable-cell", { key: 'dde72163ce70689ecc2ade6feba3d73b120a84dd' }, h("smoothly-display", { key: 'a721d0ca5ecc6b1791dc718c9f4372325da7763d', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '4abba2a13db57cb8a7dadbebd00900ad633f67bf', 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: '3a5f1574d5eb17004dd10b579a13e9002f216bdf' }, h("smoothly-next-table-expandable-row", { key: 'b6d9de9f3c3513fa225265c96162a4d23ad3f4f3' }, h("fake-cell-wrapper", { key: 'bbf2a862515fa0fcbcf375e57ece305bec73dad1', class: "span-2" }, h("smoothly-next-table-cell", { key: '9f4623b7bd2e88ed451b28226fb5b714ae60e5e4', span: 2 }, h("smoothly-display", { key: '1dde9cab0330ab4233bf35a156d33d588f2fdef2', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'edcdd269b9acbbce57caa1bf30e25fdbd23f2d1d', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: '1aa93e2c3a25258217f8675430797d343809d0b4' }, h("smoothly-display", { key: '6c5ab0e9a2b94add4883f1d905fea7a1cf49f39c', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '3e86daea52b5404e33e8a50ac11f9b2099f3c31a', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10862
|
+
return (h(Host, { key: '50990d73be1cd6318893424ea2901d9575278749' }, h("smoothly-display", { key: 'cad7130d42b49b1ea43e283f05d520b33254edf5', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'dcf17ca3297d21028d0393bdab7a2ea1f971e5ae', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '2c67568a9a173abbd2b3756894e1a3e70f9b608e' }, h("smoothly-next-table-row", { key: 'b58363e8326517c143272f25956b84a69c11253c' }, h("smoothly-next-table-cell", { key: 'f68c3a82f78eb2c67879bc6dfcc45b35610a72f0' }, "Date"), h("smoothly-next-table-cell", { key: 'b6304bf8973a03f47997492e172cbaa9d2761e58' }, "Total"))), h("smoothly-next-table-body", { key: 'f583f766e4c15c29b8225acd960337b93ac4eea3' }, h("smoothly-next-table-row-group", { key: '5f5072b02f1418c75fe77b389b19d983723d7bff', align: true }, h("smoothly-display", { key: '0818c87d396f3a8dcd40c779d228b40ccd62c831', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'b5268c3a67587d882762e7de8c99d7013d0f9ac6', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: 'e8e8fc31639846b6ace7f0d0f9a4163ab644f7cd' }, h("smoothly-next-table-cell", { key: '13d2957d6b7dd44d44de9758202104c098ab630f' }, h("smoothly-display", { key: '7a1e5d4803d37f6747ae019158fcbe44f3441042', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '9a1308ccd96980ae917f345e42c2e62e2db735b6' }, h("smoothly-display", { key: 'd531805061b189d96abe96509f740bf1b5ccedb6', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'a427f21436e5807e4ffbd9efca78c327e08fd624', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'e008506d4d12e706c72b284232da4cda7afb3f03' }, h("smoothly-next-table-cell", { key: '4c544d1a32f711db2bb8a9798a6e58b5480170af' }, h("smoothly-display", { key: '91e189550679cfc507bd8108182658e92df9f042', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '3d6d8489bb99c269dd88b13d499216367d7b5cd4' }, h("smoothly-display", { key: '76e52121772a52267e2ca70921b58cb59b961aa3', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '23d59420bdf3f82bdb7fea741cec15c107f7f8ec', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '97dd019ddfbfd005e222d186c880368ca658cc0a' }, h("smoothly-next-table-cell", { key: 'f18404c36a003f66fa5eb00c0eec0c1e5cf644dc' }, h("smoothly-display", { key: '7e7f77b76eb617f743bd8a255a02c86f29a7351a', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '3317e1165279e4a93cd213e34884ef55d4e5d53a' }, h("smoothly-display", { key: 'a4d0d1eca1c83029f78f16702d7f738106c763e9', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: 'd2f1137dda62dab911fdd6690d6d760ab2d60643' }, h("smoothly-display", { key: 'f170087c048d243c685afe67f27d541e2701c7d9', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'cb511500acd3fb53abfae8d88199692bb7aa2a9b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'ad8cb41584b16ee23aa52e34cade38345b314281' }, h("smoothly-next-table-cell", { key: '33408dd848ab584413cd7c64880b1f817361731c' }, h("smoothly-display", { key: 'dae77240309f1a731d570baaa3aa3856005585aa', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'bf1e31851aa9f354fd950090b2ad9b672db23386' }, h("smoothly-display", { key: '2e1e0b8563e916a875612264caee20081f93348a', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '4aa54391330eac2a84870b987771cb6903933d27', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'bf7fa7fc4c1ca54ba78eb4770971ae2ff9313b07' }, h("smoothly-next-table-cell", { key: '81915b571eb00912ab9deff5c69d4e7522d11c15' }, h("smoothly-display", { key: '614dd017b7edb2bd7367e3b615fa949f5b50edf5', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '7b849ac4d8488518351897b3d0f333eb6b4be830' }, h("smoothly-display", { key: 'c3c5074b72015e200f633f263ed6f6506fd300d2', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'b04067d09f4a171155e1baeecced966398120819', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '94cad74d7c79346e07495a8d7b3fcd00490c48df' }, h("smoothly-display", { key: '0ec16bef252cab8012b9f2f69fa011b3768bef0b', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: '4c143ee46b5efc8d8dfc720df50f55e59d43386c' }, h("smoothly-next-table-cell", { key: 'b6a8519ed804175ecca17da468ea5d3f20d2852d' }, h("smoothly-display", { key: '7806823e7bbb1f3547b3b73f869b410bacff7a57', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '830a1ba9bcd6615f0d05d4874b3287fd73fbe1f8' }, h("smoothly-display", { key: 'f9b7779e883413b53e9f2a5b913b69ca5b425007', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'cc7c405861d7ed77d620bbe8b6cf1540c975f436', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '570e579b8a3a5b17b3d85f22a0f7fe5c8e4bc940' }, h("smoothly-next-table-cell", { key: 'de455ec3e04e89a965648ba4721377f5612ffa91' }, h("smoothly-display", { key: 'd88536cd48a20dd1be418cac3ae0e0a740585d23', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '669e3ef261279b98e33d4d3ce149e830e2e7d4fe' }, h("smoothly-display", { key: '9c7c80f5f17a66afc787e692543c8284befc45f3', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '50d6ccb0fee0fa56f682728cf89ca75942a9bb7f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'b6db5124c256703ef582c0215bdb408028841914' }, h("smoothly-display", { key: '5bce7403536b81aba7390a4ae1fa8621b856be17', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'af0b2819792a43f92957756f722b8973c57f7d2b' }, h("smoothly-next-table-cell", { key: 'cbaf2ade2f082baf140106d634101e8b7ad0647e' }, h("smoothly-display", { key: '3e19e0680b0e4c9814eabf2b814d2d12158cbfc6', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'ff68d6f3f2023577348f7c71707b7bc48e33ff1e' }, h("smoothly-display", { key: 'd3d75023d66bcd56b4d5a9ed55d1d953570d4b28', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '90a3a8a1c30b69bd50fe57242953b25297b7f5c6', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '2284db488ebdd42e2fa61ee37d5cbb8a6c7e46cf' }, h("smoothly-next-table-cell", { key: 'e5633b830f7c41eb132b81ca2522c7b823a5401f' }, h("smoothly-display", { key: 'a4045130286694745c142dbd4c1eb37bf00ce970', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '79d83acc27f98e9a9c8296c6fdb7cdbf95e258c7' }, h("smoothly-display", { key: 'da14c91e427a18d35e244f45c1857878eb00ea22', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '8eb8d39370453361a891c31afea45b8629dc27da', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'f367a8f4b92a8042bdcb56d1a39ca43d58e58c0d' }, h("smoothly-next-table-row-group", { key: '7244d470d2b80ea5027578b90bfa17b3050415b9' }, h("smoothly-display", { key: '9bb7aa531461a12b625a518f75aa07311c9844b5', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '1ca8970882a1f7bb63f3f1a694d3e92072e24f12', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '95d2aa05e325ab71568a12b38f311fa844a60e83' }, h("smoothly-next-table-row", { key: '44e03248f586b292856a367b4e1dda029d26819c' }, h("fake-cell-wrapper", { key: '7332bb06ea46a9ed7d787e433822de39e0940011' }, h("smoothly-next-table-cell", { key: 'ca6967a28a536bf04e93c5705b1029342d53cce5' }, h("smoothly-display", { key: '8c4a397aa36b3d0ed5816c8573001705bd4a6d6a', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'f323cc1ba343a5dbbc685a4f3327a9833cb8528c' }, h("smoothly-next-table-expandable-cell", { key: '9be5ecbc58ffaea9df225ed39f6afa86ec4d76fd' }, h("smoothly-display", { key: 'ff40fe7ee82eadee781fd70e0d299857c852b306', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '3f9ddb6539a657aba69ec57594b45e969005d992', 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: 'a7b8bff9cad0fcdd2956a0a6c65b8b5d3d6ea65f' }, h("smoothly-next-table-expandable-row", { key: 'edd673a7e0e83d30609db14bb827fb4b30342dd0' }, h("fake-cell-wrapper", { key: 'e18ec7596dbdd0b72b27bda3996ca3b923310780', class: "span-2" }, h("smoothly-next-table-cell", { key: 'a8b7115d6c35c7a9db3fa90deeb0e5b9dc3f1162', span: 2 }, h("smoothly-display", { key: '8a136637026b468e0b8425a4b49cb8bc3cafd101', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '59bfa72e28f3f434785883016f4232e0025db51b', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: '3743c169dc880ae363e5db7b04c04c64eca23923' }, h("smoothly-display", { key: '993b887ed16eb88a17d0e1e9f222f1bbed738a4e', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'd29d73bb6a489f6bd7650d63fc29e8dad24e02f1', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10844
10863
|
}
|
|
10845
10864
|
};
|
|
10846
10865
|
SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
|
|
@@ -11778,21 +11797,21 @@ const data$1 = [
|
|
|
11778
11797
|
},
|
|
11779
11798
|
];
|
|
11780
11799
|
|
|
11781
|
-
const styleCss$
|
|
11782
|
-
const SmoothlyNextDemoNestedStyle0 = styleCss$
|
|
11800
|
+
const styleCss$F = ".sc-smoothly-next-demo-nested-h{display:block}.sc-smoothly-next-demo-nested-h>smoothly-display.sc-smoothly-next-demo-nested{font-size:2em}.sc-smoothly-next-demo-nested-h>*.sc-smoothly-next-demo-nested{margin-bottom:2rem}";
|
|
11801
|
+
const SmoothlyNextDemoNestedStyle0 = styleCss$F;
|
|
11783
11802
|
|
|
11784
11803
|
const SmoothlyNextDemoNested = class {
|
|
11785
11804
|
constructor(hostRef) {
|
|
11786
11805
|
registerInstance(this, hostRef);
|
|
11787
11806
|
}
|
|
11788
11807
|
render() {
|
|
11789
|
-
return (h(Host, { key: '
|
|
11808
|
+
return (h(Host, { key: '6f45ba3d08ff8f81b2ef62b5640f25709f448b2b' }, h("smoothly-display", { key: '4a7345a52a1c807672adf3b50f02fb97f89abcc2', type: "text", value: "Nested" }), h("smoothly-next-table", { key: '4c302b5c65a9733247fc2d1cdd9bd41e138d7e44', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: '437ced37b2e673a41465e972f087ff469687ca49' }, h("smoothly-next-table-row", { key: 'f0f3bede52424167e12827c7602597347154c14a' }, h("smoothly-next-table-cell", { key: 'c2a229850e779fb0eb794c7dffbfbe31de16f0e6' }, "Id"), h("smoothly-next-table-cell", { key: '95abb4ad3da59f8eb4a993c44359353138c5ec25' }, "Registered"), h("smoothly-next-table-cell", { key: '6ddeb0b629237482f79f78df826c8ff3e42b6eb8' }, "Name"), h("smoothly-next-table-cell", { key: '2f7f27bbd3ba3cd9c87d1578614e71c58aa34019' }, "Age"), h("smoothly-next-table-cell", { key: '7df3494eb5144e2734a4b65cf149d991f5b6d87b' }, "Balance"), h("smoothly-next-table-cell", { key: '6500cbbb190cc353e3b57134a937f114db357552' }, "EyeColor"), h("smoothly-next-table-cell", { key: '1ea160ba0c66a094886c5a9260ac6c274b8a7e8e' }, "Gender"), h("smoothly-next-table-cell", { key: '60fc73228fba48a23675b946947df08c9761fa0e' }, "Company"))), h("smoothly-next-table-body", { key: '6212fcef9ac735060cbc7da453999622920d85d4' }, data$1.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: 'edcffc020484601c4327de87bd927bcbed18ab63' }, h("smoothly-next-table-row", { key: 'a1b50341c273bd48448abb1e714d3f60de648e02' }, h("smoothly-next-table-cell", { key: '9e754ac9e7d054c368fa45a457faeae30b19f952' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '487f1951531eaa871130862282990a5e42af45f3' }, "Footer Cell"))))));
|
|
11790
11809
|
}
|
|
11791
11810
|
};
|
|
11792
11811
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
11793
11812
|
|
|
11794
|
-
const styleCss$
|
|
11795
|
-
const SmoothlyNextDemoNestedInnerStyle0 = styleCss$
|
|
11813
|
+
const styleCss$E = ".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
|
|
11814
|
+
const SmoothlyNextDemoNestedInnerStyle0 = styleCss$E;
|
|
11796
11815
|
|
|
11797
11816
|
const SmoothlyNextDemoNestedInner = class {
|
|
11798
11817
|
constructor(hostRef) {
|
|
@@ -11801,20 +11820,20 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11801
11820
|
}
|
|
11802
11821
|
render() {
|
|
11803
11822
|
var _a;
|
|
11804
|
-
return (h(Host, { key: '
|
|
11823
|
+
return (h(Host, { key: '05cd859b7de4e94ffd0eeadc546c7ab3e8eae84f' }, h("smoothly-next-table", { key: '45e4f3205cd69c4891024fb2c9f6382257e5f0d9', columns: 4 }, h("smoothly-next-table-head", { key: '123d645a74d7a8e4ed95fed0f96fd27161cda3be' }, h("smoothly-next-table-row", { key: '609b560b6c695b2c783fa06eac0d93eb22a69d86' }, h("smoothly-next-table-cell", { key: 'f2fa75b047055bd57c320736856190662bc539fb' }, "Id"), h("smoothly-next-table-cell", { key: 'be9f72e808c06b4e3aa8aab715bf656877f060a8' }, "Name"), h("smoothly-next-table-cell", { key: '274b4a3183f02f1afc89a03a1e67684aeeadfb25' }, "Age"), h("smoothly-next-table-cell", { key: 'ce88e8ab22bdb4978fd7732c3d7c32f1687dfbbf' }, "Balance"))), h("smoothly-next-table-body", { key: 'dbd57e39997d576694a671f3717f09d5b0cb6f07' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
|
|
11805
11824
|
}
|
|
11806
11825
|
};
|
|
11807
11826
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
11808
11827
|
|
|
11809
|
-
const styleCss$
|
|
11810
|
-
const SmoothlyNextDemoSimpleStyle0 = styleCss$
|
|
11828
|
+
const styleCss$D = ".sc-smoothly-next-demo-simple-h{display:block}.sc-smoothly-next-demo-simple-h>smoothly-display.sc-smoothly-next-demo-simple{font-size:2em}.sc-smoothly-next-demo-simple-h>*.sc-smoothly-next-demo-simple{margin-bottom:2rem}";
|
|
11829
|
+
const SmoothlyNextDemoSimpleStyle0 = styleCss$D;
|
|
11811
11830
|
|
|
11812
11831
|
const SmoothlyNextDemoSimple = class {
|
|
11813
11832
|
constructor(hostRef) {
|
|
11814
11833
|
registerInstance(this, hostRef);
|
|
11815
11834
|
}
|
|
11816
11835
|
render() {
|
|
11817
|
-
return (h(Host, { key: '
|
|
11836
|
+
return (h(Host, { key: '6d1faf2140fd3cd9b91a1408986b66a6851e6202' }, h("smoothly-display", { key: 'f44cb361da016755154f58597d3e562c469bef98', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '6b7f1cdd4c0bc47218168ed590e6e7346b76d683', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'a610d37fbee559223cbe98c110e466238d87c324' }, h("smoothly-next-table-row", { key: 'c9fae115dbe7651868f5bd4318073a9759c24ff6' }, h("smoothly-next-table-cell", { key: 'c45867447e9b841042e284c629e19ba04b70c417' }, "Breed"), h("smoothly-next-table-cell", { key: '35dcd9272cb5894f208a1ad866bea255b483bfce' }, "Coat"))), h("smoothly-next-table-body", { key: 'b5d9920c99de8c46b001d7a490b7dd9320723b66' }, cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-next-table-expandable-row", { key: 'b210d2daba73749a45ebea00c56ebfebc8d73b35' }, h("div", { key: '39b8220d8183c3dc6a92e450e3f39b56d150a9c0', slot: "detail" }, "Content", h("br", { key: 'af39a196a8fef1a465ad3856476e73db84908d1e' }), "of", h("br", { key: '84b0a363d412a42adcbcfd10025ed8ec32c7e8b3' }), "the", h("br", { key: 'f20e09b3a39032793b194b3a0f33244acc340f6f' }), "expandable", h("br", { key: 'fcbc0439fcd18d8dff55924ae5d4575b66aa1f07' }), "row"), h("smoothly-next-table-cell", { key: '4d26d355ef5b4e5346861322142b962b8219c3d3' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: 'c51c11300fa1ad8c35c348fd212c54dabf69ce77' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: '0743a019b444d089fa2fd62f3e4bf5ce50dc9601' }, h("smoothly-next-table-cell", { key: '8d6bbff43de0e68b0b5e25905ba37ce134957076' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: '09eb9db1ca2a150f670d1088808f2ef6cbf1a14c' }, "Expandable Cell", h("div", { key: '5527d7f0e91ffdd329f6012572c9604c9f65d5e6', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: '09ee5fcf2728c0ad179b82222694586d2c82f31c' }, h("smoothly-next-table-expandable-cell", { key: 'd90b2f30238cb5ddca440b7c96fdc5319f0f83bb' }, "Expandable Cell 1", h("div", { key: '924a8cc64e8c72fd80e3021dcaafbb00b811b46d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: 'b4fdaf309ea42dfe4ec7a2ddffdd6044f5f14f35' }, "Expandable Cell 2", h("div", { key: '50afed1a1702befb85a460c3e0325d132b0d19d3', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: '93789224b8bd1c92f816a52aba1f1fb70d460e35' }, h("smoothly-next-table-row", { key: '3c0047f157586363d0e419107fd7497110d06e6e' }, h("smoothly-next-table-cell", { key: '5cb399f63048cfdbceec5ee646d79a9f0e8b33ca' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '30422d37e33521914e2ef6fc9b16ac7a1ae379d3' }, "Footer Cell"))))));
|
|
11818
11837
|
}
|
|
11819
11838
|
};
|
|
11820
11839
|
const cats = [
|
|
@@ -11891,8 +11910,8 @@ const cats = [
|
|
|
11891
11910
|
];
|
|
11892
11911
|
SmoothlyNextDemoSimple.style = SmoothlyNextDemoSimpleStyle0;
|
|
11893
11912
|
|
|
11894
|
-
const styleCss$
|
|
11895
|
-
const SmoothlyNextTableStyle0 = styleCss$
|
|
11913
|
+
const styleCss$C = ".sc-smoothly-next-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}";
|
|
11914
|
+
const SmoothlyNextTableStyle0 = styleCss$C;
|
|
11896
11915
|
|
|
11897
11916
|
const SmoothlyNextTable = class {
|
|
11898
11917
|
constructor(hostRef) {
|
|
@@ -11906,26 +11925,26 @@ const SmoothlyNextTable = class {
|
|
|
11906
11925
|
event.stopPropagation();
|
|
11907
11926
|
}
|
|
11908
11927
|
render() {
|
|
11909
|
-
return (h(Host, { key: '
|
|
11928
|
+
return (h(Host, { key: 'e538ea342947d71e09285019a9e38e778ecaa055', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'c2b934edc4f7d7fe82fd65d5db9814298a17bbc7' })));
|
|
11910
11929
|
}
|
|
11911
11930
|
};
|
|
11912
11931
|
SmoothlyNextTable.style = SmoothlyNextTableStyle0;
|
|
11913
11932
|
|
|
11914
|
-
const styleCss$
|
|
11915
|
-
const SmoothlyNextTableBodyStyle0 = styleCss$
|
|
11933
|
+
const styleCss$B = ".sc-smoothly-next-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}";
|
|
11934
|
+
const SmoothlyNextTableBodyStyle0 = styleCss$B;
|
|
11916
11935
|
|
|
11917
11936
|
const SmoothlyNextTableBody = class {
|
|
11918
11937
|
constructor(hostRef) {
|
|
11919
11938
|
registerInstance(this, hostRef);
|
|
11920
11939
|
}
|
|
11921
11940
|
render() {
|
|
11922
|
-
return (h(Host, { key: '
|
|
11941
|
+
return (h(Host, { key: '9682721f6cc0a476fc5a90687dc20375c9a6dc15' }, h("slot", { key: '20a1b2d28665d19581a0cc8f226610b560af124f' })));
|
|
11923
11942
|
}
|
|
11924
11943
|
};
|
|
11925
11944
|
SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
|
|
11926
11945
|
|
|
11927
|
-
const styleCss$
|
|
11928
|
-
const SmoothlyNextTableCellStyle0 = styleCss$
|
|
11946
|
+
const styleCss$A = ".sc-smoothly-next-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding:0.3rem 1.1rem;white-space:nowrap}";
|
|
11947
|
+
const SmoothlyNextTableCellStyle0 = styleCss$A;
|
|
11929
11948
|
|
|
11930
11949
|
const SmoothlyNextTableCell = class {
|
|
11931
11950
|
constructor(hostRef) {
|
|
@@ -11934,7 +11953,7 @@ const SmoothlyNextTableCell = class {
|
|
|
11934
11953
|
}
|
|
11935
11954
|
render() {
|
|
11936
11955
|
var _a;
|
|
11937
|
-
return (h(Host, { key: '
|
|
11956
|
+
return (h(Host, { key: '9d004f7e7bdd32825a8bd8da70dcd3578f0cec8d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '12eb3e8385155eae52ad2ad8226e5645d755e2b7' })));
|
|
11938
11957
|
}
|
|
11939
11958
|
};
|
|
11940
11959
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -11977,8 +11996,8 @@ class Selector {
|
|
|
11977
11996
|
}
|
|
11978
11997
|
_Selector_selected = new WeakMap();
|
|
11979
11998
|
|
|
11980
|
-
const styleCss$
|
|
11981
|
-
const SmoothlyNextTableDemoFilteredStyle0 = styleCss$
|
|
11999
|
+
const styleCss$z = ".sc-smoothly-next-table-demo-filtered-h{display:grid;grid-template-columns:auto auto;grid-template-areas:\"header filter\"\n\t\t\"main main\";margin-bottom:50em}.sc-smoothly-next-table-demo-filtered-h>smoothly-display.sc-smoothly-next-table-demo-filtered{font-size:2em;grid-area:header}.sc-smoothly-next-table-demo-filtered-h>smoothly-filter.sc-smoothly-next-table-demo-filtered{margin-left:auto;grid-area:filter;height:fit-content}.sc-smoothly-next-table-demo-filtered-h>*.sc-smoothly-next-table-demo-filtered{margin-bottom:2rem;grid-area:main}.sc-smoothly-next-table-demo-filtered-h>smoothly-next-table.sc-smoothly-next-table-demo-filtered{grid-template-columns:min-content repeat(calc(var(--columns) - 1), auto)}smoothly-next-table.sc-smoothly-next-table-demo-filtered>smoothly-next-table-row.sc-smoothly-next-table-demo-filtered>smoothly-next-table-cell.sc-smoothly-next-table-demo-filtered:nth-of-type(2),.sc-smoothly-next-table-demo-filtered-h>smoothly-next-table.sc-smoothly-next-table-demo-filtered>smoothly-next-table-head.sc-smoothly-next-table-demo-filtered>smoothly-next-table-row.sc-smoothly-next-table-demo-filtered>smoothly-next-table-cell.sc-smoothly-next-table-demo-filtered:nth-of-type(4){justify-content:end}";
|
|
12000
|
+
const SmoothlyNextTableDemoFilteredStyle0 = styleCss$z;
|
|
11982
12001
|
|
|
11983
12002
|
const TableDemoFiltered$1 = class {
|
|
11984
12003
|
constructor(hostRef) {
|
|
@@ -12006,18 +12025,18 @@ const TableDemoFiltered$1 = class {
|
|
|
12006
12025
|
}
|
|
12007
12026
|
render() {
|
|
12008
12027
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12009
|
-
return (h(Host, { key: '
|
|
12028
|
+
return (h(Host, { key: '0dd432641c659d11a37f2cccf45cf2c98a33c79d' }, h("smoothly-display", { key: 'a8075e83e7d158d991a50434afda6d5e19753dcd', type: "text", value: "Filtered" }), h("smoothly-filter", { key: 'c35363824c3af0255adbaacf94c531623f4a4eda' }, h("smoothly-filter-toggle", { key: '206fe5173a1690ddb2d4e535660920548cec9894', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '2532caa64b20f1b37af1bb89ef1e5713f124d829', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '867c7453a5eb4b8907bfd6691347d70ea45fac0c', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '91d9763f9aeb845fb36daf4ab5eb32543698a7a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '14de2efc8309dbc7f151b4e015d5974a4e89ec1a', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12010
12029
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12011
12030
|
var _a;
|
|
12012
12031
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12013
|
-
})), h("div", { key: '
|
|
12032
|
+
})), h("div", { key: '1beb1c785eda697de92cfdec64acf0df46c1869d', slot: "detail" }, h("smoothly-form", { key: 'c79fa83df94c89b7f48b52b1bad4b28b5ba9c39f', looks: "border" }, h("smoothly-filter-select", { key: '965ecef6568e3496acc17daebb2ba88703292f88', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12014
12033
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12015
12034
|
var _a;
|
|
12016
12035
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12017
|
-
})), h("smoothly-filter-select", { key: '
|
|
12018
|
-
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: '
|
|
12036
|
+
})), h("smoothly-filter-select", { key: 'c6e5b26bbe0cca9c62aaa1a693885a6e81dafba3', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12037
|
+
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: 'c09c1f2ad4a2cbf4a940d163cc5248d9309c333d', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
|
|
12019
12038
|
.flat()
|
|
12020
|
-
.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: '
|
|
12039
|
+
.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: '59e3e17c59829697530b1b05ed8c8cc58da1436e', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '691be43977e1095305539c619c20bd8a10d4b63e', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-next-table", { columns: 4 }, h("smoothly-next-table-head", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cats)), h("smoothly-next-table-cell", null, "Breed"), h("smoothly-next-table-cell", null, "Coat"), h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cat)), h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-next-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-next-table-foot", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
12021
12040
|
}
|
|
12022
12041
|
};
|
|
12023
12042
|
const names$1 = {
|
|
@@ -12028,8 +12047,8 @@ const names$1 = {
|
|
|
12028
12047
|
};
|
|
12029
12048
|
TableDemoFiltered$1.style = SmoothlyNextTableDemoFilteredStyle0;
|
|
12030
12049
|
|
|
12031
|
-
const styleCss$
|
|
12032
|
-
const SmoothlyNextTableExpandableCellStyle0 = styleCss$
|
|
12050
|
+
const styleCss$y = ".sc-smoothly-next-table-expandable-cell-h{display:contents}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;box-sizing:border-box;align-items:center;white-space:nowrap;position:relative}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{rotate:45deg}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-next-table-expandable-cell-h:not([open])>div.detail.sc-smoothly-next-table-expandable-cell{display:none}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
|
|
12051
|
+
const SmoothlyNextTableExpandableCellStyle0 = styleCss$y;
|
|
12033
12052
|
|
|
12034
12053
|
const SmoothlyNextTableExpandableCell = class {
|
|
12035
12054
|
constructor(hostRef) {
|
|
@@ -12053,7 +12072,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12053
12072
|
}
|
|
12054
12073
|
render() {
|
|
12055
12074
|
var _a;
|
|
12056
|
-
return (h(Host, { key: '
|
|
12075
|
+
return (h(Host, { key: 'ba37ea969d4a1889fa849af07a406979e5d02938', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: '8725963b688b32a73e3c9b5ecfd38b8c54763239', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: 'ab4c0f43432ec2fa4fd2aff9f2589f7038c56b20' })), h("div", { key: 'e9ac1473fa4b04596a39fe2c3803292f3048c6cc', class: "detail" }, h("slot", { key: '9564c6614b09aaf75c26b039d5af3cc4a652fd07', name: "detail" }))));
|
|
12057
12076
|
}
|
|
12058
12077
|
static get watchers() { return {
|
|
12059
12078
|
"open": ["openChange"]
|
|
@@ -12061,8 +12080,8 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12061
12080
|
};
|
|
12062
12081
|
SmoothlyNextTableExpandableCell.style = SmoothlyNextTableExpandableCellStyle0;
|
|
12063
12082
|
|
|
12064
|
-
const styleCss$
|
|
12065
|
-
const SmoothlyNextTableExpandableRowStyle0 = styleCss$
|
|
12083
|
+
const styleCss$x = ".sc-smoothly-next-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>*{cursor:pointer}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:not(:last-child){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-next-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child){position:relative}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{rotate:45deg}[open].sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
|
|
12084
|
+
const SmoothlyNextTableExpandableRowStyle0 = styleCss$x;
|
|
12066
12085
|
|
|
12067
12086
|
const SmoothlyNextTableExpandableRow = class {
|
|
12068
12087
|
constructor(hostRef) {
|
|
@@ -12077,7 +12096,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12077
12096
|
this.smoothlyNextTableExpandableRowChange.emit(this.open);
|
|
12078
12097
|
}
|
|
12079
12098
|
render() {
|
|
12080
|
-
return (h(Host, { key: '
|
|
12099
|
+
return (h(Host, { key: '29cb2959c5b4cf938c83a5ae2615c09e66299b33', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'f4999f64111640f2fa8c6fc969d6ae92a2981465' }), h("div", { key: '0c06f4f1b9a98fb4f4dac272f26e6331050e3488', ref: e => (this.div = e) }, h("slot", { key: 'ce4f7656f53227207e56f172fe82ae439d2e8174', name: "detail" }))));
|
|
12081
12100
|
}
|
|
12082
12101
|
static get watchers() { return {
|
|
12083
12102
|
"open": ["openChange"]
|
|
@@ -12085,6 +12104,19 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12085
12104
|
};
|
|
12086
12105
|
SmoothlyNextTableExpandableRow.style = SmoothlyNextTableExpandableRowStyle0;
|
|
12087
12106
|
|
|
12107
|
+
const styleCss$w = ".sc-smoothly-next-table-filler-row-h{grid-column:1 / -1}";
|
|
12108
|
+
const SmoothlyNextTableFillerRowStyle0 = styleCss$w;
|
|
12109
|
+
|
|
12110
|
+
const SmoothlyNextTableFillerRow = class {
|
|
12111
|
+
constructor(hostRef) {
|
|
12112
|
+
registerInstance(this, hostRef);
|
|
12113
|
+
}
|
|
12114
|
+
render() {
|
|
12115
|
+
return (h("smoothly-next-table-row", { key: '211cfeba371ca4ee5905505f45d5ed25fc5253bd' }, h("smoothly-next-table-cell", { key: '87192ce89b687d0d398cf809c94b1f80ff873481' }, h("slot", { key: '8a77e996c452fe868d8c91908b4c5beb9f6c2658' }))));
|
|
12116
|
+
}
|
|
12117
|
+
};
|
|
12118
|
+
SmoothlyNextTableFillerRow.style = SmoothlyNextTableFillerRowStyle0;
|
|
12119
|
+
|
|
12088
12120
|
const styleCss$v = ".sc-smoothly-next-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}";
|
|
12089
12121
|
const SmoothlyNextTableFootStyle0 = styleCss$v;
|
|
12090
12122
|
|
|
@@ -12093,7 +12125,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
12093
12125
|
registerInstance(this, hostRef);
|
|
12094
12126
|
}
|
|
12095
12127
|
render() {
|
|
12096
|
-
return (h(Host, { key: '
|
|
12128
|
+
return (h(Host, { key: 'b50e853324f3576d8c42db922492655977b8ba09' }, h("slot", { key: 'be08a0c8690aea39a3d4b5196820f9a140fcf60e' })));
|
|
12097
12129
|
}
|
|
12098
12130
|
};
|
|
12099
12131
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -12124,7 +12156,7 @@ const SmoothlyNextTableHead = class {
|
|
|
12124
12156
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12125
12157
|
}
|
|
12126
12158
|
render() {
|
|
12127
|
-
return (h(Host, { key: '
|
|
12159
|
+
return (h(Host, { key: 'cc10cca9cae2a4f3c07b0adaec5c9767ba441af1', class: { scrolled: !!this.scrolled } }, h("slot", { key: '0e1af29f2102da8bf0b77b2e8bd7e9d88837b938' })));
|
|
12128
12160
|
}
|
|
12129
12161
|
get element() { return getElement(this); }
|
|
12130
12162
|
};
|
|
@@ -12148,7 +12180,7 @@ const SmoothlyNextTableRow = class {
|
|
|
12148
12180
|
event.target != cell && cell.close();
|
|
12149
12181
|
}
|
|
12150
12182
|
render() {
|
|
12151
|
-
return (h(Host, { key: '
|
|
12183
|
+
return (h(Host, { key: 'd7fc121c62652f1491e330a666d2bd5557790c18' }, h("slot", { key: '9d120acc32de56c2a5f5ac61cfee1f8be9817487' })));
|
|
12152
12184
|
}
|
|
12153
12185
|
};
|
|
12154
12186
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -12168,7 +12200,7 @@ const SmoothlyNextTableRowGroup = class {
|
|
|
12168
12200
|
this.smoothlyNextTableRowGroupChange.emit(this.open);
|
|
12169
12201
|
}
|
|
12170
12202
|
render() {
|
|
12171
|
-
return (h(Host, { key: '
|
|
12203
|
+
return (h(Host, { key: '46c43047d6c0de20c62addd8a1cd7e63db13ffbb' }, h("div", { key: '6d3b2f2f2d4213aabf9e8b6d46b3903617db9592', onClick: () => this.clickHandler() }, h("div", { key: '7a909ce4d5cf9c7ccb00fbe272d60dc5beb87308' }, h("slot", { key: '548eda3f71aa5538df606ba773264ccd12ad42a4', name: "start" })), h("div", { key: 'fd430f4c06a64a6b06edc8ff40a944a88576f95c' }, h("slot", { key: 'ab4ee6fc8a7ba2e027c02cec7e2d2e48214e9cd6', name: "end" }))), h("div", { key: 'e9fba16de8010a2c0592da142f38ee1627db9444' }, h("slot", { key: 'e6ac909ab9bf77bd335e4a0978ab341ccf5c69c1' }))));
|
|
12172
12204
|
}
|
|
12173
12205
|
};
|
|
12174
12206
|
SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
|
|
@@ -12228,7 +12260,7 @@ const Notification = class {
|
|
|
12228
12260
|
this.onUpdatedNotice(this.notice);
|
|
12229
12261
|
}
|
|
12230
12262
|
render() {
|
|
12231
|
-
return (h(Host, { key: '
|
|
12263
|
+
return (h(Host, { key: 'e216407a367c285f871948d03535b6cb795036ca', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'dcf2051fb4a5f74279ac49b7448e11a12955aafd', fill: "clear", name: "close" }, h("smoothly-icon", { key: '09732f7a1a6f51d5901760a9fb7b94fcde3ec011', name: "close-circle-outline" }))), h("span", { key: '14e3c71160c4c76fba4d0a23d970a173a8a8bc5c', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'efeacaf8248a6446131d490850d5d12d56d9b03a', name: this.properties[1] }), h("p", { key: 'bd8f8b547124a0f8a2e9761232d7a8f0470e71d8' }, this.notice.message))));
|
|
12232
12264
|
}
|
|
12233
12265
|
static get watchers() { return {
|
|
12234
12266
|
"notice": ["onUpdatedNotice"]
|
|
@@ -12253,8 +12285,8 @@ const Notifier = class {
|
|
|
12253
12285
|
}
|
|
12254
12286
|
render() {
|
|
12255
12287
|
return [
|
|
12256
|
-
h("slot", { key: '
|
|
12257
|
-
h("aside", { key: '
|
|
12288
|
+
h("slot", { key: '5b7fc348c402eee0f390218c752e803d26c0368a' }),
|
|
12289
|
+
h("aside", { key: '528784db32ff417d61a9d03d5668c0fb57e95e99' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
12258
12290
|
];
|
|
12259
12291
|
}
|
|
12260
12292
|
};
|
|
@@ -12271,9 +12303,9 @@ const SmoothlySpinner = class {
|
|
|
12271
12303
|
}
|
|
12272
12304
|
render() {
|
|
12273
12305
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12274
|
-
return (h(Host, { key: '
|
|
12306
|
+
return (h(Host, { key: '02234f694a53180285ade8d8fc3f7654ba224875', style: {
|
|
12275
12307
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12276
|
-
} }, h("svg", { key: '
|
|
12308
|
+
} }, h("svg", { key: 'e7dc6e32f24abdcfca960a735971232a4eb8bd5d', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'fc02245c37f77cb67288473fc3b9b16634e394ed', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12277
12309
|
}
|
|
12278
12310
|
};
|
|
12279
12311
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12289,7 +12321,7 @@ const SmoothlySubmit = class {
|
|
|
12289
12321
|
this.expand = undefined;
|
|
12290
12322
|
this.fill = undefined;
|
|
12291
12323
|
this.disabled = false;
|
|
12292
|
-
this.type =
|
|
12324
|
+
this.type = undefined;
|
|
12293
12325
|
this.size = undefined;
|
|
12294
12326
|
this.shape = undefined;
|
|
12295
12327
|
this.prevent = true;
|
|
@@ -12306,7 +12338,7 @@ const SmoothlySubmit = class {
|
|
|
12306
12338
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12307
12339
|
}
|
|
12308
12340
|
render() {
|
|
12309
|
-
return (h(Button, { key: '
|
|
12341
|
+
return (h(Button, { key: '2fde8c38033bc1494fa746a8556158ccd52a4c17', disabled: this.disabled, type: this.type }, h("slot", { key: '05b575eeb3525cf92656ceab8bece00899e12a14' })));
|
|
12310
12342
|
}
|
|
12311
12343
|
};
|
|
12312
12344
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12341,7 +12373,7 @@ const SmoothlySummary = class {
|
|
|
12341
12373
|
}
|
|
12342
12374
|
}
|
|
12343
12375
|
render() {
|
|
12344
|
-
return (h("details", { key: '
|
|
12376
|
+
return (h("details", { key: 'f3597a49f47f553cc5f46da28d789978d36a4d22', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'cdf10be26df6f09a1e46786bcced58b6e9165d78' }, h("smoothly-icon", { key: '5e58cc500b5252a27df6f873e0dfedd944927521', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '6e896b1f8929e201a12985dcc1a88d35cee47e25', name: "summary" })), h("slot", { key: 'f00d7da9d776ee0f6557fdda164e74940c85a175', name: "content" })));
|
|
12345
12377
|
}
|
|
12346
12378
|
};
|
|
12347
12379
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12382,7 +12414,7 @@ const SmoothlyTab = class {
|
|
|
12382
12414
|
}
|
|
12383
12415
|
}
|
|
12384
12416
|
render() {
|
|
12385
|
-
return (h(Host, { key: '
|
|
12417
|
+
return (h(Host, { key: 'd9c5ab54349e8aba1eab236e8e274db072c14924' }, h("div", { key: '7fe71ac5dc41adfbdd9af2e7e5b43495262a5890' }, h("label", { key: '4a5db95950b0e2a35d5bee4607808378e2f7548d' }, this.label)), h("div", { key: '6bee7214a5ba12fb50e38d5e7c6585d8890a8930', hidden: !this.open }, h("slot", { key: '731c5480b03f78ea0aaacd6e909dc03347882200' }))));
|
|
12386
12418
|
}
|
|
12387
12419
|
static get watchers() { return {
|
|
12388
12420
|
"open": ["openHandler"]
|
|
@@ -12433,7 +12465,7 @@ const Table = class {
|
|
|
12433
12465
|
event.stopPropagation();
|
|
12434
12466
|
}
|
|
12435
12467
|
render() {
|
|
12436
|
-
return [h("slot", { key: '
|
|
12468
|
+
return [h("slot", { key: '265b3acc3c6bd631813f524ed66f60a155031364' })];
|
|
12437
12469
|
}
|
|
12438
12470
|
get element() { return getElement(this); }
|
|
12439
12471
|
};
|
|
@@ -12447,7 +12479,7 @@ const TableCell = class {
|
|
|
12447
12479
|
registerInstance(this, hostRef);
|
|
12448
12480
|
}
|
|
12449
12481
|
render() {
|
|
12450
|
-
return (h(Host, { key: '
|
|
12482
|
+
return (h(Host, { key: 'ac78d1264d3074622109881d6269d38e6ae9f228' }, h("div", { key: '6e7125efa83e7cfe99055448b32cc474a308bac9' }, h("div", { key: 'b2f78cd942b6bd3bd2f15d3194057e1f30ab722e' }, h("slot", { key: 'ff81af420892bef3070f662d0842ce80beea22f0' })), h("smoothly-icon", { key: '8c8e37697ea4ee6c2b7c5431729eb221bc2830c9', name: "caret-forward-outline", size: "tiny" }))));
|
|
12451
12483
|
}
|
|
12452
12484
|
};
|
|
12453
12485
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12460,7 +12492,7 @@ const TableDemo = class {
|
|
|
12460
12492
|
registerInstance(this, hostRef);
|
|
12461
12493
|
}
|
|
12462
12494
|
render() {
|
|
12463
|
-
return (h(Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, h("h4", { key: '6c2693b2a15e519fdfeaaad2babcc5a692d1df92' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7370339c630782920d4ea3f87d9ca2a9fed09300', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: 'ec5ddba9aab436b3ea95416de3253c96f2619c39' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: '6aa1c41adfa38ae2a28fdae872105000feebae48' }), " ", h("h4", { key: '939935ca5079dbb902054281239160cc8043ba61' }, "Demo table 3"), h("smoothly-table", { key: 'd6dd1dcd03f7a8536dd35d947875b123868f363c' }, h("smoothly-table-row", { key: '44b5a11d7a6a946caf0026e987a7aecab47a46ba' }, h("smoothly-table-header", { key: '5c82e46165bfc38e1da1c9bf16a7c622cdc1cbb2' }, "Header A"), h("smoothly-table-header", { key: '9793a61c1baa8ed1a05385d8ba6d5ecc8feabca8' }, "Header B"), h("smoothly-table-header", { key: '2fdcec65ab24358281cec2f9a234b20320fe7310' }, "Header C"), h("smoothly-table-header", { key: 'be4f0c72552082bf4db899dcdc7c817e613b525d' }, "Header D")), h("smoothly-table-row", { key: '685202c84404570268fe43b9d15bded227d21412' }, h("smoothly-table-expandable-cell", { key: '0c9a6e9f61e686a12ef51ddfd5573951838ffe08' }, "normal row (exp.cell)", h("div", { key: '9cf941c6bd38cc9da27da2ec2003587a9d61245c', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '44f09c71e18c1dea662b7536e1b85e774e60b3fa' }, "expandable cell", h("div", { key: '7cc27d884ef807845990859b6220bbc3a00e0f74', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: '39ac19023b51b98928685c28453a62c175ece490' }, "expandable cell", h("div", { key: '1feb7f59580a2d3236a754acaf3736c4b12a3522', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '4596552b8df58fa0fd7163db0e3dfa2ab8830a01' }, "expandable cell", h("div", { key: '322cc72dffa047c63de26e76415b6405acb9c37f', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'b302f6bad02d9ff463f4d6d341f27b17839fbcdb' }, h("smoothly-table-cell", { key: 'f53be8bf1ac7d14b00f7d6d5ddce430e966df180' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '8daf7d43483e973e62d10f189b4c9c340fce78b8' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '56d7c49a27529332278fc39e87c2882f311fe245' }, "expandable cell", h("div", { key: 'bff87d82c49e2e67863d6993d93a261d2eec6a13', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '53bfb99470e8de53b6ca24dd1ecfafbe0e74680f' }, "expandable cell", h("div", { key: '1a708007780b119386020462e0c76f6accdaa789', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: 'e18677d9c3a94f4836a10a536632ffc70f51b283' }, h("smoothly-table-cell", { key: '7f978bf73194847f9febf4aaac80134ffcebb58d' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'd528b2a72ddd039c82fdabd4e8851f7944e19f96' }, "Normal cell"), h("smoothly-table-cell", { key: '6b0b4d3f30b31a95133defff1c1c02dba990b723' }, "normal cell"), h("smoothly-table-cell", { key: 'e0539d8af66a3ae4d17fd5ef02967dfda589b38c' }, "Normal cell"), h("div", { key: 'f49755576fda95ee0348da9e24169bd2bff01142', slot: "detail" }, "expandable row content"))), h("h4", { key: 'ba5f2843a357a782b0347d475ee4dd5360572813' }, "Demo table 4"), h("smoothly-table", { key: '181ad9a0c236503c1288ff3e371e1fe323154cd0' }, h("smoothly-table-row", { key: 'a9dc6f2fb604e9f07355c87fc5ae13e45daefea2' }, h("smoothly-table-header", { key: '1bd1d0e1549da881ce3040f6c927816455089259' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'c119128d0589bf3b771d8165ee358a547650e51a' }, "Header expansion", h("div", { key: 'd0428eba89739b88956fb71a68be68c610b3861e', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'a54c5b76e8e8db3b63af0a98ec58a955bbf48a60' }, h("smoothly-table-cell", { key: 'e8a46e0600bed42f94985bcf09d7581a9f5f8f5b' }, "A Content"), h("smoothly-table-cell", { key: '3941e1804625493e3e17963d83ab81f483072f0c' }, "Expansion cell"), h("div", { key: '4df8506a7bafd4cfd53a328d8c68f93f017e99f4', slot: "detail" }, h("smoothly-tab-switch", { key: '098ad77004c72f3fd0fbdd43364ae44a99aa1d96' }, h("smoothly-tab", { key: '626f48ff879c4fa885c370b2635ecb19a20c5f28', label: "innertable 1", open: true }, h("smoothly-table", { key: 'd010ef824f9e9881871cd58748f9099d2ad9a33c' }, h("smoothly-table-row", { key: 'eabd83af25882bbd229998ea5e1f4c521206fba7' }, h("smoothly-table-header", { key: 'fc2c448bc2a04e81b51b21eba3df60316506b23c' }, "Header B")), h("smoothly-table-expandable-row", { key: 'ba8fadbebcf9171a41d49c5cb90c5ecfa29cd9aa' }, "B Content"))), h("smoothly-tab", { key: 'ba476cffc2b17330cbf507c61fb5b834297c1547', label: "innertable 2" }, h("smoothly-table", { key: '3d25f6dea0616e0319de7b5dd61dba63b977babf' }, h("smoothly-table-row", { key: '792b9a85a866175b6bbbe1f2aa8056d614b59212' }, h("smoothly-table-header", { key: 'f7d5eecb605554b95c6df5fafbce00ea69cac00b' }, "Header C")), h("smoothly-table-expandable-row", { key: 'ac614f28e0c29a952f5cc9915568a57deba9409a' }, h("smoothly-table-cell", { key: '997018995ca3b0e127e1e58f60ac51a03b5a1d17' }, "C Content"))))))), h("smoothly-table-row", { key: 'cdae56eb4afb25d3ed32d2c4dd3a9593b60d58f9' }, h("smoothly-table-cell", { key: '9dbb1105388962d101bd18aef1ed79c57baf017b' }, "A Content"), h("smoothly-table-expandable-cell", { key: 'ea35ad9b5073c97d68f31c9d825e5d751e8a09ab' }, "Expandable cell", h("div", { key: '2eadd761c83b837d097194ab38d37668e6b57367', slot: "detail" }, "Expansion content")))), h("h4", { key: 'c0921bb24450881229d7c0144ac12d60c3bf8802' }, "Demo table 5"), h("smoothly-table", { key: '8b8b27a06a924553770762449aae0d692dcffb02' }, h("smoothly-table-row", { key: 'ef0757b3eb3241dca02d69cb5b6ecff660788677' }, h("smoothly-table-header", { key: 'e2394dfc5ad2aae143ed754cfcf1b16b587cf678' }, "A"), h("smoothly-table-header", { key: '976f42f99dfb0aa1ee9e44f41ef869762eb11273' }, "B")), h("smoothly-table-expandable-row", { key: 'ea9d260bc85c98fb1823a6d518e93fac6049cf16' }, h("smoothly-table-cell", { key: '42b115fba57971d490fefbf952f0c5d254ec7ba1' }, "nested expandable row"), h("smoothly-table-cell", { key: '3c7079b17695ae5dccc3a6ae5b5c482995cc8c53' }, "b row"), h("div", { key: '164765386ecc86a447e4137e87e9d7e1cb573295', slot: "detail" }, h("smoothly-table", { key: '75450c230a01788649351bc80de0853b1f8935df' }, h("smoothly-table-row", { key: 'b14c7ae5a9dd28decbe2128d0ceba6e5e80244b2' }, h("smoothly-table-header", { key: '9057cc610f407115f0822c86a60a17568c78a603' }, "C"), h("smoothly-table-header", { key: 'efc795aee91ff54f23f4e7960229807a67f8cc30' }, "D")), h("smoothly-table-expandable-row", { key: '91e50c30ceb62307e4ad1df65e38566659aad7af' }, h("smoothly-table-cell", { key: 'a24d04856a8497c8f25a4a1b7744e9e973cc1c14' }, "c"), h("smoothly-table-cell", { key: '043e58686a7541ff38e98cc33e3586c2ff5f0c1e' }, "d"), h("div", { key: 'b7731de099d67a42654775781c3a96ee0810af2f', slot: "detail" }, h("smoothly-table", { key: 'ca775626562496b8dc0434079316b0f4fd1d89fa' }, h("smoothly-table-row", { key: 'eb1fefb44df5c188c4db01ff41d7cf7c00cc2b95' }, h("smoothly-table-header", { key: 'f3164f22ddac32daf151fcd5eba6f45bbba965dc' }, "E"), h("smoothly-table-header", { key: 'ab67b9c9e21dd0e6e6638c24cc9cd775054b1c91' }, "F")), h("smoothly-table-expandable-row", { key: '356ed8bb3a77a72a20756b9af76e19ac0069afdf' }, h("smoothly-table-cell", { key: '76b4d9fd59c7b553ba1ad1504ed16af968913f11' }, "e row"), h("smoothly-table-cell", { key: '9bf94026759eb18cc35cde3e471e24e7528f4324' }, "f row"), h("div", { key: '409341d673cf5dd2f9b0030a65068d913eaa362b', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '2d0eba2de8835b8fcbba2145bb554454d8690cdd' }, h("smoothly-table-cell", { key: '177e9d24417f34c7d73b1053eaa81e5494deb6a5' }, h("span", { key: 'aa67f856f35c3abdc27d9c6e1c1f531c438b9e01' }, "one"), h("span", { key: '7282142fb079c4732c462bbabd5d89e9e905140c' }, "two"), h("span", { key: 'abb82c348c566994a35a7989a9c7c23c98786b85' }, "three")), h("smoothly-table-cell", { key: 'b5365ce005d7a4e7f9ec6a13572a293b5c07117b' }, "five", h("smoothly-icon", { key: '7b4594aa25c395070cf2f5abcad75798d89b9878', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'f0cb3e4fdee2c1593106f1504e2ef7a638089f07', slot: "detail" }, "four")), h("smoothly-table-row", { key: '67341204442bc35d5e036cce9ebf7165e2e5beea' }, h("smoothly-table-expandable-cell", { key: '1fd020b62e4752e4da359b9072b29a1c469164f1' }, h("span", { key: 'd9987a50b30c2dbbacf430950cec88b71df7c4bb' }, "nested expandable cells"), h("div", { key: '7dca663955279cf553bdad10fa7ba1ba9ad849eb', slot: "detail" }, h("smoothly-table", { key: 'b12943e4c64294fe3dc852ea9a387f2bd4103f0e' }, h("smoothly-table-row", { key: '815fcae633d87d07229b224bd285b45fd228a0cf' }, h("smoothly-table-header", { key: 'a4232bbf78259925b401c60b2e02a734e88d5992' }, "E"), h("smoothly-table-header", { key: '87be1bbde66b839a61043266e4f74a081db84c6c' }, "F")), h("smoothly-table-row", { key: '85bac83d081136be7b4e4641cec5565f141c647b' }, h("smoothly-table-expandable-cell", { key: 'db891efb53153b21e57f234536428607fe7ff8dc' }, "e cell", h("div", { key: 'd58b72b0d6d4e8c1a47cad77acaedbe3aa333277', slot: "detail" }, h("smoothly-table", { key: '2d831b60e3916e9c55c996c77cc388fa90a9a6d8' }, h("smoothly-table-row", { key: '341fc2cc9b75690d5992629e3860dc53884b3642' }, h("smoothly-table-header", { key: '085c7ac43082a11505e6d790c65193221820016f' }, "G"), h("smoothly-table-header", { key: '53d8981cb7b99a61d40ea23e2ffce1e88a2e5f4f' }, "H")), h("smoothly-table-row", { key: '037a91700c10a9b9ad73aef8385ac5044b661cfc' }, h("smoothly-table-expandable-cell", { key: 'db716a543afa17ceba2227b6ab34e6b7f59223af' }, "g cell", h("div", { key: '6e9f9921827564a4923dd73e67fc37a5f76beea6', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: 'ee77e6b9f6d335958d715180690f5a43b03e712d' }, "h cell", h("div", { key: 'f71a934e96a051fcc972d5fe931a6f424da334a5', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'e5aea1356b4b6e46b34cdbaf958355d31a43facb' }, "f cell", h("div", { key: 'f77e4852d7654966b1d2daca4b81f7c52e9a9118', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '21aedb52d291091d7dfad74c58eaebf11d21be54' }, "b cell", h("div", { key: '47774e13cde8f000da0bd172b295bafb5630bb97', slot: "detail" }, h("smoothly-table", { key: '59f9a71b6007d59160ae43f2167bf496f45b35d7' }, h("smoothly-table-row", { key: 'c446e2b029dbd5a2077906a8a965fd125013357c' }, h("smoothly-table-header", { key: '6c03213f88f20ee03bd8afb43ede67e5a3311285' }, "C"), h("smoothly-table-header", { key: 'f5c41638e374d59a772907d419ce3cdcd7c5b46e' }, "D")), h("smoothly-table-row", { key: '75a903bac35ab067415f6b3d2ea32eab3d1b50fe' }, h("smoothly-table-expandable-cell", { key: 'f3ef1fa6e1cb1fe528446bb4db238c13d1ec5328' }, "c cell", h("div", { key: '0d1b95ea59a79821b834a593196107da82a15b80', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '0e7dee7e59a504516cf1dbfc564da6629e525ea7' }, "d cell", h("div", { key: '8a1442355a0d1bcc5ceded1749450bf83bfd84a6', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '491844dd29dbea41bd33109e67bf58328718699c' }, "Demo table 6"), h("smoothly-table", { key: 'c71e325906a58796a3cb941a6d8d8195f838f7f4' }, h("smoothly-table-row", { key: '2a299a63fbbd9504b4734042d313815205b74f26' }, h("smoothly-table-header", { key: '10f8529b9ea32afb41a1879ef374b9e26659729e' }, "display"), h("smoothly-table-header", { key: 'e037e3c9674164926b2e1129446a2cd4bda1780c' }, "contents")), h("smoothly-table-expandable-row", { key: 'a7604f7aa4e574e04270edda2ce140dc9173d0cf' }, h("div", { key: '6e6ee07f7c67bc6f1b5b3157ef7f3d6bd16f7995', class: "content" }, h("smoothly-table-cell", { key: 'c560559faf746657f3637acfc0e13b38bb7b5ac7' }, "A"), h("smoothly-table-cell", { key: 'ee15ec06c1246e4e5b234adbcf96514e746b7064' }, "B")), h("div", { key: 'dcd83cfcdf0a1f1002467bac155ea00a68d540db', slot: "detail" }, "expansion"))), h("h4", { key: 'c976d7cce548795f7776ac78013c5ead5ff46442' }, "Demo table 7"), " ", h("span", { key: 'a41fff757011f21692cf7b48f8f6dceb710c90a8' }, "nested 1 then normal"), h("smoothly-table", { key: '30fc70242dcb689f44c2d10c6da06f0bf4ff3b29' }, h("smoothly-table-row", { key: '83ab53ecc50c0c58d5095a54dca7ef71dbfca94d' }, h("smoothly-table-header", { key: 'ba57eee8d8a906417da048536ddd4b7848abfa83' }, "A"), h("smoothly-table-header", { key: '75070cc5d7f9b378ec5cf1dd09cf938ce2627466' }, "B")), h("smoothly-table-expandable-row", { key: '5c238acce39b7b16fd29b5681b2fa0beb92f9d6a' }, h("smoothly-table-cell", { key: '0e84b683e6dd2cab1fb9b56e7b3d634a1db6b6d2' }, "a"), h("smoothly-table-cell", { key: 'd0b5f45e24f7207b6e4929297f77960a893b5ea3' }, "b"), h("div", { key: '2a4d70833716ba05f63f30bf414ef073ed544f5d', slot: "detail" }, h("smoothly-table", { key: '91f965115edf80e695cfab022c333ea75580553e' }, h("smoothly-table-row", { key: '0b16751c58986a2827bf86d9eb8609ac4149a6a2' }, h("smoothly-table-header", { key: '694d93cc20a0de953d9a1ccce8531fa1a3be15d0' }, "C"), h("smoothly-table-header", { key: '6e8f1b2412ca56766c02974e7b0f6c23c8b7e7c2' }, "D")), h("smoothly-table-row", { key: '9dd5836a7780bc96b98dea02534a94d46f413b0f' }, h("smoothly-table-cell", { key: '60d1507e3768c8e771fc2862204a75c6d65d0949' }, "c"), h("smoothly-table-cell", { key: '2a234c36950600f5c038aed22db95f806d95fd78' }, "d")), h("smoothly-table-row", { key: '06083e22aaa76953478b3d91b1cf1bfa33d36e91' }, h("smoothly-table-cell", { key: 'c29952966e7fe73c5c5487ab81a9ee79f9dc1ca0' }, "ccc"), h("smoothly-table-cell", { key: '7b2a22e7c5698da2ff9ecd10c7b91bb489192ac3' }, "ddd")), h("smoothly-table-expandable-row", { key: '067641facfd8e83d89d520155533feb17a19628c' }, h("smoothly-table-cell", { key: '5a738afa3444170250850a7d00ce9ec5c52a0827' }, "cccc"), h("smoothly-table-cell", { key: '34598e8935e09e660001548cd2f5f0049e0ba71d' }, "dddd"), h("div", { key: '8350e5e1ef3fca4e1423987e3d99328683156703', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'e4ee719169cc338d2420f7d3fa09b19ae022e6f7' }, h("smoothly-table-cell", { key: '66f289b9d4e5bb8fe6bfce7f8ae0629143a28ea3' }, "ccccc"), h("smoothly-table-cell", { key: '9e36c00f691b106ef5e58c25d3376618a1861759' }, "ddd")), h("smoothly-table-expandable-row", { key: '67f476453f943b6b75249ce633b1a652e72c0838' }, h("smoothly-table-cell", { key: '9218b679173b883967e4fd9f61622220a4e69cd5' }, "cccc"), h("smoothly-table-cell", { key: 'a0d921e79a8302d7e0b8f3fd702aead3c146a032' }, "dddd"), h("div", { key: '32ff6ed3b7dd8fe2769838a0ec9c08457f578ac0', slot: "detail" }, "CONTENT")))))), h("h4", { key: 'a5b4ae5de351c406d071e8405307486b236ae22e' }, "Demo table 8"), " ", h("span", { key: 'a7c396b267a5728a3ebd12033e0419c449bcacc6' }, "not nested"), h("smoothly-table", { key: '2b940b2551b11b5eeeb44f9fb78955848a9bb88a' }, h("smoothly-table-row", { key: '86a38a2dd5c238596452292bd5790d55436dc332' }, h("smoothly-table-header", { key: '16b53657c35dc13eec74f7944418f736c62745a8' }, "C"), h("smoothly-table-header", { key: 'de229cdfa50eafa737b2782f94120eff5d26e897' }, "D")), h("smoothly-table-row", { key: 'f034a73023a7f8ef3718ad795cc52043e7c83001' }, h("smoothly-table-cell", { key: '0fd9f2f32d6749d5cb66e7c8e70baec5eef46edf' }, "c"), h("smoothly-table-cell", { key: '59e23af09d690d700d877e2db3a7ffa4f5a989a6' }, "d")), h("smoothly-table-row", { key: '9d7c2e33cb3c81ca56eb444d044a04a155a618e5' }, h("smoothly-table-cell", { key: 'dc705b145b3731c6f32a1b2c8b6f67e10210be69' }, "cc"), h("smoothly-table-cell", { key: '1e5af428e4e23992db8452c9cdf9d7ca5e24be0c' }, "dd")), h("smoothly-table-row", { key: '536edadf240428490176429bd97e609164bd44fe' }, h("smoothly-table-cell", { key: 'a55ca0c9736ad2cc944a9055da21ba0dcd5b96b0' }, "ccc"), h("smoothly-table-cell", { key: 'e2e00ded28fe8cff0c7ba57b9911d9816e691171' }, "ddd"))), h("h4", { key: '7151025dac0d88842ec049d208b68e6b6c8e8ccc' }, "Demo table 9"), h("smoothly-table", { key: 'a648bbeee0de8645e8feabeea36dd82cdcdb26b1' }, h("smoothly-table-row", { key: '69f82749ace01c70f12e12bf973c4e68a7c0681f' }, h("smoothly-table-header", { key: '6741692157f9711406703a258661d363d46ad9cc' }, "First name"), h("smoothly-table-header", { key: 'c6471154158fda30b2a85f247563340713d5544b' }, "Last name"), h("smoothly-table-header", { key: '317bf1cd0457790c1185e2b0450ce1b23323374f', style: { width: "1px" } }, h("smoothly-icon", { key: 'a2d8633ddd3277777ca1754d1e0f6406ba4537e0', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '2e0c8471bd93774be4d39229cb07fc06de847025' }, h("smoothly-table-cell", { key: 'ba8aa8597cde75f5fc3a8bbc49c5b1ec388c8205' }, "Jessie"), h("smoothly-table-cell", { key: 'be279abe4d48f4f72bb1b2e5daf7b5622be26469' }, "Doe"), h("smoothly-table-cell", { key: '64375d0aaa75e484d51f1c19f6050c541feb8f70' }), h("div", { key: '701af93629039213c83f78009863eeb4f3cfa7fd', slot: "detail" }, h("p", { key: 'a2ef105c6d6e8c86604db5282cd91687a562be0a' }, "This is Jessie")))), h("h4", { key: '3e4bdf297eb97a83987575d9e63094e0791e0dc6' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'c4b7b9e0579fc5687aef6648f0cfde1b38227cae' }, h("smoothly-table-row", { key: '5e02e8b9fb5651300a9d3f7d73fb5b74ef56ecf1' }, h("smoothly-table-header", { key: '0c11cf42e600eb64a75699311036f8321b45086a' }, "Company")), h("smoothly-table-expandable-row", { key: 'eed4aefbe379f9e1f48039dbc19c96e5d4c5acd1' }, h("smoothly-table-cell", { key: 'a25c1eaa63d072db92da7f2c62cc46488163a2ee' }, "Proquse"), h("smoothly-lazy", { key: 'c968706a18a250fc87eeadff46b7e64091e95456', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '7733a8c3d37db1d3f4a0960567ce8e552e902cae' }, h("smoothly-table-cell", { key: '0cc350bef843e7bfa88a48e134a3e38fb4cf8e6f' }, "Pax2Pay"), h("smoothly-lazy", { key: 'dd2acc4f5ba563f02c8d64534863b09164c38c83', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'e33c1260f6f6b78f81f5170444e9fb306d156554' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'ea08d324eb273bf135b601e3cee2fab094cea944' }, h("smoothly-table-row", { key: 'b1b3d06556f18f5e524f1ee9c090ec333aefaa77' }, h("smoothly-table-header", { key: '53673b0956468b3eda784f2874140c1b331f5345' }, "Company")), h("smoothly-table-row", { key: '32b918aef1324fdd92fe33b5697c25e7a34e32cc' }, h("smoothly-table-expandable-cell", { key: '1c03cfc9d836db81f9347d816bc1c113b75cc845' }, "Proquse", h("smoothly-lazy", { key: '90d9c35c58d99145dfb3e466b930231d4e9c5260', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '00c7267ef997b669765a6d842bc2592485ca9317' }, h("smoothly-table-expandable-cell", { key: 'a20dd3662febafb60d52bb67459c8418289e3bfb' }, "Pax2Pay", h("smoothly-lazy", { key: '25f2445bcfc58807711963f3be6a123608adb212', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'ad5adf734d61be4daf3ade3b6a0371164ce6eed9' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '08eb6233562f117458dcfd19eb03524624506606' }, h("smoothly-table-row", { key: '0426d4016fa6092d6b205ee100a881b26389f87f' }, h("smoothly-table-header", { key: '125bf5f4ec3f13812556e94931999755128bf920' }, "Name"), h("smoothly-table-header", { key: 'bad40f5c6846cca62ceaa6da5567421c63928b77' }, "Age"), h("smoothly-table-header", { key: 'f09c9e0d0cbb39f2ca395b55ec69a63897137f9a' }, "Location")), h("smoothly-table-row", { key: '0049a5c72aa974d066067d2e6a2092a08edfc830' }, h("smoothly-table-expandable-cell", { key: 'b712269f190e0b8d94dd37bc53b4f0e4a114f256' }, "Jessie", h("div", { key: '3d8d620af2e9ac062a381ea1e3bb60b3e98f73e7', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '4ea5d099083a57923a8d64c1ac10300300347662' }, new Date().getFullYear() - 2000, h("div", { key: 'e6823568399487c76df82e5078167cdc45310e5d', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'c6fcc32668399cf74b2193982ac2cf02c968ae74' }, "UK", h("div", { key: '012b0fad1a980d79e208382ea034638204eec7a6', slot: "detail" }, "London"))))));
|
|
12495
|
+
return (h(Host, { key: 'c6cdb1ec64019fe32ea8f535337afa40e29fee44' }, h("h4", { key: '5dc50032bbf5d7a0615ad46aa1836187aefe469f' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '852c580614cee9b882fa5c2909bde6d165205bd1', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '9119e9a6a01add919f8df9eacb58ad7d7382cf4e' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'dca248ef3915c40336be5658a8409def226569b0' }), " ", h("h4", { key: '4a713db2b1f2425881356b3b3b8dc0d046a33164' }, "Demo table 3"), h("smoothly-table", { key: '94ef0a667f321471883dd4d70fe23eb32d9f3e4d' }, h("smoothly-table-row", { key: '4c392b3afcce38a2ff6030b36d758675f5968bfd' }, h("smoothly-table-header", { key: '96ffe0219f041d33bb75d76c27409be6918792f9' }, "Header A"), h("smoothly-table-header", { key: '3dba2f1f669cb386c4e3973ea2b075996c55b165' }, "Header B"), h("smoothly-table-header", { key: '0e3744fb7ab93403bbddbff0cfa51efe8935824b' }, "Header C"), h("smoothly-table-header", { key: '93da6c4dde69f1d9fe9aca8dd62136cf204ef3d7' }, "Header D")), h("smoothly-table-row", { key: 'ffa880e419975218ea105a2e66d184d4404980ee' }, h("smoothly-table-expandable-cell", { key: '3a55c3fa80036ec5ce6301903bb074ae8305ffe3' }, "normal row (exp.cell)", h("div", { key: 'e3bd35eb544912b4db28152d8af94e7b3bc04607', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '4d1c3c9f7d2495bbcb751e8e82ccf6c1866b1dcf' }, "expandable cell", h("div", { key: '1db4619ea7c7c3762e543515137c08f168fecda1', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'b7ddb2156db40eb29b71c577cd64cf174eddb69f' }, "expandable cell", h("div", { key: 'ac7ecb1702ec0d6a813a75b0c7319f5b2495f212', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '558c77cdb6bcca06d6768c700c5708c3dd23fc90' }, "expandable cell", h("div", { key: '5d3de7d1e891951704cb68421650346e0ddb96f4', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '07ac3491d39958ea8c2ceda40e149a49dc637927' }, h("smoothly-table-cell", { key: '614f6f20cf243bbad3e0eb49978699859a23e57d' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'ff9d16514584d1024dd5af0e34c479b1db93e90c' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '1b0038e9c2d6c086da0f65678918b9e77f14658f' }, "expandable cell", h("div", { key: '9c6c183fb8e2e4e6cd8758dcb886548613b119e7', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '2f0daa63d8e630adc5c51d20a6eaaba812c97f9b' }, "expandable cell", h("div", { key: 'eb59b5593c192ae9708e68a8590cd49956dfd662', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '3e06fb811827f01518742affd59032e9941a0888' }, h("smoothly-table-cell", { key: '718c279fbe72d14166f7d36303ceecaeb87469cb' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'fea9b506bc7ea6905b9da37a89267c3413fdaa99' }, "Normal cell"), h("smoothly-table-cell", { key: 'b7c3db0238145650f21a4068f2db4f92aa53d5a0' }, "normal cell"), h("smoothly-table-cell", { key: '8f5bebd243e3264d2ad5247d37c801804bab6ba5' }, "Normal cell"), h("div", { key: '5ee3caf2bdec56179e6a19a6103dd2b8e25d2cdc', slot: "detail" }, "expandable row content"))), h("h4", { key: '131374201a62997b92e65232d5b600100660ce03' }, "Demo table 4"), h("smoothly-table", { key: '0184cdc6ab654d7d90c34758f41122f68228694d' }, h("smoothly-table-row", { key: 'ed5badaaec7b1f697c2ece9693f68ea20e016782' }, h("smoothly-table-header", { key: '420a18ca91c047f76044efae2ac91fe3902fc6b7' }, "Header A"), h("smoothly-table-expandable-cell", { key: '650af2acb6d5aa89923410549429aeb629a33905' }, "Header expansion", h("div", { key: '5ac40560c308a696045ab01fd28276dfe0c07943', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: 'e4b7987bd61fee6623f39748747c9d92217c5398' }, h("smoothly-table-cell", { key: '3a2d14f748dbd9c4de90956f68b47c4a0d0ffbdc' }, "A Content"), h("smoothly-table-cell", { key: '4af0e6586995e90521ace2df4cab7de58ef75291' }, "Expansion cell"), h("div", { key: 'bc6a095aaeda1143869a15635cc18b1a091a6cc1', slot: "detail" }, h("smoothly-tab-switch", { key: '2729c0fcab4e6262e2fc0d0a7de510be23693566' }, h("smoothly-tab", { key: 'ebb7e85aee9d63c379c6212e769803d78bb3eae0', label: "innertable 1", open: true }, h("smoothly-table", { key: '2cd95b71834a44923735ab3feb60e455c26c1738' }, h("smoothly-table-row", { key: 'e0f8c0e8e7080a278f5244665415ce4e4e2e6527' }, h("smoothly-table-header", { key: 'bc7ad942e775a5d1189c2ef806e013416ad33770' }, "Header B")), h("smoothly-table-expandable-row", { key: '492569f69549b75af7d8db20f52453f2f8a28837' }, "B Content"))), h("smoothly-tab", { key: '7692415648b7adc6597830b1dfffa40877d28d70', label: "innertable 2" }, h("smoothly-table", { key: 'd40463d8082de28b2f5ba604631a5ea50d255c79' }, h("smoothly-table-row", { key: '88ae5e85beda7765408ad019aa25a6b337d9de39' }, h("smoothly-table-header", { key: 'ae55e53a79148ea93476a3cb12d53355400d3e30' }, "Header C")), h("smoothly-table-expandable-row", { key: '2ee22e0d918ce496ad4a221190ba69452e16e7ba' }, h("smoothly-table-cell", { key: '6c1b2d3f2bb7e52c2ff05b4bfc27d978d321c44f' }, "C Content"))))))), h("smoothly-table-row", { key: '198cdaf65f5b016ab46d5a0c7f7354dc1b7c42c7' }, h("smoothly-table-cell", { key: '5cf8d0e7bef2ca16708358da909ba29ce54efaad' }, "A Content"), h("smoothly-table-expandable-cell", { key: '4723ddf3865924468d4d46fd834e15f42549cabd' }, "Expandable cell", h("div", { key: '0474fb662b6b693637bba1fc368849ff081d91b1', slot: "detail" }, "Expansion content")))), h("h4", { key: 'cb86d63ccede6e18e4c6f1d3eead23792572779a' }, "Demo table 5"), h("smoothly-table", { key: '0ed16c4b83f5e69f689dea5b2b8283099b4cb743' }, h("smoothly-table-row", { key: '642367f17c2f07f3f70b194989297d89521e3c90' }, h("smoothly-table-header", { key: '8f58fcaeacebbe763cd11a847f2f6f5c6d1c5fa7' }, "A"), h("smoothly-table-header", { key: '00706d5410e853ccef0c314392af3c0a7963797d' }, "B")), h("smoothly-table-expandable-row", { key: '723f1bcccc604b416d37ceee51ec59bfe3d51be3' }, h("smoothly-table-cell", { key: '4ee6f49785f06c48822a1492d3944309544e8f85' }, "nested expandable row"), h("smoothly-table-cell", { key: 'ea21792c62dcf9d06e3e079b04c047770eb8109c' }, "b row"), h("div", { key: '265aaa6a27b9ac1c0dd0ec977b9fee69c5a8f9eb', slot: "detail" }, h("smoothly-table", { key: 'af29d12c44187790b325c2bb981e9d022579e6d4' }, h("smoothly-table-row", { key: '45f7c147072c8b03ea227ebdc42a126140b9647c' }, h("smoothly-table-header", { key: '73c0e55e8893e54e87043bae61a7347b0d123e15' }, "C"), h("smoothly-table-header", { key: '85d28029d760d13fae38f239e4e4f67f18346dc2' }, "D")), h("smoothly-table-expandable-row", { key: '5328f1f383dfe3736f0a9d2a9c5c1730810422d1' }, h("smoothly-table-cell", { key: '3cc2c6489faf95604b3cb1e41481284ca2b9f54e' }, "c"), h("smoothly-table-cell", { key: '0349c3d16c50fc5fec9b5fcecee4bf0a5d900cd4' }, "d"), h("div", { key: '271f7f54451fa0a26ae1d7c1c788d0b78711834a', slot: "detail" }, h("smoothly-table", { key: '87fbb87ad3099137d01ef6b68689ff591839ae8f' }, h("smoothly-table-row", { key: '5e0d25420625328e0e5aded38f741499b0c15f47' }, h("smoothly-table-header", { key: 'dcf74f3b32fc6faf6ff42e646381e87bc228c77e' }, "E"), h("smoothly-table-header", { key: '866c5c36177073208661b326c13f27bb21cec508' }, "F")), h("smoothly-table-expandable-row", { key: '5df8eb28aa99f7efcdb01d16d4ccd34fa92c2fef' }, h("smoothly-table-cell", { key: 'a489f7f284423d7d5f9809668f5dbf78d3ac24d8' }, "e row"), h("smoothly-table-cell", { key: '2b849e8c5f213f9169c7deaf5bcd36485380798a' }, "f row"), h("div", { key: 'be2bcea57e2c422dbf9669e703b0dec4786274ec', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: 'd727b5985e8ae29724852915d8df209dc7c556b4' }, h("smoothly-table-cell", { key: '14657a5055d35ce1c3fa26fba29b846bb0868b6c' }, h("span", { key: '322844dedc0a830976658d24822fb86ed35b56a4' }, "one"), h("span", { key: 'c23220004cf0cd380a95094ce802eae0b9b36b30' }, "two"), h("span", { key: '9071c81ec7c73b5f95aac1206347fc5334174f4b' }, "three")), h("smoothly-table-cell", { key: '2f25002f38d22be8aee2b449ef3447331bc3ed73' }, "five", h("smoothly-icon", { key: 'c5cc75ce10ac556a2dde2150f85dc73b916f0c7c', name: "paper-plane-sharp", size: "small" })), h("div", { key: 'e6253178d2776f1509292948e3f6b77019f496fc', slot: "detail" }, "four")), h("smoothly-table-row", { key: '3edcb5725f14e59c8ec4a2b13114c554f496979b' }, h("smoothly-table-expandable-cell", { key: '32ebb0dd788e9e06d69794c24fbe93709d2b5c58' }, h("span", { key: 'bacdfcd265cf89930296660af55253ec5b3c4c6c' }, "nested expandable cells"), h("div", { key: '34d9875b8acb35ee324f6e4ed38182c1be28c493', slot: "detail" }, h("smoothly-table", { key: '89bc020ea84278748b8e9848759499267a73be5a' }, h("smoothly-table-row", { key: '15fe94d805d3866ceffc23a1a3ae963feba6ef90' }, h("smoothly-table-header", { key: '932bd391a859b707c352c61c5f2be83aa8240aad' }, "E"), h("smoothly-table-header", { key: '1da1234c6c231c619038ace596ea1cbe4248d532' }, "F")), h("smoothly-table-row", { key: 'e1717991f4941aac819614f6898e78161e39e8a3' }, h("smoothly-table-expandable-cell", { key: '93eb3a46a19156b6d41ffdee5ca7ed2595ec6a06' }, "e cell", h("div", { key: '91897564564115854b72ed0e47af8082fd85d581', slot: "detail" }, h("smoothly-table", { key: '792d01e1f8a3502ea3f046229756a0bf17161c89' }, h("smoothly-table-row", { key: '7934b8fb581359e57dd0d9d9397ee1e4d0fc3235' }, h("smoothly-table-header", { key: 'eb62c1711c644fec626bed7defc784e0fdcbf41a' }, "G"), h("smoothly-table-header", { key: 'ae2d2716634e835a02ec523648f0adba523d8665' }, "H")), h("smoothly-table-row", { key: 'b5c675c4e6f90b0990fa6fc0e3a9a847a0325491' }, h("smoothly-table-expandable-cell", { key: '45a16508c0771c8c7361bb856973be83d39c00d5' }, "g cell", h("div", { key: 'ccd0ad5cecb5d94da9d5603dc01e40421b8c3093', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '6d7ac4d0777134d341f4594c7c43d603f72452bd' }, "h cell", h("div", { key: '17bcbee83042ec0b209fd3810dda4184fae63d04', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '637255dc3405f3ca9606143ab3dee291ed7828ec' }, "f cell", h("div", { key: 'e4eda95c43b1bac85d025fd41c5d5307a79aaddf', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '869c160ca435bad58b7821700f57f3e57df5bd95' }, "b cell", h("div", { key: '430c75f553f16f743fdc9df1428af7c0262537c1', slot: "detail" }, h("smoothly-table", { key: '29f8b19c79ea9e67f986dba2ad175e56c6038e74' }, h("smoothly-table-row", { key: 'd6a981299b40c08517d735fb1adbebbc16d32363' }, h("smoothly-table-header", { key: 'c6a482d2a46eee73a6cc65e7bc14f9d1f1468be5' }, "C"), h("smoothly-table-header", { key: '826f6b28305280251d56fc31320297eb20e4a14c' }, "D")), h("smoothly-table-row", { key: 'e4df9cf7c1570dd9a75a5e4cce2b6d3a566f8d9c' }, h("smoothly-table-expandable-cell", { key: 'e817572d771cd4302d4359beb27808e15a47f851' }, "c cell", h("div", { key: 'b2a81e52aa824cf3059c9a52ac66949c5e4cdac8', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'c82fa56be62e893572292cfdba4c8029e6defb74' }, "d cell", h("div", { key: '131d94db4b432bdc4204d2da5b64da8350c599d3', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'e2dd9ae8c73f8479f9c44a1cb706ccdb48de4912' }, "Demo table 6"), h("smoothly-table", { key: '6c2e4be7d91398896f44635007524e59e5766c08' }, h("smoothly-table-row", { key: 'f81d5caa43f09eaae3c93a0c76e72fed362fd8b4' }, h("smoothly-table-header", { key: 'b75f0a871cd6082e16744017a8e994be32725ecd' }, "display"), h("smoothly-table-header", { key: 'bd9f38937668659299fe7026e1c773e74c18550f' }, "contents")), h("smoothly-table-expandable-row", { key: '719b5460cc6d2dd0606e67a4b5a42dd24c68bf79' }, h("div", { key: 'd9a10c1de4fc60e0e8e670d632387b785f657995', class: "content" }, h("smoothly-table-cell", { key: 'fafbc25c0581438c93393b6490850f08ca405d26' }, "A"), h("smoothly-table-cell", { key: '79a557b14dae5899fb5bba81f32f3e70360241f2' }, "B")), h("div", { key: 'd6d1a0d30b310414fbf167f44d34006104cdde18', slot: "detail" }, "expansion"))), h("h4", { key: 'fc360556b13a7fc2fb3a32bc7d831bf40e77a823' }, "Demo table 7"), " ", h("span", { key: '67ac962f1d678d7820d942e9a84640658934b750' }, "nested 1 then normal"), h("smoothly-table", { key: 'd09cdc05350959c442531492b04173e41b9ab937' }, h("smoothly-table-row", { key: '86bcc5a1fe55a6869136ceebee91427871d87ae1' }, h("smoothly-table-header", { key: '2e65946759465848b0065c1e87bc288cfd925cac' }, "A"), h("smoothly-table-header", { key: 'e1e080702c449b3c0a2ad4b79be43962823ab1d1' }, "B")), h("smoothly-table-expandable-row", { key: 'bbdcbb6bd15d55df039edb298f645777bbdb9d2f' }, h("smoothly-table-cell", { key: 'e77d5cad7dc70372f79a14fea41c158c0e7f2815' }, "a"), h("smoothly-table-cell", { key: 'd2ec385c100d3668c6587bdce725c0de38ae6582' }, "b"), h("div", { key: '367c017889c3aca14b3a3f8e9fcd57358834e274', slot: "detail" }, h("smoothly-table", { key: 'ff63d4c3dff836b3df8d743038baa46cf24b857b' }, h("smoothly-table-row", { key: '203f4c54a06dacb0a73cf4953720621ccbb06431' }, h("smoothly-table-header", { key: '21fb33f06e878a715d822d47f96674a5dcb92f56' }, "C"), h("smoothly-table-header", { key: '2097c2b323c36021117b96b95272e6406c0edb48' }, "D")), h("smoothly-table-row", { key: '3ff6b62cf7446fb4eca6df6fc13143e6c1e460eb' }, h("smoothly-table-cell", { key: '1186335915945a96d64261b0e8de47a8c12ca827' }, "c"), h("smoothly-table-cell", { key: 'b996fc4591d27eeb1bbe977d3bb2e16d42360886' }, "d")), h("smoothly-table-row", { key: '29c4d2c57bf1e8af3ae136b12c80904a183ae927' }, h("smoothly-table-cell", { key: 'f054fa2640cfa70dba30975fb3d0d9e6aa1bc8b2' }, "ccc"), h("smoothly-table-cell", { key: '24f24ed158bff3cb95a1aeb4c137b754ca5fe8de' }, "ddd")), h("smoothly-table-expandable-row", { key: '1c2be4a4f94a57364f687abf60ab7ffdedc9d1cc' }, h("smoothly-table-cell", { key: '5647332d1265e86af137b95a98cfe80213965a9c' }, "cccc"), h("smoothly-table-cell", { key: '5ad3d89d762eae80e5eb76f77b06ef471d40cfad' }, "dddd"), h("div", { key: '4155c05116122dc56b0d7040ceba608207b23f90', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'aa5c1540f0875186a40ca0716186e85c9de175c6' }, h("smoothly-table-cell", { key: '2baa7e5daad582bdce32242b5bbcd87e248bbb80' }, "ccccc"), h("smoothly-table-cell", { key: '3c4c56b3236f5c466f276196dbc001300d048038' }, "ddd")), h("smoothly-table-expandable-row", { key: 'a137469ce97f63fdc2842a9d9e1db2d936debe67' }, h("smoothly-table-cell", { key: 'f91844c515e0b7c24f49164f62fdd42fb23d8f59' }, "cccc"), h("smoothly-table-cell", { key: 'ef54d06d342d9e1f2db9cb1e1aac9d435ee135a7' }, "dddd"), h("div", { key: 'fd2541e8d443a18c00dddf9acb74cbdb6b2fdf4e', slot: "detail" }, "CONTENT")))))), h("h4", { key: '89e86140d84f579f55059d9264f411777ac5aac6' }, "Demo table 8"), " ", h("span", { key: 'c199ae8f38acc634e545d2604d8aeb67f0d33071' }, "not nested"), h("smoothly-table", { key: 'aeb6678656be7e5e708c641ca17aefe9d261d869' }, h("smoothly-table-row", { key: 'c091a358dafeff2ec733ed853a781793725779d7' }, h("smoothly-table-header", { key: 'faaa41ac0254cc323bf9b7160d2ead5dec2c2246' }, "C"), h("smoothly-table-header", { key: 'b2c13a9e6f60cad289ec1d4f7c5d9fbebd699281' }, "D")), h("smoothly-table-row", { key: '7a2ae5656bb03ce62e12050be6c08e1733181715' }, h("smoothly-table-cell", { key: '2ff08e9fdc6e9de3f1fd1736ad633ff78ba4c13c' }, "c"), h("smoothly-table-cell", { key: '091659bd87bd13a6c4a5376c9f0a16ba9bf9e374' }, "d")), h("smoothly-table-row", { key: '2e02a72bd9c2dfe6b07bd2d3c36149063e9bda1f' }, h("smoothly-table-cell", { key: '2917fe4cf994ebf701ae41a091782041dc67318a' }, "cc"), h("smoothly-table-cell", { key: 'b4cf0c0adcf1f9d3c810229590e4545beb7764fb' }, "dd")), h("smoothly-table-row", { key: '8c9a5378ea27902b1e41677362959fb275b6507a' }, h("smoothly-table-cell", { key: 'fdcf6b3894477df4f21664eee676a7dd461a4882' }, "ccc"), h("smoothly-table-cell", { key: '6c0a3e5e6335a598162cc502fe11972e50a10f04' }, "ddd"))), h("h4", { key: '75d2a5c05d83cc92660e0f3bdf5c1117b575ab46' }, "Demo table 9"), h("smoothly-table", { key: '4fd387e594e9ccf7d898fe8a3de25d9ab69cd63d' }, h("smoothly-table-row", { key: 'c648d8a80572139e19ec9beda76b53a8f30852a7' }, h("smoothly-table-header", { key: '8d107fc3a61c5811af5670aa3df80ed920a0ec9a' }, "First name"), h("smoothly-table-header", { key: '75bd8a48f1310824264a8a010728bd5bb574da14' }, "Last name"), h("smoothly-table-header", { key: '808beb339db858193358588f0a82cbe447b5190a', style: { width: "1px" } }, h("smoothly-icon", { key: '6ad6202ec2a954f8d8d9238fe18d79d6bf8e523c', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: 'abb7bd9a192ababbd4d2bd61bd0561751d833ac3' }, h("smoothly-table-cell", { key: '69f27f7d31a6a393aef3e7352cf1c2e524f4dae1' }, "Jessie"), h("smoothly-table-cell", { key: '0e8041d5da6acf2b0383b58ac4882e68838ce420' }, "Doe"), h("smoothly-table-cell", { key: 'b45b1a41a54dc1fe92ba1f1178c8896fe14f327b' }), h("div", { key: '12b2141c1d682a97c6e7df228f8ba398611273d2', slot: "detail" }, h("p", { key: 'f0248b1f651a97144503d590d5c306950e64711d' }, "This is Jessie")))), h("h4", { key: 'f75fedeeddc0f769048db7b7f7c9782eddb16b48' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '44e5223e0c1bc78f8327998c1cf5077535f65cc9' }, h("smoothly-table-row", { key: 'a035540e1fcae9596d8c6c9cbfb01992c8f5d96e' }, h("smoothly-table-header", { key: '977103327cd141e0c12dc105c77d4e17453d7969' }, "Company")), h("smoothly-table-expandable-row", { key: '9d6fadd4ef407ebd111f2905cfbb295ff48246ef' }, h("smoothly-table-cell", { key: 'b2142f6a1702ea1ab8f28670eb8529f649aaf2da' }, "Proquse"), h("smoothly-lazy", { key: 'ebc43f03580b947bb4349829dba32604c8182901', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '47e95c6d1014f371ce41bf56740291648d4d4c31' }, h("smoothly-table-cell", { key: '107acc7c3438b96037d60a7e5abc4f435f7a0a8c' }, "Pax2Pay"), h("smoothly-lazy", { key: 'd012a467c9d700640aa3dd786e5ab556e978626d', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '03f14a9fd01c60f7b770b62d1fd32c57fd6814dc' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'd23a7ef3f92ce1a6afda331d3e1c5e2c64f9b11b' }, h("smoothly-table-row", { key: 'ffcb5814fd4afe20e9c6bbc9d4d18be81afb7d37' }, h("smoothly-table-header", { key: '270d83785d476b7150bce0e11fc539e05b054c98' }, "Company")), h("smoothly-table-row", { key: '7f438f85ccddc3f5fdecc4c97fde8bb1713beb31' }, h("smoothly-table-expandable-cell", { key: 'd01c427640186db29f26304d3d8844a3a6ecf1ce' }, "Proquse", h("smoothly-lazy", { key: '080873dd61bc4a620ece541bed52a4a51cd448b8', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '267f36435a9362e936049ac0c73cca9e215abcb9' }, h("smoothly-table-expandable-cell", { key: '7694f7f05cc5177b754da18aaaaa717826df7ff1' }, "Pax2Pay", h("smoothly-lazy", { key: '758d613af1e8d627155464ab7b479b54ceb2e6af', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: '60b2058a5e1c709910104b4c71275e2f7d75c069' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '25607a969ecf94dec2f6a9550e39c3a218074388' }, h("smoothly-table-row", { key: 'efcdd592fa0610270aec75f5f3374b3f53cefb6b' }, h("smoothly-table-header", { key: '20c039f01f984086505b15583c2b14b1189ca6c6' }, "Name"), h("smoothly-table-header", { key: 'f2be62591e3af045d183073ae507188373905296' }, "Age"), h("smoothly-table-header", { key: 'c32796e95f7c7dea3592ecf064409832d1d20f6c' }, "Location")), h("smoothly-table-row", { key: '64c3d1d6400b1d6c7f1c60fbcd9807907e8fe212' }, h("smoothly-table-expandable-cell", { key: 'a3a8e58e928fd3ba7829242138723871bef08680' }, "Jessie", h("div", { key: 'a0dd46a5f6414912900266f75ed69d62ebe3a9e4', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '995d3bc1a09c0d1f2fe1f6ded94a4698e9c81985' }, new Date().getFullYear() - 2000, h("div", { key: '9f0b33a97b0c68c81746eb4af317e77382e7bb17', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: 'e4877b8448c159df81001e2fac08f18f2da86bde' }, "UK", h("div", { key: '3c50cf7073cf071f81da5c5f3d7672eabee467f1', slot: "detail" }, "London"))))));
|
|
12464
12496
|
}
|
|
12465
12497
|
};
|
|
12466
12498
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12494,18 +12526,18 @@ const TableDemoFiltered = class {
|
|
|
12494
12526
|
}
|
|
12495
12527
|
render() {
|
|
12496
12528
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12497
|
-
return (h(Host, { key: '
|
|
12529
|
+
return (h(Host, { key: '2d5d8d74a94af8c02f17f9197d36846bd00c9228' }, h("smoothly-filter", { key: '1a50977c7da07200bba523450f0776472f05cd68' }, h("smoothly-filter-toggle", { key: '5482c8b85249448bf0cdbe0212c007298672c43f', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ab375b1439585d1cb80392475ab2ac01ee5d7924', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '52d9db1945562e6ab56ff8df9fd1962088c1dd74', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ff8d22af2645db3593031923dcebd1f9a3ed91a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '2fc9fec6edac583632e4131f31a0e6cc20251255', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12498
12530
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12499
12531
|
var _a;
|
|
12500
12532
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12501
|
-
})), h("div", { key: '
|
|
12533
|
+
})), h("div", { key: '35fefc412a908f1ea4c34db1ae2ae1ca6a2bf87b', slot: "detail" }, h("smoothly-form", { key: '7f299a5ad79a743edf49756f66ad15ed8bec7ad6', looks: "border" }, h("smoothly-filter-select", { key: '38191611963dfda4cb70a6ed66fa0055e475ab02', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12502
12534
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12503
12535
|
var _a;
|
|
12504
12536
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12505
|
-
})), h("smoothly-filter-select", { key: '
|
|
12506
|
-
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: '
|
|
12537
|
+
})), h("smoothly-filter-select", { key: 'd52b0a2305cfdc975fd1dd39f21bd33d991084bd', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12538
|
+
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: 'ccdc7ee47df53a6f22a69236292338f8dd42b4e7', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12507
12539
|
.flat()
|
|
12508
|
-
.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: '
|
|
12540
|
+
.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: '66be2c1f30ebd46da451f7966c2ccb9eb2372210', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bb36890c67097f2342e93c75eafe51d385abe9ca', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", 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-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
|
|
12509
12541
|
}
|
|
12510
12542
|
};
|
|
12511
12543
|
const names = {
|
|
@@ -12561,7 +12593,7 @@ const TableExpandableCell = class {
|
|
|
12561
12593
|
event.detail(this.element);
|
|
12562
12594
|
}
|
|
12563
12595
|
render() {
|
|
12564
|
-
return (h(Host, { key: '
|
|
12596
|
+
return (h(Host, { key: '3b96c6446f7d105c4c0b8f065f15449b31dabe61' }, h("div", { key: 'f6a50207742b41f744483e78b2ca18c32c4aea26' }, h("smoothly-icon", { key: 'f2e9faed7478803a4b97f7ce683071bfb0549132', name: "caret-forward-outline" }), h("slot", { key: '6c85d60723c8e7ee001a106af8b4424ba5e2de7e' })), h("tr", { key: '82f521f234d8e0104dc3bae445d33709cea74fa4', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: '0ea5e9db2e4bbbf326bf7b02e23e933d84b660a7', colSpan: 999 }, h("slot", { key: 'fcdf1464b3c2f53e9c501025f2b777ed59b16bb4', name: "detail" })))));
|
|
12565
12597
|
}
|
|
12566
12598
|
get element() { return getElement(this); }
|
|
12567
12599
|
static get watchers() { return {
|
|
@@ -12597,7 +12629,7 @@ const TableExpandableRow = class {
|
|
|
12597
12629
|
event.detail(this.element);
|
|
12598
12630
|
}
|
|
12599
12631
|
render() {
|
|
12600
|
-
return (h(Host, { key: '
|
|
12632
|
+
return (h(Host, { key: 'eb8d4b386b9003a6e65569fcbaebabee362cdf48' }, h("div", { key: 'b1c21f3fc20b5c3882d5cac9addb169395b7abb7', onClick: () => (this.open = !this.open) }, h("slot", { key: 'a269c4c71341658ceba5249a7f3d4c50b3e661da' })), h("tr", { key: 'ba537bfcbe717e2e9766ed1e571925823050402d', class: { spotlight: this.spotlight } }, h("td", { key: '06869691410b558ec8998ee70e96cb37dcc2d327', colSpan: 999 }, h("slot", { key: 'f5008f4026d9898df1d0b8f8029a07e0e263a680', name: "detail" })))));
|
|
12601
12633
|
}
|
|
12602
12634
|
get element() { return getElement(this); }
|
|
12603
12635
|
static get watchers() { return {
|
|
@@ -12615,7 +12647,7 @@ const TableFooter = class {
|
|
|
12615
12647
|
registerInstance(this, hostRef);
|
|
12616
12648
|
}
|
|
12617
12649
|
render() {
|
|
12618
|
-
return h("slot", { key: '
|
|
12650
|
+
return h("slot", { key: '575481a8396873d1b466d2efebac37ef653f8286' });
|
|
12619
12651
|
}
|
|
12620
12652
|
};
|
|
12621
12653
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12629,7 +12661,7 @@ const TableHeader = class {
|
|
|
12629
12661
|
this.name = undefined;
|
|
12630
12662
|
}
|
|
12631
12663
|
render() {
|
|
12632
|
-
return (h(Host, { key: '
|
|
12664
|
+
return (h(Host, { key: 'b50b7037457c17fef20cac801dbc64dfec762c7c' }, h("slot", { key: '0b62231fd6e44c40634a397b1c859a8c692a3487' })));
|
|
12633
12665
|
}
|
|
12634
12666
|
};
|
|
12635
12667
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12659,7 +12691,7 @@ const TableRow = class {
|
|
|
12659
12691
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12660
12692
|
}
|
|
12661
12693
|
render() {
|
|
12662
|
-
return (h("div", { key: '
|
|
12694
|
+
return (h("div", { key: 'd397fd128214f9a53c972cfcf64f6b6ff0e942b4', ref: e => (this.element = e) }, h("slot", { key: 'c5beda6ed3bbc9d418688018101fb9849e777dce' })));
|
|
12663
12695
|
}
|
|
12664
12696
|
};
|
|
12665
12697
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12701,7 +12733,7 @@ const SmoothlyTableTesting = class {
|
|
|
12701
12733
|
this.counter = 0;
|
|
12702
12734
|
}
|
|
12703
12735
|
render() {
|
|
12704
|
-
return (h(Host, { key: '
|
|
12736
|
+
return (h(Host, { key: 'd3b16518ab101658dbe4735463079da729849dca' }, h("smoothly-table", { key: 'da39552f4c905f1336eb83b257759e76f0673650', color: "dark" }, h("smoothly-table-row", { key: '529154f440ac887b81890460ac2eabef8e9c6f3e' }, h("smoothly-table-header", { key: 'dd4d3f80169ec1449435ff706400404ca6079e4a' }, "Type"), h("smoothly-table-header", { key: '690683f0d2979eceb25e6e01567eebc605d1a365' }, "Name"), h("smoothly-table-header", { key: '20d8e456c99c639110a20b926d6e8e34d3ab292f' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: '3ca1cb2b675c155bf437ee324971fa658496515b' }, h("td", { key: 'a459d5a674c2279123ecefb75d4b4127a3446501', colSpan: 2 }, h("div", { key: '15b23a1a7e89a8ca6f012d7b61cc9661200a527b', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: 'ae7a201456fbc2e88d32bd2f09456ffcd4c425c5', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'b7b385235081a5497c32e1e774ce2de9006214ae' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12705
12737
|
}
|
|
12706
12738
|
};
|
|
12707
12739
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12733,7 +12765,7 @@ const SmoothlyTabs = class {
|
|
|
12733
12765
|
old.open = false;
|
|
12734
12766
|
}
|
|
12735
12767
|
render() {
|
|
12736
|
-
return (h(Host, { key: '
|
|
12768
|
+
return (h(Host, { key: '62320fc166667791415c62201ecf1401858ee49c', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '12f62cda12d9dd8d6a9359fd9248fcd50fe42ff5' })));
|
|
12737
12769
|
}
|
|
12738
12770
|
get element() { return getElement(this); }
|
|
12739
12771
|
static get watchers() { return {
|
|
@@ -12750,7 +12782,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12750
12782
|
registerInstance(this, hostRef);
|
|
12751
12783
|
}
|
|
12752
12784
|
render() {
|
|
12753
|
-
return (h("smoothly-tabs", { key: '
|
|
12785
|
+
return (h("smoothly-tabs", { key: 'cd133cd34cd0483b706cbaf0f0f2a322ad49a295' }, h("smoothly-tab", { key: 'd9681e8c15e04b1612f702027e3d89a69f81bb39', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'd2520cc70bfb0adc07e0c467c08cb25072b2163d', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: 'e0566ea72fbc6f78a41f19e3ba2e7814bf21228b', label: "test3" }, "this is a test message again!")));
|
|
12754
12786
|
}
|
|
12755
12787
|
};
|
|
12756
12788
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12764,7 +12796,7 @@ const SmoothlyThemeColor = class {
|
|
|
12764
12796
|
this.color = undefined;
|
|
12765
12797
|
}
|
|
12766
12798
|
render() {
|
|
12767
|
-
return (h(Host, { key: '
|
|
12799
|
+
return (h(Host, { key: '208366285e531c96366b785aae8561351a890de8' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12768
12800
|
}
|
|
12769
12801
|
};
|
|
12770
12802
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12816,7 +12848,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12816
12848
|
registerInstance(this, hostRef);
|
|
12817
12849
|
}
|
|
12818
12850
|
render() {
|
|
12819
|
-
return (h(Host, { key: '
|
|
12851
|
+
return (h(Host, { key: '29375396b871401ba39141f28f8001cd2cb496b0' }, h("h2", { key: 'a0ffeb6f000ffa09949469f94b52811e8bd594a5' }, "Theme"), h("smoothly-theme-picker", { key: 'aa2b128ec1d3d62c9c03090d5a28683fc52d7557' }, h("smoothly-item", { key: '25256010d729cc5c9fff99b0bc7dd6c80bf8396d', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '995daf5aef95f969e988f2ddbd8911b42e899635', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '8a118da44f57ff4890369f6d79e1451f2938e882', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: 'f366910cddcb677e9d8c511968f7ca5e6e203860', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'c8656de8c738eb7abd725b563d8a263b7f26a30e', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'aa892b290b120acbd3a3e48d08fcfb50f14e9786', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'b8966a8e12b9b7d53e1ce39bc4f5fb063a0deacd', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '2aace80da08fda656c29e142d04e8cc53ff9c4e8', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '489f0ad340f2dc34c4f4b48454659ae005877e55', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '1165f9cc16486b826c8e10118b4c5fb94bb4fb80' }, h("smoothly-theme-colors", { key: 'd415f70305e96cf4de6b33543d3975077f106180' }), h("smoothly-theme-guide", { key: '937e00bb557776e826c5478c5217059db840c132' })), h("smoothly-button", { key: '701464bcfe23d78c18a428fb98a204f9626aed13', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '25fa1161b22bfe00e22a48d77e7bdcc129e6522f', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '39c24153ec681bf688875651b53377eb079ea10a', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '02ac6bfbceb3ea744d002872c3fc02ee0a83bad4', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12820
12852
|
}
|
|
12821
12853
|
};
|
|
12822
12854
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12830,14 +12862,14 @@ const SmoothlyThemeColors = class {
|
|
|
12830
12862
|
}
|
|
12831
12863
|
render() {
|
|
12832
12864
|
return [
|
|
12833
|
-
h("smoothly-display", { key: '
|
|
12834
|
-
h("br", { key: '
|
|
12835
|
-
h("smoothly-display", { key: '
|
|
12836
|
-
h("br", { key: '
|
|
12837
|
-
h("smoothly-display", { key: '
|
|
12838
|
-
h("br", { key: '
|
|
12839
|
-
h("smoothly-display", { key: '
|
|
12840
|
-
h("br", { key: '
|
|
12865
|
+
h("smoothly-display", { key: '7511b2e23b258c4707e41aee9b19efce33744105' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12866
|
+
h("br", { key: 'cc6ea0b8e6b978ca1849529543900230ff269e5a' }),
|
|
12867
|
+
h("smoothly-display", { key: 'df1fd9e5cc4e04220aebf139e9d621741af272c3' }, "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."),
|
|
12868
|
+
h("br", { key: 'c517b47f167e9209a0c54778aed1ad543d32e640' }),
|
|
12869
|
+
h("smoothly-display", { key: 'd84350be84cd1c85731d0b9ed88473f4b9835b46' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12870
|
+
h("br", { key: 'a163fd2bf1accc40cf20ad3e6dcb0454fcffaf7f' }),
|
|
12871
|
+
h("smoothly-display", { key: '57ad8b25d3cc74421a6e91e07be9e04f4478ba4b' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12872
|
+
h("br", { key: '3fcff61693a7e5ddb6ff81446ad92ccf53de7f97' }),
|
|
12841
12873
|
];
|
|
12842
12874
|
}
|
|
12843
12875
|
};
|
|
@@ -12852,11 +12884,11 @@ const SmoothlyThemePicker = class {
|
|
|
12852
12884
|
this.element = "smoothly-css";
|
|
12853
12885
|
}
|
|
12854
12886
|
render() {
|
|
12855
|
-
return (h(Host, { key: '
|
|
12887
|
+
return (h(Host, { key: '660d98cf1e0d5b81eda0e776997ecab09ecb1e84' }, h("smoothly-input-select", { key: 'ab18ff0fc073a8c249d3015bfba2062bc3a66b3b', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12856
12888
|
const element = document.querySelector(`#${this.element}`);
|
|
12857
12889
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12858
12890
|
element.href = e.detail.theme;
|
|
12859
|
-
} }, h("label", { key: '
|
|
12891
|
+
} }, h("label", { key: '03b7b68be0532dbafc8a656ee9b1527c306d1055', slot: "label" }, "Select theme"), h("slot", { key: '84d94419a984292e533123a42c82dc3daa84260f' }))));
|
|
12860
12892
|
}
|
|
12861
12893
|
};
|
|
12862
12894
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12877,7 +12909,7 @@ const SmoothlyToggle = class {
|
|
|
12877
12909
|
this.selected = !this.selected;
|
|
12878
12910
|
}
|
|
12879
12911
|
render() {
|
|
12880
|
-
return (h("button", { key: '
|
|
12912
|
+
return (h("button", { key: '21621f5fda23bc3e8f1a36bbef73dae664f014ac', type: "button" }, h("slot", { key: 'e1e403a1da879ce5bcdce2275a7a64dddfaed2d2', name: "icon-slot" }), h("slot", { key: '6bc34cedf541aad130aa23fffc92cbf42bb507c6' }, this.name)));
|
|
12881
12913
|
}
|
|
12882
12914
|
};
|
|
12883
12915
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12901,7 +12933,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12901
12933
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12902
12934
|
}
|
|
12903
12935
|
render() {
|
|
12904
|
-
return (h(Host, { key: '
|
|
12936
|
+
return (h(Host, { key: '9aecae15d2386dba892c4bd3b4c8c11d29f4be08' }, h("button", { key: '25ee44e7a83d4224902189845c52911ed7757411', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '5e7284728f78efc65998eeaf1d03a85c07b0e30b', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12905
12937
|
}
|
|
12906
12938
|
};
|
|
12907
12939
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12914,7 +12946,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12914
12946
|
registerInstance(this, hostRef);
|
|
12915
12947
|
}
|
|
12916
12948
|
render() {
|
|
12917
|
-
return (h(Host, { key: '
|
|
12949
|
+
return (h(Host, { key: 'f359304926b7ca0d9865f33207e5ba07dcc6d170' }, h("h4", { key: '97a93321680922545d1584b3d53ca1e028fba48c' }, "Toggle switches"), h("div", { key: '0a54b74bfbf9cc3ef5ac1284190cfedb8fe5a21a' }, h("p", { key: '54bdea49c121453ae20a68db4a83a6cabaea691b' }, "Checkmark"), h("span", { key: 'e855c8e16421bb1f47a7571a139afd5f369edd30' }, h("p", { key: '6f817fb1e279b9634c2ab13d81f019c1e36537ea' }, "Tiny"), h("smoothly-toggle-switch", { key: '87d67ef9075ebbc08312fda7fa68157ebcbe67a8', disabled: false, size: "tiny" })), h("span", { key: '4071f37857ff468ac7151d5843a94d32230b5a58' }, h("p", { key: '19d88d533be79ed08d0ffe7da150a67fc4047b33' }, "Small"), h("smoothly-toggle-switch", { key: '1f9297dca055d8e3c3cd5deb71eaa0bd1adf0d92', disabled: false, size: "small" })), h("span", { key: '62cbc8ec527020ae3b6170a0430e0801ae89d857' }, h("p", { key: '4e7414c615173c0d5dd824bef93f8086b5628ac7' }, "Standard"), h("smoothly-toggle-switch", { key: '950aa37af003f8e5223b89c28b43f8b720e5d062', disabled: false })), h("span", { key: '9864274ec9b96eddb0d1535462421c76a287cac9' }, h("p", { key: '8e4c05bfa0e35e35062fbfd49b418c223c22ac2b' }, "Large"), h("smoothly-toggle-switch", { key: '2f2bb9f1ed981f71fd873d3ebfde326b6bee9dd0', disabled: false, size: "large" })), h("p", { key: 'f008041769ff1fe0cee9c94d3ccd515581af0aa9' }, "Colors checkmark"), h("span", { key: '056aef6ff71511e68fe05b2e4f1ac89a8b2abb56' }, h("p", { key: '06594916622dcaa468216bb21aba6b7876bb2b7e' }, "Danger"), h("smoothly-toggle-switch", { key: '528482dfb8c6f4d80a3b25de7ce3848ff7a35317', color: "danger", disabled: false, size: "small" })), h("span", { key: '0671e2888ff6fe62a1decbbbbfedf229fb6a6e5b' }, h("p", { key: '641abc2f9863d586f2c86217879510d162b32f98' }, "Primary color"), h("smoothly-toggle-switch", { key: '7db827e7785e32357913d71958a8bbf192608f8d', color: "primary", disabled: false, size: "small" })), h("span", { key: '384ede24f3a57ca5c3b9bbf6ed20bee224620649' }, h("p", { key: '5257a7131ed3fc79a66ca3456524ee0de5e071e0' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'f93f554a029517a894886c310aa5efa60f3ad0c0', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'c759dd6a6e3e69054db3948b884265f0aa0d4e37' }), h("p", { key: '6a184d8d7a950481aef9dbb80efb0ee9adf44988' }, "Colors no checkmark"), h("span", { key: '8df41f799212e382e48f623a3c2279aa7b7ac70c' }, h("p", { key: '48dd5cc144821092edbbe2157759bfadb99e1597' }, "Danger"), h("smoothly-toggle-switch", { key: '04eb03ad6b58807a182e28088bd589023c0dca89', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '81e72e3e7d913f4f59c2f3b2bed81736e154da1e' }, h("p", { key: 'a447aaa0b5cb4afd3e88d55bdf59cee6de12b270' }, "Primary color"), h("smoothly-toggle-switch", { key: 'ea4ee5443b00e6a852df47da80eccbed2f78e699', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'cc8d4533de1b94ea11550031564e3c0db47d10ce' }, h("p", { key: 'faf1650e4ab170790f6a4307bd2d4c89374ce918' }, "Secondary color"), h("smoothly-toggle-switch", { key: '1120ee4aa4eabef7bfa9f9385c218fc668fee1e2', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12918
12950
|
}
|
|
12919
12951
|
};
|
|
12920
12952
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -12945,7 +12977,7 @@ const SmoothlyTrigger = class {
|
|
|
12945
12977
|
result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
|
|
12946
12978
|
break;
|
|
12947
12979
|
case "button":
|
|
12948
|
-
result = (h("button", { key: '
|
|
12980
|
+
result = (h("button", { key: '083db04bfd222da72704d6c232be5419f9f0a209', disabled: this.disabled, name: this.name }, h("slot", { key: '80be6127f777b4e294839a31982b49a75ca25f0f' })));
|
|
12949
12981
|
break;
|
|
12950
12982
|
}
|
|
12951
12983
|
return result;
|
|
@@ -12953,6 +12985,6 @@ const SmoothlyTrigger = class {
|
|
|
12953
12985
|
};
|
|
12954
12986
|
SmoothlyTrigger.style = SmoothlyTriggerStyle0;
|
|
12955
12987
|
|
|
12956
|
-
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, Calendar as smoothly_calendar, 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 as smoothly_form_demo_prices, 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, SmoothlyInputDateRange as smoothly_input_date_range, SmoothlyInputDemo as smoothly_input_demo, SmoothlyInputDemoStandard as smoothly_input_demo_standard, 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, SmoothlyNextDemo as smoothly_next_demo, SmoothlyNextDemoColspan as smoothly_next_demo_colspan, SmoothlyNextDemoGroup as smoothly_next_demo_group, SmoothlyNextDemoNested as smoothly_next_demo_nested, SmoothlyNextDemoNestedInner as smoothly_next_demo_nested_inner, SmoothlyNextDemoSimple as smoothly_next_demo_simple, SmoothlyNextTable as smoothly_next_table, SmoothlyNextTableBody as smoothly_next_table_body, SmoothlyNextTableCell as smoothly_next_table_cell, TableDemoFiltered$1 as smoothly_next_table_demo_filtered, SmoothlyNextTableExpandableCell as smoothly_next_table_expandable_cell, SmoothlyNextTableExpandableRow as smoothly_next_table_expandable_row, SmoothlyNextTableFoot as smoothly_next_table_foot, SmoothlyNextTableHead as smoothly_next_table_head, SmoothlyNextTableRow as smoothly_next_table_row, SmoothlyNextTableRowGroup as smoothly_next_table_row_group, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlySpinner as smoothly_spinner, SmoothlySubmit as smoothly_submit, SmoothlySummary as smoothly_summary, SmoothlyTab as smoothly_tab, Table as smoothly_table, TableCell as smoothly_table_cell, TableDemo as smoothly_table_demo, TableDemoFiltered as smoothly_table_demo_filtered, TableExpandableCell as smoothly_table_expandable_cell, TableExpandableRow as smoothly_table_expandable_row, TableFooter as smoothly_table_footer, TableHeader as smoothly_table_header, TableRow as smoothly_table_row, SmoothlyTableTesting as smoothly_table_testing, 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, SmoothlyToggle as smoothly_toggle, SmoothlyToggleSwitch as smoothly_toggle_switch, SmoothlyToggleSwitchDemo as smoothly_toggle_switch_demo, SmoothlyTrigger as smoothly_trigger };
|
|
12988
|
+
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, Calendar as smoothly_calendar, 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 as smoothly_form_demo_prices, 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, SmoothlyInputDateRange as smoothly_input_date_range, SmoothlyInputDemo as smoothly_input_demo, SmoothlyInputDemoStandard as smoothly_input_demo_standard, 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, SmoothlyNextDemo as smoothly_next_demo, SmoothlyNextDemoColspan as smoothly_next_demo_colspan, SmoothlyNextDemoFillerRowDemo as smoothly_next_demo_filler_row_demo, SmoothlyNextDemoGroup as smoothly_next_demo_group, SmoothlyNextDemoNested as smoothly_next_demo_nested, SmoothlyNextDemoNestedInner as smoothly_next_demo_nested_inner, SmoothlyNextDemoSimple as smoothly_next_demo_simple, SmoothlyNextTable as smoothly_next_table, SmoothlyNextTableBody as smoothly_next_table_body, SmoothlyNextTableCell as smoothly_next_table_cell, TableDemoFiltered$1 as smoothly_next_table_demo_filtered, SmoothlyNextTableExpandableCell as smoothly_next_table_expandable_cell, SmoothlyNextTableExpandableRow as smoothly_next_table_expandable_row, SmoothlyNextTableFillerRow as smoothly_next_table_filler_row, SmoothlyNextTableFoot as smoothly_next_table_foot, SmoothlyNextTableHead as smoothly_next_table_head, SmoothlyNextTableRow as smoothly_next_table_row, SmoothlyNextTableRowGroup as smoothly_next_table_row_group, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlySpinner as smoothly_spinner, SmoothlySubmit as smoothly_submit, SmoothlySummary as smoothly_summary, SmoothlyTab as smoothly_tab, Table as smoothly_table, TableCell as smoothly_table_cell, TableDemo as smoothly_table_demo, TableDemoFiltered as smoothly_table_demo_filtered, TableExpandableCell as smoothly_table_expandable_cell, TableExpandableRow as smoothly_table_expandable_row, TableFooter as smoothly_table_footer, TableHeader as smoothly_table_header, TableRow as smoothly_table_row, SmoothlyTableTesting as smoothly_table_testing, 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, SmoothlyToggle as smoothly_toggle, SmoothlyToggleSwitch as smoothly_toggle_switch, SmoothlyToggleSwitchDemo as smoothly_toggle_switch_demo, SmoothlyTrigger as smoothly_trigger };
|
|
12957
12989
|
|
|
12958
|
-
//# sourceMappingURL=smoothly-
|
|
12990
|
+
//# sourceMappingURL=smoothly-app_109.entry.js.map
|