smoothly 1.2.1-alpha.48 → 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} +268 -234
- 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/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 +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-4fcc1ffa.js → p-017323e3.js} +12 -12
- package/dist/components/{p-4fcc1ffa.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-2f737371.js → p-1390a195.js} +20 -20
- package/dist/components/{p-2f737371.js.map → p-1390a195.js.map} +1 -1
- package/dist/components/{p-7a45faec.js → p-172f7392.js} +3 -3
- package/dist/components/{p-7a45faec.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-f4b2ed5f.js → p-1d427e55.js} +12 -12
- package/dist/components/{p-f4b2ed5f.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-792cf362.js → p-29a260dd.js} +6 -6
- package/dist/components/{p-792cf362.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-0b3c3d54.js → p-2ed3a16d.js} +36 -36
- package/dist/components/{p-0b3c3d54.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-cc2c334d.js → p-422f3359.js} +4 -4
- package/dist/components/{p-cc2c334d.js.map → p-422f3359.js.map} +1 -1
- package/dist/components/{p-92adf709.js → p-448a256b.js} +2 -2
- package/dist/components/{p-92adf709.js.map → p-448a256b.js.map} +1 -1
- 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-d0678b5e.js → p-47840b52.js} +19 -19
- package/dist/components/{p-d0678b5e.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-9d2628e7.js → p-4aad1b00.js} +5 -5
- package/dist/components/{p-9d2628e7.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-19671644.js → p-4f53a0e1.js} +7 -7
- package/dist/components/{p-19671644.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-70ab7b2a.js → p-5926af96.js} +8 -8
- package/dist/components/{p-70ab7b2a.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-02796429.js → p-5ffba444.js} +4 -4
- package/dist/components/{p-02796429.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-606ce249.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-d51e9e17.js → p-6b7f1394.js} +14 -14
- package/dist/components/{p-d51e9e17.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-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-515ab07d.js → p-864278eb.js} +4 -4
- package/dist/components/{p-515ab07d.js.map → p-864278eb.js.map} +1 -1
- package/dist/components/{p-edc7e53a.js → p-8e13449b.js} +2 -2
- package/dist/components/{p-edc7e53a.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-1cebb9b6.js → p-93ece2c4.js} +24 -24
- 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-69071ce8.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-9741bfb4.js → p-d03c5e1c.js} +14 -14
- package/dist/components/{p-9741bfb4.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-75de9c9a.js → p-d8318156.js} +4 -4
- package/dist/components/{p-75de9c9a.js.map → p-d8318156.js.map} +1 -1
- package/dist/components/{p-23e216a7.js → p-dcb5daf0.js} +7 -7
- package/dist/components/{p-23e216a7.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-a9ea4176.js → p-df7644f9.js} +12 -12
- package/dist/components/{p-a9ea4176.js.map → p-df7644f9.js.map} +1 -1
- package/dist/components/{p-82080d82.js → p-e25d0a4a.js} +6 -6
- package/dist/components/{p-82080d82.js.map → p-e25d0a4a.js.map} +1 -1
- package/dist/components/{p-b75701e7.js → p-e93c2ce9.js} +9 -9
- package/dist/components/{p-b75701e7.js.map → p-e93c2ce9.js.map} +1 -1
- package/dist/components/{p-1b7eaa3c.js → p-e94f2ce5.js} +15 -15
- package/dist/components/{p-1b7eaa3c.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-2d9134f1.js → p-ee8027c8.js} +9 -9
- package/dist/components/{p-2d9134f1.js.map → p-ee8027c8.js.map} +1 -1
- package/dist/components/{p-00307e9c.js → p-f92cf8e8.js} +10 -10
- package/dist/components/{p-00307e9c.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-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 +23 -23
- 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} +267 -235
- 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-1cebb9b6.js.map +0 -1
- package/dist/components/p-25a43fb2.js.map +0 -1
- package/dist/components/p-606ce249.js +0 -241
- package/dist/components/p-69071ce8.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-8cc47619.entry.js +0 -2
- package/dist/smoothly/p-8cc47619.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
|
@@ -21,8 +21,8 @@ function getLocale() {
|
|
|
21
21
|
return TimeZone.Locale.is(result) ? result : TimeZone.Language.is(result) ? TimeZone.Locale.toLocale(result) : undefined;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
const styleCss$
|
|
25
|
-
const SmoothlyAppStyle0 = styleCss$
|
|
24
|
+
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%}";
|
|
25
|
+
const SmoothlyAppStyle0 = styleCss$1w;
|
|
26
26
|
|
|
27
27
|
const SmoothlyApp = class {
|
|
28
28
|
constructor(hostRef) {
|
|
@@ -1526,8 +1526,8 @@ if (!globalThis.URLPattern) {
|
|
|
1526
1526
|
globalThis.URLPattern = URLPattern$1;
|
|
1527
1527
|
}
|
|
1528
1528
|
|
|
1529
|
-
const styleCss$
|
|
1530
|
-
const SmoothlyAppRoomStyle0 = styleCss$
|
|
1529
|
+
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}}";
|
|
1530
|
+
const SmoothlyAppRoomStyle0 = styleCss$1v;
|
|
1531
1531
|
|
|
1532
1532
|
const SmoothlyAppRoom = class {
|
|
1533
1533
|
constructor(hostRef) {
|
|
@@ -1565,8 +1565,8 @@ const SmoothlyAppRoom = class {
|
|
|
1565
1565
|
};
|
|
1566
1566
|
SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
|
|
1567
1567
|
|
|
1568
|
-
const styleCss$
|
|
1569
|
-
const SmoothlyBackToTopStyle0 = styleCss$
|
|
1568
|
+
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}";
|
|
1569
|
+
const SmoothlyBackToTopStyle0 = styleCss$1u;
|
|
1570
1570
|
|
|
1571
1571
|
const SmoothlyBackToTop = class {
|
|
1572
1572
|
constructor(hostRef) {
|
|
@@ -1604,8 +1604,8 @@ const SmoothlyBackToTop = class {
|
|
|
1604
1604
|
};
|
|
1605
1605
|
SmoothlyBackToTop.style = SmoothlyBackToTopStyle0;
|
|
1606
1606
|
|
|
1607
|
-
const styleCss$
|
|
1608
|
-
const SmoothlyBurgerStyle0 = styleCss$
|
|
1607
|
+
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}";
|
|
1608
|
+
const SmoothlyBurgerStyle0 = styleCss$1t;
|
|
1609
1609
|
|
|
1610
1610
|
const SmoothlyBurger = class {
|
|
1611
1611
|
constructor(hostRef) {
|
|
@@ -1688,8 +1688,8 @@ function local(path) {
|
|
|
1688
1688
|
return new URL(path, window.location.origin).origin == window.location.origin;
|
|
1689
1689
|
}
|
|
1690
1690
|
|
|
1691
|
-
const styleCss$
|
|
1692
|
-
const SmoothlyButtonStyle0 = styleCss$
|
|
1691
|
+
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}";
|
|
1692
|
+
const SmoothlyButtonStyle0 = styleCss$1s;
|
|
1693
1693
|
|
|
1694
1694
|
const SmoothlyButton = class {
|
|
1695
1695
|
constructor(hostRef) {
|
|
@@ -1709,8 +1709,8 @@ const SmoothlyButton = class {
|
|
|
1709
1709
|
};
|
|
1710
1710
|
SmoothlyButton.style = SmoothlyButtonStyle0;
|
|
1711
1711
|
|
|
1712
|
-
const styleCss$
|
|
1713
|
-
const SmoothlyButtonConfirmStyle0 = styleCss$
|
|
1712
|
+
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%}";
|
|
1713
|
+
const SmoothlyButtonConfirmStyle0 = styleCss$1r;
|
|
1714
1714
|
|
|
1715
1715
|
const SmoothlyButtonConfirm = class {
|
|
1716
1716
|
constructor(hostRef) {
|
|
@@ -1746,8 +1746,8 @@ const SmoothlyButtonConfirm = class {
|
|
|
1746
1746
|
};
|
|
1747
1747
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1748
1748
|
|
|
1749
|
-
const styleCss$
|
|
1750
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1749
|
+
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}";
|
|
1750
|
+
const SmoothlyButtonDemoStyle0 = styleCss$1q;
|
|
1751
1751
|
|
|
1752
1752
|
const SmoothlyButtonDemo = class {
|
|
1753
1753
|
constructor(hostRef) {
|
|
@@ -1821,8 +1821,8 @@ function years(current, min, max) {
|
|
|
1821
1821
|
return result;
|
|
1822
1822
|
}
|
|
1823
1823
|
|
|
1824
|
-
const styleCss$
|
|
1825
|
-
const SmoothlyCalendarStyle0 = styleCss$
|
|
1824
|
+
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}";
|
|
1825
|
+
const SmoothlyCalendarStyle0 = styleCss$1p;
|
|
1826
1826
|
|
|
1827
1827
|
const Calendar = class {
|
|
1828
1828
|
constructor(hostRef) {
|
|
@@ -1908,8 +1908,8 @@ const Calendar = class {
|
|
|
1908
1908
|
};
|
|
1909
1909
|
Calendar.style = SmoothlyCalendarStyle0;
|
|
1910
1910
|
|
|
1911
|
-
const styleCss$
|
|
1912
|
-
const SmoothlyDialogStyle0 = styleCss$
|
|
1911
|
+
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}";
|
|
1912
|
+
const SmoothlyDialogStyle0 = styleCss$1o;
|
|
1913
1913
|
|
|
1914
1914
|
const SmoothlyDialog = class {
|
|
1915
1915
|
constructor(hostRef) {
|
|
@@ -1937,8 +1937,8 @@ const SmoothlyDialog = class {
|
|
|
1937
1937
|
};
|
|
1938
1938
|
SmoothlyDialog.style = SmoothlyDialogStyle0;
|
|
1939
1939
|
|
|
1940
|
-
const styleCss$
|
|
1941
|
-
const SmoothlyDialogDemoStyle0 = styleCss$
|
|
1940
|
+
const styleCss$1n = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
|
|
1941
|
+
const SmoothlyDialogDemoStyle0 = styleCss$1n;
|
|
1942
1942
|
|
|
1943
1943
|
const SmoothlyDialogDemo = class {
|
|
1944
1944
|
constructor(hostRef) {
|
|
@@ -3768,8 +3768,8 @@ class Handler {
|
|
|
3768
3768
|
}
|
|
3769
3769
|
add$5("hex-color", () => new Handler());
|
|
3770
3770
|
|
|
3771
|
-
const styleCss$
|
|
3772
|
-
const SmoothlyDisplayStyle0 = styleCss$
|
|
3771
|
+
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}";
|
|
3772
|
+
const SmoothlyDisplayStyle0 = styleCss$1m;
|
|
3773
3773
|
|
|
3774
3774
|
const SmoothlyDisplay = class {
|
|
3775
3775
|
constructor(hostRef) {
|
|
@@ -3937,8 +3937,8 @@ const JsonValue = ({ value, collapseDepth }) => {
|
|
|
3937
3937
|
return TimeZone.object().is(value) || Array.isArray(value) ? (index.h("smoothly-display-json-object", { value: value, collapseDepth: collapseDepth })) : (index.h("smoothly-display-json-primitive", { value: value }));
|
|
3938
3938
|
};
|
|
3939
3939
|
|
|
3940
|
-
const styleCss$
|
|
3941
|
-
const SmoothlyDisplayJsonStyle0 = styleCss$
|
|
3940
|
+
const styleCss$1l = ".sc-smoothly-display-json-h{font-family:monospace}";
|
|
3941
|
+
const SmoothlyDisplayJsonStyle0 = styleCss$1l;
|
|
3942
3942
|
|
|
3943
3943
|
const SmoothlyDisplayJson = class {
|
|
3944
3944
|
constructor(hostRef) {
|
|
@@ -3952,8 +3952,8 @@ const SmoothlyDisplayJson = class {
|
|
|
3952
3952
|
};
|
|
3953
3953
|
SmoothlyDisplayJson.style = SmoothlyDisplayJsonStyle0;
|
|
3954
3954
|
|
|
3955
|
-
const styleCss$
|
|
3956
|
-
const SmoothlyDisplayJsonObjectStyle0 = styleCss$
|
|
3955
|
+
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:\" ▼ \"}";
|
|
3956
|
+
const SmoothlyDisplayJsonObjectStyle0 = styleCss$1k;
|
|
3957
3957
|
|
|
3958
3958
|
const SmoothlyDisplayJsonObject = class {
|
|
3959
3959
|
constructor(hostRef) {
|
|
@@ -3988,8 +3988,8 @@ const SmoothlyDisplayJsonObject = class {
|
|
|
3988
3988
|
};
|
|
3989
3989
|
SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
|
|
3990
3990
|
|
|
3991
|
-
const styleCss$
|
|
3992
|
-
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$
|
|
3991
|
+
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))}";
|
|
3992
|
+
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$1j;
|
|
3993
3993
|
|
|
3994
3994
|
const SmoothlyDisplayJsonPrimitive = class {
|
|
3995
3995
|
constructor(hostRef) {
|
|
@@ -4002,8 +4002,8 @@ const SmoothlyDisplayJsonPrimitive = class {
|
|
|
4002
4002
|
};
|
|
4003
4003
|
SmoothlyDisplayJsonPrimitive.style = SmoothlyDisplayJsonPrimitiveStyle0;
|
|
4004
4004
|
|
|
4005
|
-
const styleCss$
|
|
4006
|
-
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$
|
|
4005
|
+
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}";
|
|
4006
|
+
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$1i;
|
|
4007
4007
|
|
|
4008
4008
|
const SmoothlyDisplayJsonRecordKey = class {
|
|
4009
4009
|
constructor(hostRef) {
|
|
@@ -7000,8 +7000,8 @@ var Filter;
|
|
|
7000
7000
|
});
|
|
7001
7001
|
})(Filter || (Filter = {}));
|
|
7002
7002
|
|
|
7003
|
-
const styleCss$
|
|
7004
|
-
const SmoothlyFilterStyle0 = styleCss$
|
|
7003
|
+
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}";
|
|
7004
|
+
const SmoothlyFilterStyle0 = styleCss$1h;
|
|
7005
7005
|
|
|
7006
7006
|
const SmoothlyFilter = class {
|
|
7007
7007
|
constructor(hostRef) {
|
|
@@ -7049,8 +7049,8 @@ const SmoothlyFilter = class {
|
|
|
7049
7049
|
};
|
|
7050
7050
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
7051
7051
|
|
|
7052
|
-
const styleCss$
|
|
7053
|
-
const SmoothlyFilterFieldStyle0 = styleCss$
|
|
7052
|
+
const styleCss$1g = ".sc-smoothly-filter-field-h{flex-grow:5}";
|
|
7053
|
+
const SmoothlyFilterFieldStyle0 = styleCss$1g;
|
|
7054
7054
|
|
|
7055
7055
|
const SmoothlyFilterField = class {
|
|
7056
7056
|
constructor(hostRef) {
|
|
@@ -7077,8 +7077,8 @@ const SmoothlyFilterField = class {
|
|
|
7077
7077
|
};
|
|
7078
7078
|
SmoothlyFilterField.style = SmoothlyFilterFieldStyle0;
|
|
7079
7079
|
|
|
7080
|
-
const styleCss$
|
|
7081
|
-
const SmoothlyFilterInputStyle0 = styleCss$
|
|
7080
|
+
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%}";
|
|
7081
|
+
const SmoothlyFilterInputStyle0 = styleCss$1f;
|
|
7082
7082
|
|
|
7083
7083
|
const SmoothlyFilterInput = class {
|
|
7084
7084
|
constructor(hostRef) {
|
|
@@ -7151,8 +7151,8 @@ const SmoothlyFilterInput = class {
|
|
|
7151
7151
|
};
|
|
7152
7152
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
7153
7153
|
|
|
7154
|
-
const styleCss$
|
|
7155
|
-
const SmoothlyFilterSelectStyle0 = styleCss$
|
|
7154
|
+
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}";
|
|
7155
|
+
const SmoothlyFilterSelectStyle0 = styleCss$1e;
|
|
7156
7156
|
|
|
7157
7157
|
const SmoothlyFilterSelect = class {
|
|
7158
7158
|
constructor(hostRef) {
|
|
@@ -7261,8 +7261,8 @@ const SmoothlyFilterSelect = class {
|
|
|
7261
7261
|
};
|
|
7262
7262
|
SmoothlyFilterSelect.style = SmoothlyFilterSelectStyle0;
|
|
7263
7263
|
|
|
7264
|
-
const styleCss$
|
|
7265
|
-
const SmoothlyFilterToggleStyle0 = styleCss$
|
|
7264
|
+
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)}";
|
|
7265
|
+
const SmoothlyFilterToggleStyle0 = styleCss$1d;
|
|
7266
7266
|
|
|
7267
7267
|
const SmoothlyFilterToggle = class {
|
|
7268
7268
|
constructor(hostRef) {
|
|
@@ -8184,8 +8184,8 @@ var Input;
|
|
|
8184
8184
|
Input.registerSubAction = registerSubAction;
|
|
8185
8185
|
})(Input || (Input = {}));
|
|
8186
8186
|
|
|
8187
|
-
const styleCss$
|
|
8188
|
-
const SmoothlyFormStyle0 = styleCss$
|
|
8187
|
+
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}";
|
|
8188
|
+
const SmoothlyFormStyle0 = styleCss$1c;
|
|
8189
8189
|
|
|
8190
8190
|
const SmoothlyForm = class {
|
|
8191
8191
|
constructor(hostRef) {
|
|
@@ -8357,8 +8357,8 @@ const SmoothlyForm = class {
|
|
|
8357
8357
|
};
|
|
8358
8358
|
SmoothlyForm.style = SmoothlyFormStyle0;
|
|
8359
8359
|
|
|
8360
|
-
const styleCss$
|
|
8361
|
-
const SmoothlyFormDemoStyle0 = styleCss$
|
|
8360
|
+
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%}";
|
|
8361
|
+
const SmoothlyFormDemoStyle0 = styleCss$1b;
|
|
8362
8362
|
|
|
8363
8363
|
const SmoothlyFormDemo = class {
|
|
8364
8364
|
constructor(hostRef) {
|
|
@@ -8429,8 +8429,8 @@ const SmoothlyFormDemoControlled = class {
|
|
|
8429
8429
|
}; }
|
|
8430
8430
|
};
|
|
8431
8431
|
|
|
8432
|
-
const styleCss$
|
|
8433
|
-
const SmoothlyFormDemoDateStyle0 = styleCss$
|
|
8432
|
+
const styleCss$1a = ".sc-smoothly-form-demo-date-h{display:block}";
|
|
8433
|
+
const SmoothlyFormDemoDateStyle0 = styleCss$1a;
|
|
8434
8434
|
|
|
8435
8435
|
const SmoothlyFormDemoDate = class {
|
|
8436
8436
|
constructor(hostRef) {
|
|
@@ -8458,8 +8458,8 @@ const SmoothlyFormDemoDate = class {
|
|
|
8458
8458
|
};
|
|
8459
8459
|
SmoothlyFormDemoDate.style = SmoothlyFormDemoDateStyle0;
|
|
8460
8460
|
|
|
8461
|
-
const styleCss$
|
|
8462
|
-
const SmoothlyFormDemoDateRangeStyle0 = styleCss$
|
|
8461
|
+
const styleCss$19 = ".sc-smoothly-form-demo-date-range-h{display:block}";
|
|
8462
|
+
const SmoothlyFormDemoDateRangeStyle0 = styleCss$19;
|
|
8463
8463
|
|
|
8464
8464
|
const SmoothlyFormDemoDateRange = class {
|
|
8465
8465
|
constructor(hostRef) {
|
|
@@ -8496,8 +8496,8 @@ const SmoothlyFormDemoLogin = class {
|
|
|
8496
8496
|
}
|
|
8497
8497
|
};
|
|
8498
8498
|
|
|
8499
|
-
const styleCss$
|
|
8500
|
-
const SmoothlyFormDemoPetStyle0 = styleCss$
|
|
8499
|
+
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%}";
|
|
8500
|
+
const SmoothlyFormDemoPetStyle0 = styleCss$18;
|
|
8501
8501
|
|
|
8502
8502
|
const SmoothlyFormDemoPet = class {
|
|
8503
8503
|
constructor(hostRef) {
|
|
@@ -8511,7 +8511,7 @@ const SmoothlyFormDemoPet = class {
|
|
|
8511
8511
|
return (index.h(index.Host, { key: 'f926cc45f0cc0291f2c24c7b398606a85b50d234' }, index.h("h2", { key: 'fb0ba15fe080450f09989315d3c145028217b692' }, "Pet"), index.h("h3", { key: 'd3dccbcc9b23b2cd8218936424e17a278feea2a4' }, "Value"), index.h("smoothly-form", { key: 'bf16fa9747ed9b5a6a0208cb6f412b3203077de7', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, index.h("smoothly-input", { key: '517b4234109763201875c4894ab5e9627f7f4abc', type: "text", name: "name.first" }, "Name"), index.h("smoothly-input", { key: 'ee6ac67d9818a76c10462980c445ca33ae46638b', type: "integer", name: "age" }, "Age (Years)"), index.h("smoothly-input-checkbox", { key: '28b630a35af9ce0976bbb7057c4fdbb4c47cef58', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
8512
8512
|
this.hasOwner = e.detail.hasOwner;
|
|
8513
8513
|
e.stopPropagation();
|
|
8514
|
-
} }, "Has Owner"), this.hasOwner && (index.h(index.Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, index.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"), index.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"), index.h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, index.h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), index.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"), index.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"), index.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"), index.h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, index.h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1, selected: this.owner.favoriteHat == value }, value)))), index.h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? Scrollable.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"), index.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"] })) }, index.h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.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"))), index.h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, index.h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), index.h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, index.h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), index.h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, index.h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), index.h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), index.h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), index.h("smoothly-input-range", { key: '
|
|
8514
|
+
} }, "Has Owner"), this.hasOwner && (index.h(index.Fragment, { key: '8ee49fcf125cd50beaf4fcf593a16b58778e76cb' }, index.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"), index.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"), index.h("smoothly-input-file", { key: '8a489e5bb6483336c2977a5f8b64220ea29ebbdf', name: "owner.picture" }, index.h("span", { key: 'e457cee963a8060ecfc4b6beeabf0457dd45c496', slot: "label" }, "Owner picture")), index.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"), index.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"), index.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"), index.h("smoothly-input-select", { key: '418a7a9e76171c20d948c4175ed079b235c57f55', name: "owner.favoriteHat" }, index.h("span", { key: '7be6a6723da871f52ca827f8e65d6c0416caf881', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1, selected: this.owner.favoriteHat == value }, value)))), index.h("smoothly-input-color", { key: '7d10d88c10060bdd6c686febed826ad0684fdda4', name: "owner.favoriteColor", value: this.owner.favoriteColor ? Scrollable.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"), index.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"] })) }, index.h("span", { key: 'af419a86d160c269862e474de0c5e354453fd8a2', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.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"))), index.h("smoothly-summary", { key: 'bb73afe0dd4b31f56ea336b9dc103367cdc627e3' }, index.h("span", { key: 'd8f5a03c901be8a2aa586011a0faef34ce712d5c', slot: "summary" }, "Summary"), index.h("div", { key: 'f7083c2d68d2e8d44ea3eb39a4f308816bdcda9a', slot: "content" }, index.h("smoothly-input", { key: 'b2efc307607f9933eec46f9b7a2c1fa9cc4d6cca', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), index.h("smoothly-input-file", { key: '0de58d7552d6fe19d3338251d7160d8fa07e4f41', name: "summary.picture" }, index.h("span", { key: 'f617802b638f635a38d60561098e14844dd22d50', slot: "label" }, "Summary picture")), index.h("smoothly-input-date", { key: '12f8e38b0be8b6d4448a1a210b279f234723d089', name: "summary.birthday" }, "Summary birthday"), index.h("smoothly-input-date-range", { key: '4183ad71048f2a2b83d9a3cc15c342e70d32eb36', name: "summary.ownedRange" }, "Summary ownedRange"), index.h("smoothly-input-range", { key: '88abf4bf85b3789e5392f1ae50e2131f86f524a1', name: "summary.height", label: "Height" }), index.h("smoothly-input-select", { key: '163c4d30504d2d440bb4e31d42e54286d2ea4d30', name: "summary.favoriteHat" }, index.h("span", { key: 'b803a9d4b5c969f74cf649495ff29b80dc7eca32', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-month", { key: 'd4120f7272df1eddf403cd56b8433cb6ca4528a6', name: "summary.month" }, index.h("span", { key: '2cb8eef31ee0980ccb7418d42517b4df6cedaf91', slot: "month-label" }, "Summary month")), index.h("smoothly-input-color", { key: '6e3a63f405b74d88d42bbe5f957fee1ba0f9502e', name: "summary.color" }, "Summary Color"), index.h("smoothly-input-radio", { key: '176ac40da54721997c43d0a81666acb4998b37b7', name: "summary.favoritePizza" }, index.h("span", { key: '6871e57f0b47cd6d69f675728cbc8adc04eb07ea', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '80670e084705b6dd89313fac93cc9cae199e4d49', name: "summary.hasPet" }, "Has Pet"))), index.h("smoothly-tabs", { key: '54adf6f72e5e47c87420b590c1ee0339917b2443' }, index.h("smoothly-tab", { key: 'bc35a89b5e79189f358204e3dc3f53ff56d36fd5', label: "Dog" }, index.h("smoothly-input", { key: '9cc578a69ab318b029a3e2ed911b8c44fa43a198', type: "text", name: "dog.breed" }, "Breed"), index.h("smoothly-input-file", { key: 'da49e55084302c59403e396216a5662814467d0e', name: "dog.picture" }, index.h("span", { key: '4ba608f3e2ba497a71912385898053e412c8bfe4', slot: "label" }, "Dog picture")), index.h("smoothly-input-date", { key: '0e9aeebaed1e5bc84995008be8fc9f35ea1b251d', name: "dog.birthday" }, "Dog birthday"), index.h("smoothly-input-date-range", { key: '6e199a7d72c816a069b7ba1ac71880f82f8b82d2', name: "dog.dateRange" }, "Dog date range"), index.h("smoothly-input-select", { key: 'e381b1b0f5f15f043135c7c50278a45aad11e70c', name: "dog.favoriteHat" }, index.h("span", { key: 'd4e77a11d6a6967816ad157048917c37c00e6cff', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-color", { key: '0a5c74e5716ea1d46e56d0923f60265ecb9645a8', name: "dog.favoriteColor" }, "Dog's Favorite Color"), index.h("smoothly-input-radio", { key: 'ccc2fcde4138d6c8873694a197358a89dd203f26', name: "dog.favoritePizza" }, index.h("span", { key: '97bbceaef27ee84dba00348edc30e88f04b9f274', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '3fa75d1646e6d15e466452f0c65e4ddf5fbc4f36', name: "dog.hasPet" }, "Has Pet")), index.h("smoothly-tab", { key: '1eeffd514378ffe9cc3e0119c3544cd498408116', label: "Cat", open: true }, index.h("smoothly-input", { key: '65ad05667b91c90fd7a220a40b7e7a44e12dfda3', name: "cat.favoriteFood" }, "Favorite Food"))), index.h("smoothly-input-submit", { key: 'f52d5879ac3c5f9ff62fad15f2f047b631771151', size: "icon", slot: "submit", color: "success", fill: "solid" })), index.h("smoothly-display", { key: '2eef08cbc4914369df28029689e3e74b63923507', type: "json", value: this.value })));
|
|
8515
8515
|
}
|
|
8516
8516
|
};
|
|
8517
8517
|
SmoothlyFormDemoPet.style = SmoothlyFormDemoPetStyle0;
|
|
@@ -8521,7 +8521,7 @@ const SmoothlyFormDemoPrices = class {
|
|
|
8521
8521
|
index.registerInstance(this, hostRef);
|
|
8522
8522
|
}
|
|
8523
8523
|
render() {
|
|
8524
|
-
return (index.h(index.Host, { key: '
|
|
8524
|
+
return (index.h(index.Host, { key: '4fa70a914876be27347456aa343e37ea989be096' }, index.h("h2", { key: '19bdfe20a9fd3afabb3df6dd907b9e60b68a8966' }, "Prices"), index.h("smoothly-form", { key: '9a74bb915a6ad42b2d44db1be65fd76c5866f43c', looks: "line" }, index.h("smoothly-input", { key: 'df774c146082e7c021db91b92993825f1c7b07f4', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: '56101c015080db3992b1ff4de2d3f64a83c83d54', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), index.h("smoothly-input", { key: '2c5d2d37ec98a429417a61d150ef529dfbed1307', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: 'e5132c11343cf8b32b06e4999ecc3177fb100c41', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: '0a13cd5f294ff10d9bd331c48548393f559b5c6a', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: '1dfece2dfa23775239b2bb808a26eaf684dc6056', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: '45862586a44c6d01b5ff19cb86aeaa82dfa1635e', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-reset", { key: '6c4f46a729877a979bfa6b77635f32d88e568b1f', slot: "reset", fill: "default", type: "form", color: "warning" }), index.h("smoothly-input-submit", { key: '2cb2b0b473ef51a55afdbb582dc5a183608ddbde', slot: "submit" }))));
|
|
8525
8525
|
}
|
|
8526
8526
|
};
|
|
8527
8527
|
|
|
@@ -8530,7 +8530,7 @@ const SmoothlyFormDemoTransparent = class {
|
|
|
8530
8530
|
index.registerInstance(this, hostRef);
|
|
8531
8531
|
}
|
|
8532
8532
|
render() {
|
|
8533
|
-
return (index.h(index.Host, { key: '
|
|
8533
|
+
return (index.h(index.Host, { key: 'ac4fab97f13f1b2a04569c444463726ffd7f3f39' }, index.h("h2", { key: 'a1d3881d3e990ccbd065c836a16eca6376ab09d9' }, "Transparent"), index.h("smoothly-form", { key: 'a6223063167021ba9a05f3b9790c1c2527f6b39e', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, index.h("smoothly-input-file", { key: '7208122dcbf0c3d895c6a8d8164bc22643775101', name: "file" }, index.h("span", { key: '7354840c3086ab9492183dd4d2b2f6c90af38ee7', slot: "label" }, "File"), index.h("smoothly-icon", { key: 'c588ef4e14c7939bfab0bd6451a23541795044fb', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: '14041a265b0429b10ce57e09f2230b36701aa38e', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-input-date", { key: '15ded0d37456a42d8c131ba57ef0307bc33662e3' }, "Date"), index.h("smoothly-input-date-range", { key: 'adef7c0defb1799a3da4dbcfc58217ec2ac0e472' }, "Date Range"), index.h("smoothly-input-select", { key: 'dc021642b27e4c9a82752ee594869893e29fa204', name: "transport" }, index.h("smoothly-item", { key: 'b9bff79a207ac285bba4c1f38f9379b4b3aba38b', value: "plane" }, index.h("smoothly-icon", { key: '78be03c6543b03c26d03b361f86c0d05b8e37833', name: "airplane-outline" })), index.h("smoothly-item", { key: '1b7c79a8319348d9f31896902ba9518c3e510c36', value: "car" }, index.h("smoothly-icon", { key: '3bfef43b7421d4f08d299810082ff64dcafd0556', name: "car-outline" })), index.h("smoothly-item", { key: 'c651b8be36aac65b5d10683314063b0549ba32f6', value: "bus", selected: true }, index.h("smoothly-icon", { key: '5e9387144b2a61ecdc859ce558af956ad53aceb4', name: "bus-outline" }))), index.h("smoothly-input-submit", { key: '0baa282b1620879cc24fc0d46e9a0fb5af72c231', icon: "checkbox-outline" }))));
|
|
8534
8534
|
}
|
|
8535
8535
|
};
|
|
8536
8536
|
|
|
@@ -8544,21 +8544,21 @@ var Contact;
|
|
|
8544
8544
|
});
|
|
8545
8545
|
})(Contact || (Contact = {}));
|
|
8546
8546
|
|
|
8547
|
-
const styleCss$
|
|
8548
|
-
const SmoothlyFormDemoTypedStyle0 = styleCss$
|
|
8547
|
+
const styleCss$17 = "";
|
|
8548
|
+
const SmoothlyFormDemoTypedStyle0 = styleCss$17;
|
|
8549
8549
|
|
|
8550
8550
|
const SmoothlyFormDemoTyped = class {
|
|
8551
8551
|
constructor(hostRef) {
|
|
8552
8552
|
index.registerInstance(this, hostRef);
|
|
8553
8553
|
}
|
|
8554
8554
|
render() {
|
|
8555
|
-
return (index.h(index.Host, { key: '
|
|
8555
|
+
return (index.h(index.Host, { key: '7514b7d1a2ee384a466f06f297f9e9cd9d5981e2' }, index.h("h2", { key: 'd8f291f66794b350b0d0bd55f117c13acf1c040b' }, "Typed Contact"), index.h("smoothly-form", { key: '9a2729aea5f4d35ed9d414aab3899e1df64684d4', validator: Contact.type }, index.h("smoothly-input", { key: '2ffae4d5ca23abab7cc8733ba9af3520d5e4c45e', name: "name.first" }, "First Name"), index.h("smoothly-input", { key: 'f72e992b163e477d5f9c01dfa40f1c5b69261272', name: "name.middle" }, "Middle Name (optional)"), index.h("smoothly-input", { key: 'cc353b4e75915a01fd5fa29d5610ebab76cb4305', name: "name.last" }, "Last Name"), index.h("smoothly-input", { key: '963b2da1d4e3a9aa67e87474acacdfd8b16f04d3', name: "age", type: "integer" }, "Age (18-120)"), index.h("smoothly-input-select", { key: 'ed91212c03b8b44e6f6902c29d281407788b6a76', name: "country" }, index.h("span", { key: '7e4adb1c2b3dbca1f5c78138afa259ffa9c3a877', slot: "label" }, "Country"), TimeZone.Alpha2.values.map(country => (index.h("smoothly-item", { value: country }, en.from(country))))), index.h("smoothly-input-date", { key: '48e15ba2e6ff364c43b66f447f5048e0295625fc', name: "birthday" }, "Date of birth"), index.h("smoothly-input-reset", { key: 'c0c9bbed57cfbc57455eefc7c28213b0e1049b95', slot: "reset", type: "form", size: "icon", color: "warning" }), index.h("smoothly-input-submit", { key: '43f4f6c832eb5a05acc1e07644dca2fd1ff6f934', slot: "submit", size: "icon", color: "success" }))));
|
|
8556
8556
|
}
|
|
8557
8557
|
};
|
|
8558
8558
|
SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
|
|
8559
8559
|
|
|
8560
|
-
const styleCss$
|
|
8561
|
-
const SmoothlyFrameStyle0 = styleCss$
|
|
8560
|
+
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}";
|
|
8561
|
+
const SmoothlyFrameStyle0 = styleCss$16;
|
|
8562
8562
|
|
|
8563
8563
|
const SmoothlyFrame = class {
|
|
8564
8564
|
constructor(hostRef) {
|
|
@@ -8605,8 +8605,8 @@ const SmoothlyFrame = class {
|
|
|
8605
8605
|
};
|
|
8606
8606
|
SmoothlyFrame.style = SmoothlyFrameStyle0;
|
|
8607
8607
|
|
|
8608
|
-
const styleCss$
|
|
8609
|
-
const SmoothlyIconStyle0 = styleCss$
|
|
8608
|
+
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%}";
|
|
8609
|
+
const SmoothlyIconStyle0 = styleCss$15;
|
|
8610
8610
|
|
|
8611
8611
|
const SmoothlyIcon = class {
|
|
8612
8612
|
constructor(hostRef) {
|
|
@@ -8650,7 +8650,7 @@ const SmoothlyIcon = class {
|
|
|
8650
8650
|
}
|
|
8651
8651
|
render() {
|
|
8652
8652
|
var _a;
|
|
8653
|
-
return index.h(index.Host, { key: '
|
|
8653
|
+
return index.h(index.Host, { key: '44862417c70dcae3062b98709c60f61c000ac08e', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
|
|
8654
8654
|
}
|
|
8655
8655
|
static get watchers() { return {
|
|
8656
8656
|
"toolTip": ["nameChanged"],
|
|
@@ -8659,8 +8659,8 @@ const SmoothlyIcon = class {
|
|
|
8659
8659
|
};
|
|
8660
8660
|
SmoothlyIcon.style = SmoothlyIconStyle0;
|
|
8661
8661
|
|
|
8662
|
-
const styleCss$
|
|
8663
|
-
const SmoothlyIconDemoStyle0 = styleCss$
|
|
8662
|
+
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}";
|
|
8663
|
+
const SmoothlyIconDemoStyle0 = styleCss$14;
|
|
8664
8664
|
|
|
8665
8665
|
const SmoothlyIconDemo = class {
|
|
8666
8666
|
constructor(hostRef) {
|
|
@@ -8671,7 +8671,7 @@ const SmoothlyIconDemo = class {
|
|
|
8671
8671
|
this.props = {};
|
|
8672
8672
|
}
|
|
8673
8673
|
render() {
|
|
8674
|
-
return (index.h(index.Host, { key: '
|
|
8674
|
+
return (index.h(index.Host, { key: '523622a3392091c05ee2f1eb11df2211adc38a9d' }, index.h("h2", { key: '3001c29af15f29d1d21913187a18a6fc9b6fb478' }, "Filter and Variants"), index.h("smoothly-form", { key: '614c2c1561768339b1b188d3b8dc2a3f07043924', onSmoothlyFormInput: e => (this.display = e.detail) }, index.h("smoothly-input", { key: '029ef4523d3a50f61d235b770d546993544c2ed2', name: "filter" }, "Filter"), index.h("smoothly-input-select", { key: 'da6b39d581f60af7ce9c566b1a6867dcf3f0bd75', name: "variant" }, index.h("span", { key: '227dd90eb85efe5d0cc1620162463702c7fb210b', slot: "label" }, "Variant"), index.h("smoothly-item", { key: 'd0389fd0a171e57cb80ba7d4096cfb1214f5c968', value: "outline" }, "outline"), index.h("smoothly-item", { key: '97853ed1e47f66f29e3f6e7ce2ed5bc19bb13789', value: "sharp" }, "sharp"), index.h("smoothly-input-clear", { key: 'fd0fe606d071aab417d5a62d64bf995018044ee4', slot: "end" }))), index.h("h2", { key: '1056e77e8daa2561375c291c0f3f30bf597a5e4c' }, "Props"), index.h("smoothly-form", { key: 'c55bff5c71b16850f11385da8325db555f04b3cd', onSmoothlyFormInput: e => (this.props = e.detail) }, index.h("smoothly-input-select", { key: 'fe44b586d99b1f2c07bdc382750a8762cbf8c0f2', name: "color" }, index.h("span", { key: '125594447b95c8a3370b6b4c8568250e7c4cd710', slot: "label" }, "Color"), Scrollable.Color.types.map(color => (index.h("smoothly-item", { value: color, color: color }, color))), index.h("smoothly-input-clear", { key: '9adcbdda6387357c9789e7e73e813ce5fda4f08f', slot: "end" })), index.h("smoothly-input-select", { key: '0dad470412db27b32a82a61d55c5cbc8a4c11e99', name: "flip" }, index.h("span", { key: '49b7e1b93477d2d9f42b8e5780c776d029a86ad6', slot: "label" }, "Flip"), index.h("smoothly-item", { key: 'bdc4f509ca363f80086d588fe41d6a0236e1b71c', value: "x" }, "x"), index.h("smoothly-item", { key: '98253120ba45e57aa0779b0dce7cd4f8d2a1b8ca', value: "y" }, "y"), index.h("smoothly-input-clear", { key: '2d517d99bf9900dea5db9523a552130f8fe4e7d5', slot: "end" })), index.h("smoothly-input-select", { key: '17f7e6c55a9b69a7b43044c3b679ea82ab4fe549', name: "size" }, index.h("span", { key: '3cfb39003d77c9cf84cc3969120dd12401acc9cf', slot: "label" }, "Size"), index.h("smoothly-item", { key: 'bbd6c2fec392991d26ce5904a031190be2982b97', value: "tiny" }, "tiny"), index.h("smoothly-item", { key: '34830196d95b43678d73ab425ba117b1bc3f037d', value: "small" }, "small"), index.h("smoothly-item", { key: '4138766f369e12dfeb86a1940b3fe702551e3675', value: "medium" }, "medium"), index.h("smoothly-item", { key: '432bb148682d033c022677b4bccac19bbfb288a2', value: "large" }, "large"), index.h("smoothly-input-clear", { key: '9c825b5a75922acd92a63bc569598cf3380c7a56', slot: "end" })), index.h("smoothly-input-range", { key: '432402f195632a0c28ed106f2101ac4fb0609ce6', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", index.h("smoothly-input-clear", { key: '71c3425a12c40a0b0757bb84e5e9d0b6978b4590', slot: "end" }))), index.h("h1", { key: '2023d6c2b516099aa4a6da21cc3423175387861a' }, "Icons"), index.h("div", { key: '3c7b0e162a5107c6ab97b5da2403b083cb171cba', class: "icons" }, [
|
|
8675
8675
|
...Scrollable.Icon.Name.values
|
|
8676
8676
|
.filter(name => !this.display.filter || name.includes(this.display.filter))
|
|
8677
8677
|
.map((name) => (this.display.variant ? `${name}-${this.display.variant}` : name)),
|
|
@@ -8938,8 +8938,8 @@ class InputStateHandler {
|
|
|
8938
8938
|
}
|
|
8939
8939
|
}
|
|
8940
8940
|
|
|
8941
|
-
const styleCss$
|
|
8942
|
-
const SmoothlyInputStyle0 = styleCss$
|
|
8941
|
+
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))}";
|
|
8942
|
+
const SmoothlyInputStyle0 = styleCss$13;
|
|
8943
8943
|
|
|
8944
8944
|
const SmoothlyInput = class {
|
|
8945
8945
|
constructor(hostRef) {
|
|
@@ -9067,7 +9067,7 @@ const SmoothlyInput = class {
|
|
|
9067
9067
|
}
|
|
9068
9068
|
render() {
|
|
9069
9069
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
9070
|
-
return (index.h(index.Host, { key: '
|
|
9070
|
+
return (index.h(index.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(); } }, index.h("slot", { key: '61d0acc825f8c09c416320291991a9f7e8747635', name: "start" }), index.h("div", { key: '80a86d79a71c2e3706925fd2afcd1d4173784cfd' }, index.h("div", { key: '87275f36e4fdf6d02e85bec867b8d7d538e16269', class: "ghost" }, index.h("div", { key: '51ad2aabffe421d21f67b0f7c2353c3ee83f75e1', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '3fa1c2a8ab779dd79de96a63425d5b5830ec9b38', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.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 => {
|
|
9071
9071
|
this.state = this.stateHandler.onKeyDown(event, this.state);
|
|
9072
9072
|
if (event.key == "Enter")
|
|
9073
9073
|
this.smoothlyBlur.emit();
|
|
@@ -9080,7 +9080,7 @@ const SmoothlyInput = class {
|
|
|
9080
9080
|
if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
|
|
9081
9081
|
this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
|
|
9082
9082
|
}
|
|
9083
|
-
} }), index.h("label", { key: '
|
|
9083
|
+
} }), index.h("label", { key: 'd5028b886068594878aafe45fbd0717ffb8fe967', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'a7d06eddc4e537e75097bb884cb04335a9094002' })), index.h("smoothly-icon", { key: '37a6af033a22bed6ec0ab7935826b9bb8bfe4b98', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), index.h("slot", { key: 'ffeffc908bd319a22aa0c1d43ef4851e218275c1', name: "end" })));
|
|
9084
9084
|
}
|
|
9085
9085
|
get element() { return index.getElement(this); }
|
|
9086
9086
|
static get watchers() { return {
|
|
@@ -9093,8 +9093,8 @@ const SmoothlyInput = class {
|
|
|
9093
9093
|
};
|
|
9094
9094
|
SmoothlyInput.style = SmoothlyInputStyle0;
|
|
9095
9095
|
|
|
9096
|
-
const styleCss$
|
|
9097
|
-
const SmoothlyInputCheckboxStyle0 = styleCss$
|
|
9096
|
+
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}";
|
|
9097
|
+
const SmoothlyInputCheckboxStyle0 = styleCss$12;
|
|
9098
9098
|
|
|
9099
9099
|
const SmoothlyInputCheckbox = class {
|
|
9100
9100
|
constructor(hostRef) {
|
|
@@ -9161,7 +9161,7 @@ const SmoothlyInputCheckbox = class {
|
|
|
9161
9161
|
!this.disabled && !this.readonly && (this.checked = !this.checked);
|
|
9162
9162
|
}
|
|
9163
9163
|
render() {
|
|
9164
|
-
return (index.h(index.Host, { key: '
|
|
9164
|
+
return (index.h(index.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(); } }, index.h("input", { key: 'f8c3d4bec3f0db915a23b6307d28a7c95e79deab', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: '1cc32b333aeb332d5d61f3abe8e39bf8d89dee62', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: 'bdcffaab26d87f09d6806403f332812549185dbf' }, index.h("slot", { key: '05fe996160e47795fa0998510833cb29eb8df60b' }))));
|
|
9165
9165
|
}
|
|
9166
9166
|
get element() { return index.getElement(this); }
|
|
9167
9167
|
static get watchers() { return {
|
|
@@ -9170,8 +9170,8 @@ const SmoothlyInputCheckbox = class {
|
|
|
9170
9170
|
};
|
|
9171
9171
|
SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
|
|
9172
9172
|
|
|
9173
|
-
const styleCss
|
|
9174
|
-
const SmoothlyInputClearStyle0 = styleCss
|
|
9173
|
+
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%)}";
|
|
9174
|
+
const SmoothlyInputClearStyle0 = styleCss$11;
|
|
9175
9175
|
|
|
9176
9176
|
const SmoothlyInputClear = class {
|
|
9177
9177
|
constructor(hostRef) {
|
|
@@ -9211,13 +9211,13 @@ const SmoothlyInputClear = class {
|
|
|
9211
9211
|
}
|
|
9212
9212
|
render() {
|
|
9213
9213
|
var _a;
|
|
9214
|
-
return (index.h(index.Host, { key: '
|
|
9214
|
+
return (index.h(index.Host, { key: '9484f284e75befd19d39c3af18e935d345aac3fc', title: this.tooltip }, index.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) }, index.h("slot", { key: '7f198efb670dc5dd3ace5e46374bc06802106abf' }), index.h("smoothly-icon", { key: '71e47a4704225ad81ee46c5070d0c26bf8469089', name: "close", size: "tiny" }))));
|
|
9215
9215
|
}
|
|
9216
9216
|
};
|
|
9217
9217
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9218
9218
|
|
|
9219
|
-
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}";
|
|
9220
|
-
const SmoothlyInputColorStyle0 = styleCss$
|
|
9219
|
+
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}";
|
|
9220
|
+
const SmoothlyInputColorStyle0 = styleCss$10;
|
|
9221
9221
|
|
|
9222
9222
|
const SmoothlyInputColor = class {
|
|
9223
9223
|
constructor(hostRef) {
|
|
@@ -9361,7 +9361,7 @@ const SmoothlyInputColor = class {
|
|
|
9361
9361
|
}
|
|
9362
9362
|
render() {
|
|
9363
9363
|
var _a, _b, _c, _d, _e, _f;
|
|
9364
|
-
return (index.h(index.Host, { key: '
|
|
9364
|
+
return (index.h(index.Host, { key: '9da4ea2a1e58eb1a75014205416580539a384f19', style: {
|
|
9365
9365
|
"--hexCode": this.value,
|
|
9366
9366
|
"--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
|
|
9367
9367
|
"--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
|
|
@@ -9370,7 +9370,7 @@ const SmoothlyInputColor = class {
|
|
|
9370
9370
|
"--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
|
|
9371
9371
|
"--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
|
|
9372
9372
|
"--element-height": `${this.element.clientHeight}px`,
|
|
9373
|
-
} }, index.h("smoothly-input", { key: '
|
|
9373
|
+
} }, index.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])) }, index.h("slot", { key: '69b0d883ff53fbcebc69e8ee136ab5e4b0c2e6e3' })), index.h("div", { key: 'e047b5bff06a7d4b2d454b9f1e64c4e88ff6702c', class: "color-sample" }), index.h("smoothly-icon", { key: 'd1736a34a2b945aecda80a8ead022decfb15109b', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), index.h("div", { key: '10de1092a9d22351ca0806097fb5f68b2c68e9c1' }, index.h("slot", { key: '46827502f847a0750bf5b7b13f2f3d869612131b', name: "end" })), this.open && !this.readonly && (index.h("div", { key: '95f213489fe9f74eebf863b93a2222a3c89625a9', class: "rgb-sliders" }, index.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]) => (index.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]) => (index.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() })))))));
|
|
9374
9374
|
}
|
|
9375
9375
|
get element() { return index.getElement(this); }
|
|
9376
9376
|
static get watchers() { return {
|
|
@@ -9384,13 +9384,13 @@ const SmoothlyInputColorDemo = class {
|
|
|
9384
9384
|
index.registerInstance(this, hostRef);
|
|
9385
9385
|
}
|
|
9386
9386
|
render() {
|
|
9387
|
-
return (index.h(index.Host, { key: '
|
|
9387
|
+
return (index.h(index.Host, { key: 'd9da59270cd8b8b30bb8bbddd09253bd3e87a6d1' }, index.h("h2", { key: '39bfb6f5cda61721368ee1dad508d4e988e305eb' }, "Color"), index.h("smoothly-input-color", { key: 'f879114fbe6e72d52308c0b69ae76b2b2c916c79', name: "color" }, "Choose color")));
|
|
9388
9388
|
}
|
|
9389
9389
|
};
|
|
9390
9390
|
SmoothlyInputColorDemo.style = "style.css";
|
|
9391
9391
|
|
|
9392
|
-
const styleCss
|
|
9393
|
-
const SmoothlyInputDateStyle0 = styleCss
|
|
9392
|
+
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}}";
|
|
9393
|
+
const SmoothlyInputDateStyle0 = styleCss$$;
|
|
9394
9394
|
|
|
9395
9395
|
const SmoothlyInputDate = class {
|
|
9396
9396
|
constructor(hostRef) {
|
|
@@ -9476,13 +9476,13 @@ const SmoothlyInputDate = class {
|
|
|
9476
9476
|
event.stopPropagation();
|
|
9477
9477
|
}
|
|
9478
9478
|
render() {
|
|
9479
|
-
return (index.h(index.Host, { key: '
|
|
9479
|
+
return (index.h(index.Host, { key: 'dd5cb22ac438173fa42b0cc33d30d5f2d2cfc6ab' }, index.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 => {
|
|
9480
9480
|
e.stopPropagation();
|
|
9481
9481
|
this.value = e.detail[this.name];
|
|
9482
|
-
} }, index.h("slot", { key: '
|
|
9482
|
+
} }, index.h("slot", { key: '9f926b39e9c5750d8099e77195788cdb0bf757aa' })), index.h("span", { key: '527ecd6825dd1b46d8faf4d97e2522ecc8a1b4db', class: "icons" }, index.h("slot", { key: '8edd6c554ffc9df30d2dde2cea952cd069648d39', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: 'e5adc9ac0dea0c93e87774f81afde215b7bd071a' }, index.h("smoothly-calendar", { key: 'd93d146dbd74f8925dffe92cb181d386e1a9e7ff', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
|
|
9483
9483
|
this.value = event.detail;
|
|
9484
9484
|
event.stopPropagation();
|
|
9485
|
-
}, max: this.max, min: this.min }, index.h("div", { key: '
|
|
9485
|
+
}, max: this.max, min: this.min }, index.h("div", { key: 'cdf37ec29e2150b44fee7c7153fe9eb301aa7548', slot: "year-label" }, index.h("slot", { key: '961d1de6ef85344b433a8405963a817b57f94a5f', name: "year-label" })), index.h("div", { key: '5edd148108c9ad3cce7ccbdcf23985c067c3d324', slot: "month-label" }, index.h("slot", { key: 'cad29d4e9e8932d3547bbe17ce006e99b861f35d', name: "month-label" })))))));
|
|
9486
9486
|
}
|
|
9487
9487
|
get element() { return index.getElement(this); }
|
|
9488
9488
|
static get watchers() { return {
|
|
@@ -9491,8 +9491,8 @@ const SmoothlyInputDate = class {
|
|
|
9491
9491
|
};
|
|
9492
9492
|
SmoothlyInputDate.style = SmoothlyInputDateStyle0;
|
|
9493
9493
|
|
|
9494
|
-
const styleCss$
|
|
9495
|
-
const SmoothlyInputDateRangeStyle0 = styleCss$
|
|
9494
|
+
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}";
|
|
9495
|
+
const SmoothlyInputDateRangeStyle0 = styleCss$_;
|
|
9496
9496
|
|
|
9497
9497
|
const SmoothlyInputDateRange = class {
|
|
9498
9498
|
constructor(hostRef) {
|
|
@@ -9588,12 +9588,12 @@ const SmoothlyInputDateRange = class {
|
|
|
9588
9588
|
}
|
|
9589
9589
|
render() {
|
|
9590
9590
|
const locale = navigator.language;
|
|
9591
|
-
return (index.h(index.Host, { key: '
|
|
9591
|
+
return (index.h(index.Host, { key: '0a39feda764bfd21373182adf3b7f5b0b3472eb2', tabindex: 0 }, index.h("section", { key: '6bc56a02490b2e855d9d9c0b6f2b4e79d2f097b9', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: 'bb64b743e16f0f80232a101121475c9b18bf22fe', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
|
|
9592
9592
|
? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
|
|
9593
9593
|
: undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
9594
9594
|
e.stopPropagation();
|
|
9595
9595
|
this.inputHandler(e.detail);
|
|
9596
|
-
} }, index.h("slot", { key: '
|
|
9596
|
+
} }, index.h("slot", { key: '5c0304ae71532534e4df6673a2ca538e131ce7cc' }))), index.h("span", { key: '51c98ef57299158e77be485a5355d4a98eda18a2', class: "icons" }, index.h("slot", { key: 'a8e2f3cf5dee52eb181865b6fb6b992a87216a54', name: "end" })), this.open && (index.h("nav", { key: 'e41d58a167a882bff1878fec710c5295dc3f7ea3' }, index.h("smoothly-calendar", { key: 'de6578bbf253dbf6b5179629e1a414d311c40785', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9597
9597
|
e.stopPropagation();
|
|
9598
9598
|
this.start = e.detail;
|
|
9599
9599
|
}, onSmoothlyEndChange: e => {
|
|
@@ -9614,8 +9614,8 @@ const SmoothlyInputDateRange = class {
|
|
|
9614
9614
|
};
|
|
9615
9615
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
9616
9616
|
|
|
9617
|
-
const styleCss$
|
|
9618
|
-
const SmoothlyInputDemoStyle0 = styleCss$
|
|
9617
|
+
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%}";
|
|
9618
|
+
const SmoothlyInputDemoStyle0 = styleCss$Z;
|
|
9619
9619
|
|
|
9620
9620
|
const SmoothlyInputDemo = class {
|
|
9621
9621
|
constructor(hostRef) {
|
|
@@ -9624,23 +9624,23 @@ const SmoothlyInputDemo = class {
|
|
|
9624
9624
|
this.alphanumeric = "!@##";
|
|
9625
9625
|
}
|
|
9626
9626
|
render() {
|
|
9627
|
-
return (index.h(index.Host, { key: '
|
|
9627
|
+
return (index.h(index.Host, { key: '2c21d84c0c387c41621323eac28a6fb0c7aa9eff' }, index.h("smoothly-input-demo-standard", { key: '119dd61fec7d5679e7d71ed8b1cbd7cd7676df8e' }), index.h("div", { key: 'f27fe4ccbce6bcb2bb247a7ca2bdf1a3c0f48eeb', class: "inputs" }, index.h("h2", { key: '14d1b974cd3d39d9bfce6db4db90390829af27fc' }, "Calendar"), index.h("smoothly-input-date", { key: '2554c0764e1c3240fed2a60b1f0fed1debc4b288', name: "some-date" }, "Calendar"), index.h("h2", { key: '566d6aa65ed9d693953c8f16fcfdd84877f948f6' }, "Date Range"), index.h("smoothly-input-date-range", { key: '888e3043ba1f13b4ee9bd00b214cb422745271e5', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '40cc239a477203bcec3950ca8f9d58760662b6f4', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: '5914ae9340c307ebb9f2d237be1c464489af5e11', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '27f7376080ee0194d9b10c1b67fca176171582ca', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9628
9628
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9629
|
-
} }, index.h("smoothly-input-clear", { key: '
|
|
9629
|
+
} }, index.h("smoothly-input-clear", { key: '68f4e45c98c8ae86540d47dda347f7da2a6311c0', slot: "end", size: "icon" })), index.h("h2", { key: '22fa286405039f0ffad5f3e0699d319e19afab81' }, "Date"), index.h("smoothly-input-date", { key: '234714e87a3d7758ddb461c2e41d8338b08d1dac' }, "Date"), index.h("smoothly-input-date", { key: 'ffa9825d1607cfff36c0f905c54f599eb27641df', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '0996c7930dda251e062c3ddeb3913235945c8770', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: 'f93840584abbe3bcf42b2ef631b9af0ad3777cb9', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: '922eba0deb0d83ef492fc6179729784b65d56007', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '1e1922feaf0d74cbd28838910e76aa4996b79379', slot: "end", size: "icon" })), index.h("h2", { key: '285f1e7ac38d73d1cefd2d09cad980e3bfdb4eef' }, "Select"), index.h("div", { key: '530acc8bb23dcded52f542fd5776b9915d8747a5', class: "select-div" }, index.h("smoothly-input-select", { key: '055b09252fe6854519b55355309123649a1d8548', name: "select-dessert", looks: "border" }, index.h("label", { key: 'eb009b697a58e228e218b03be5c5443f9112813e', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '797c3dacc4cfdfc5dbc844c84792e33bb7717315', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '39663fc179e11bb1dde2d11070a071ae2b6c983e', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '07ecb2a92ba7a8d96702cade6cea2352abd9b6ba', value: "3" }, "Cookie"), index.h("smoothly-item", { key: '199fd2229c654cce7219f1f443c92d0159f688d8', value: "4" }, "Croissant"), index.h("smoothly-item", { key: 'ca81d64043bed3518c468e9b7889106c28a6c9a3', value: "5" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'efbe12f1284be04fa9da11fb06f566ca4e3566f3', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '5f1f71f6e23c2c966774f2400acc19b05ab953ab', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: 'e05b5b2685a0e43751f543f2007250989f13998f', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '9e6dd82329905758ed38829b83d540d21b700970', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '9b0292116361e68bcb8565269d1c9887231769ba', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'f75d180a17e590e1c6d266f3d54fb14ba0583d77', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '70b55fca1ebf5d1ce143537d0ce0cb59eb1239d9', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '38593ddd022bf1b89e2a1f746bdb78ac25adfaf5', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '73817d432108c84097d89ae6343f4467c2c3dba5', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'a02780a198f189e67bd9afb876dfd40d48d8749e', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '6396739580e9c4641f89dfb7b0124a2286d7f80d', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '780d77499458aae22ef7a263254337863263d258', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: 'fe2015a62f5df7bf43f47b20970f44956090e515', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '3a3d3e369cafc3a5b4730c45410020edff3847aa', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '8ffb133d23c890286071965e4a81b4f0c1c7a40c', value: "folder", selected: true }, index.h("smoothly-icon", { key: '1c4258df5c53f0ea7131bbe7f70aa9a0763c590e', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '29b5bf212246c78ad291018ed913571d97c264d9', value: "camera" }, index.h("smoothly-icon", { key: 'e0c3ee87ca0e922c7791d0ec6122b82788d77b18', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: 'e1d10123cb5b1a787382817c07e10a3deb74ea34', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'c26862e531cb18e66740c61b29211040213acaee', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9630
9630
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9631
|
-
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '
|
|
9631
|
+
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '914bcb2ad740dead0f170ca65d6709ccc074da64', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'a0a19f995856bbed75facfd13e8678e2660a3f00', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: 'b204bf4e58d9e958caa858bef2e6c332d4380aac', value: "1" }, "January"), index.h("smoothly-item", { key: 'af992fa019db3145e771d99a9d8076ef4d29e8ff', value: "2" }, "February"), index.h("smoothly-item", { key: 'ad288e51d7da7b7e036c6c03e41e58ace1e9ebba', value: "3" }, "March"), index.h("smoothly-item", { key: '6eef09ea011660bc8f05890dc8e3b214162c1a8a', value: "4" }, "April"), index.h("smoothly-item", { key: 'b35f8c9936d3d889820a32a4952bc00d9e207777', value: "5" }, "May"), index.h("smoothly-item", { key: '6334d689acd1db1ff3371b83845e42fbed12cf97', value: "6" }, "June"), index.h("smoothly-item", { key: 'e0e6fd95341bc868cfb078c3084087ae1f7116b1', value: "7" }, "July"), index.h("smoothly-item", { key: 'e1d2110eb9ce3049fad072dbc7b3ee5fdd5417e0', value: "8" }, "August"), index.h("smoothly-item", { key: '67e1e2e03fe996d3513713777fc5fb173bde40f3', value: "9" }, "September"), index.h("smoothly-item", { key: '1d339f1b19f2837821e9ad1854ff91c6377a9b46', value: "10" }, "October"), index.h("smoothly-item", { key: 'f337d69b0cf691004026dcd1fd9fb6e05663e6ab', value: "11" }, "November"), index.h("smoothly-item", { key: '59e4f576d3682797d304af9de5b034874232edd8', value: "12" }, "December"))), index.h("h2", { key: '857f8038b0c7eba6cc1cdf809006602895bd50ce' }, "Duration"), index.h("smoothly-input", { key: '2fe4664cc1c0ccab14c73eace5e3245050ee42e6', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9632
9632
|
const duration = e.detail.duration;
|
|
9633
9633
|
this.duration = duration;
|
|
9634
|
-
} }, "Duration"), index.h("smoothly-input", { key: '
|
|
9634
|
+
} }, "Duration"), index.h("smoothly-input", { key: '4d2c766c08d7668dc950cdf0e79c2376e65cb10e', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9635
9635
|
const duration = e.detail.duration;
|
|
9636
9636
|
this.duration = duration;
|
|
9637
|
-
} }, "Duration"), index.h("h2", { key: '
|
|
9637
|
+
} }, "Duration"), index.h("h2", { key: 'ebe91cd09ac5eaf64582d32e2d19020e28a8e431' }, "Invalid text with warning icon and tooltip"), index.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"), index.h("h2", { key: '436d524f5d496de80f178eb48967707ef2c371cc' }, "Identifiers"), index.h("smoothly-input", { key: 'e81c1ea987dbae312c926b4c23e484d5224c369c', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: 'c8e035329dfce2d45feb2584dc9bdea751f780d6', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '0c601277a87d76107c59ff9ed9a972220c9ce8ae', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '02c6999478f3c1bba98afdde77a3d0423947ea4b', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '6192de09d6ee62b9a94f26d144edd0f31b9094fe', type: "identifier-camel" }, "Camel"), index.h("h2", { key: '031f9e449e3c161737d14f175b1c125bc7c42b23' }, "Input Alternatives"), index.h("smoothly-input", { key: '9d0ccf91ea643a35949fce4e127e4da41404d84c', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: 'b700bb685a07e1506639e01e2635a423b5082cd5', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '3e2556fb2f33499792dd69becf68a6042a7e4027', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '7020584ecc47e9e3ee55834f3340ae1a5fb31dd0', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'c32269531a2cce3ce8600884e33f477a804091a6', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '5807e5e4b0eafbf9a45fcd4612fadbdd2b1b1a84', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '6ad0ed7ca5fc6fbcadd643c956e83cf40b83c86d', placeholder: "test" }), index.h("smoothly-input-submit", { key: 'fefaf76c25fbca0e52c03b013db854215775278e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: 'a21b1ac255ec749e48b8f3600f50aa60742065af' }, "Smoothly checkboxes"), index.h("div", { key: '0f174810638970840571e784396f5386f9a728a1', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '4d3919ee270974bee934702b45c0e43fbf391991', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: 'e1947db3f4e0cb37b86621b532d5123e0de24a12', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '5db66f0e920a5ce03c9bf0c4829b042eae9adbc0', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '93b2170be8dbbe239e75079a45fe0d4acf3ed40a', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: 'e8ec74b50cf2be6e30a37e787a61e904df1b9154', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '7e44d27a76d61736ec42a2e8d8531132c5ac86b2', name: "third-checkbox" }, "3rd")), index.h("h4", { key: '3751c4486172886d76699dd0b4c2685201ef2c6a' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: '999bd3f7ebc3b66dad5dfcb419e3f89dc80efae0', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: '0df5464e535813443495fc3ea18310878697ce8b', name: "checkmark-circle", slot: "start" }), index.h("label", { key: '0561365fd4133d9cc73f3abb2c50970074fbb1ca', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'fa9180e66a63c3804c9d93976fd427cb6416c0ff', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '0aa37e8ac6dbb5796ae4bbdaa6b04990f6e627f8', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '1fa790e6efe4c1a4c3a647ab75fa1bd8ff5cd1f2', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '6f6470d0341663a35e904ce3a26a25b0ab357838', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '8971a429e5e231b283864c2a50c9a4d8e5026d3d', name: "radioSecondInput" }, index.h("label", { key: 'fceed2bb3cd4e69e3f5478cee6f9c31682470da1', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '285d7046af2ebe57f66932d843f2db35f2927c83', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '990ce64efece7e1f27572bb1ac983c7d695ab4bf', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '6367bbe2e7e5f80ec66854ce8e1d59cafd7e6006', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: 'd5ba0827aac67b46b29d0c6cd9ffffcaf3f75fa6', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '77f0e308ff8a0632005246f0f3d7cd39fa4720f9', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '9a50b5807b38dd21431e0bcfd7a741ae5f1f7858', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: 'a026639b8abb9a20214d26ef4e745104aab9f3b5' }), index.h("smoothly-input-color-demo", { key: 'a1d742e35900ee52300d94461e848182a811687c' }), index.h("smoothly-input-price-demo", { key: '13548eae0e3e92ab25cbab2dba88e771990feb2f' }), index.h("smoothly-back-to-top", { key: '7dd86bfc6d190cb82949d74faa1b7e76fa6443a0' }))));
|
|
9638
9638
|
}
|
|
9639
9639
|
};
|
|
9640
9640
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
9641
9641
|
|
|
9642
|
-
const styleCss$
|
|
9643
|
-
const SmoothlyInputDemoStandardStyle0 = styleCss$
|
|
9642
|
+
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}";
|
|
9643
|
+
const SmoothlyInputDemoStandardStyle0 = styleCss$Y;
|
|
9644
9644
|
|
|
9645
9645
|
const SmoothlyInputDemoStandard = class {
|
|
9646
9646
|
constructor(hostRef) {
|
|
@@ -9663,14 +9663,14 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9663
9663
|
}
|
|
9664
9664
|
render() {
|
|
9665
9665
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9666
|
-
return (index.h(index.Host, { key: '
|
|
9666
|
+
return (index.h(index.Host, { key: '784cd389b73ec998cfc33687554c6ce89652079d', class: { vertical: !!this.options.vertical } }, index.h("div", { key: '922dcb022d6102729c23cf6b3e4eb9d181104791', class: "description" }, index.h("h2", { key: '25394f0be9723506febc2d87d1fd5c4120b4ca39' }, "Input Standard"), index.h("p", { key: '062ca48b69560e7237a419f182bf77dd5d549698' }, "Height of input should be ", index.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."), index.h("smoothly-form", { key: '04bcc3858224312058187a41bfb6f99ca314aa44', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: '0d2abfaec915f58a4f43024fab1723d597fd2dc5', name: "looks" }, index.h("span", { key: 'ef60b294b701aedeb1540007cc0e6c4f7fc196e7', slot: "label" }, "Looks"), Looks.types.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-checkbox", { key: '49f2bf14f8ad5734097b0aa7e58b5216d803be62', name: "readonly" }, "Readonly"), index.h("smoothly-input-select", { key: 'b4da34fe37a43cc44a6f5a779740e793724fc446', name: "color" }, index.h("span", { key: '40ab845ccf5250bce39c7f70d76c093cffc93c26', slot: "label" }, "Color"), Scrollable.Color.types.map(c => (index.h("smoothly-item", { value: c }, index.h("span", { color: c }, c)))), index.h("smoothly-input-clear", { key: '4506d88ad3a4a4863b48ce00bca5b40d48204cb3', slot: "end" })), index.h("smoothly-input-checkbox", { key: '8d20deeda95a6afbbd75a4788963fe6cb21e34a0', name: "vertical" }, "Vertical Layout"), index.h("smoothly-input-checkbox", { key: 'fab8770e50db7c6263fe5dd8768c5a049e3005ad', name: "showLabel", checked: this.options.showLabel }, "Show Label"), index.h("smoothly-input-checkbox", { key: 'a3f6d6aced12a9d905f5b3f73530dc145735a17f', name: "placeholder", checked: this.options.placeholder }, "Placeholder"), index.h("smoothly-input-range", { key: '6685791a655b9de1499a1f738fc5197ecb9a67a0', label: "Border Radius (rem)", name: "borderRadius", value: this.options.borderRadius, min: 0, max: 2, step: 0.25 }))), index.h("div", { key: '1b4d02bdb4dc4c1e992eeb6040ae158e2748d50f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: '2608d0af230ddc45a5e305f5cd50306d7944f13f', class: "width" }, "100%"), index.h("div", { key: '2f86b418dc79ec24e6f76c8f66351dd5d06acb6d', class: "left-padding" }, "0.5rem - left padding"), index.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 && index.h("span", { key: 'df7abc3274a87b70abd7e440fc93f778e9e88d77' }, "Text"), index.h("smoothly-input-clear", { key: '88e2456ddb005705f7ba71cd60bec4cf9ee95f8d', slot: "end" })), index.h("div", { key: '44e12dede8311dd568518f72c42530b3ecfb66af', class: "height" }), index.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 && index.h("label", { key: '0cb0541a87e4dcca91ce0d80dafdba72f85b9e03', slot: "label" }, "Select"), index.h("smoothly-item", { key: 'e5b3071fea883db86b9e231f4b2c20732173536c', value: "1" }, "January"), index.h("smoothly-item", { key: '495795fabf01a9070b762cd66e5ed770f228bf4d', value: "2" }, "February"), index.h("smoothly-item", { key: 'faaac29a98b1ec33c26bdf5f6514a76412f32228', value: "3" }, "March"), index.h("smoothly-item", { key: 'b1426ae59bb51ade1e7dad20fb6e1949b3a5c0f8', value: "4" }, "April"), index.h("smoothly-item", { key: 'e9d3f4dfe7ee79709e5a8b290a7fd9518fde709e', value: "5" }, "May"), index.h("smoothly-item", { key: '4d4d17f2c6fc5bd16287bc4b61fc98e647745839', value: "6" }, "June"), index.h("smoothly-item", { key: 'bf85ab8cc41ce12e4f39128fc346354e90e4a818', value: "7" }, "July"), index.h("smoothly-item", { key: '4ac673d58a2720c0faa744d48d6396e3b1bde9dd', value: "8" }, "August"), index.h("smoothly-item", { key: '1d9f93d1104446b13c7acd9600d17644f1e1b0b3', value: "9" }, "September"), index.h("smoothly-item", { key: '4c7879c0c8f1fb4a1e5fffdac85d70fddbee6be1', value: "10" }, "October"), index.h("smoothly-item", { key: '39af8225cc806f8ecd6baef04179bd8641c4f45c', value: "11" }, "November"), index.h("smoothly-item", { key: '91181c350899880d8d557464eb2d73233a745725', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '38bf44afab753632846ae8f1e06da14396a069d2', slot: "end" })), index.h("div", { key: 'f3f4a148d023e69f350d584f676f3f9230d50b81', class: "height" }), index.h("smoothly-input-checkbox", { key: '04145e3352cb19b808b667bc7f915aa4ed11b139', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), index.h("div", { key: '9730c4383240e7dfd827f6363a51af1e20f2b0d2', class: "height" }), index.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 && index.h("label", { key: 'e352df7b302d99455e10aba7dec3c80c463c8d12', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: '1f64692c6c834c37ceb0a13ab68dc65468cba491', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '003bddef9a78f0380abd81a12c3588b52c5f3a96', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '4846a126e904c491bcb8377ee6a00911777d882e', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: 'b14968dc755270099340bfccf8a1909155fb9211', slot: "end" })), index.h("div", { key: 'cb18de85115b554d5e9d4e1490531a7083dd8a77', class: "height" }), index.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 && index.h("span", { key: '7fa640ef3e6db9e981dcab96857df59cec8e576d', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: 'c0a80dea47043e132bff876dddbdcf0283c7c998', slot: "end" })), index.h("div", { key: '29b5b4dbfc7b547cc6defb6dd3d7971d92d3a57e', class: "height" }), index.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 }, index.h("smoothly-input-clear", { key: '2927d9e4292279ffe1d3e0d430214764e3112535', slot: "end" })), index.h("div", { key: '76d623669ac24a878c40044d96182d84e8e9dddc', class: "height" }), index.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 && index.h("span", { key: 'b152d46dd05edd95214cd4bc00feda7e14102a92' }, "Color"), index.h("smoothly-input-clear", { key: '688575ba0e75c9fd8089a51618b3df6691e0b6d0', slot: "end" })), index.h("div", { key: 'a288a016a8aba3a666004d1745af57a9a49c4a84', class: "height" }), index.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 && index.h("span", { key: '3a738742111958ee0b4e520d3882bfc122f25764' }, "Date"), index.h("smoothly-input-clear", { key: '1eb81c4f1c3d838825d02cde5dab3ec1c778203b', slot: "end" })), index.h("div", { key: 'b2ef4db841230f6b80bc540c7f37ff1aeebb6cab', class: "height" }), index.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 && index.h("span", { key: 'd419575d64589b4b2817b90fd2ae4f0d3440880e' }, "Date Range"), index.h("smoothly-input-clear", { key: '3e305c54a0d42326b5eea572ce62f3dccb15cc6c', slot: "end" })), index.h("div", { key: '96094b6ec9150edb1f8c5a64f51b3646296be49c', class: "height" }), index.h("div", { key: '2bce35052b55dc97f8da3e995110cbb2a22fde28', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9667
9667
|
}
|
|
9668
9668
|
get element() { return index.getElement(this); }
|
|
9669
9669
|
};
|
|
9670
9670
|
SmoothlyInputDemoStandard.style = SmoothlyInputDemoStandardStyle0;
|
|
9671
9671
|
|
|
9672
|
-
const styleCss$
|
|
9673
|
-
const SmoothlyInputEditStyle0 = styleCss$
|
|
9672
|
+
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}";
|
|
9673
|
+
const SmoothlyInputEditStyle0 = styleCss$X;
|
|
9674
9674
|
|
|
9675
9675
|
const SmoothlyInputEdit = class {
|
|
9676
9676
|
constructor(hostRef) {
|
|
@@ -9702,13 +9702,13 @@ const SmoothlyInputEdit = class {
|
|
|
9702
9702
|
}
|
|
9703
9703
|
render() {
|
|
9704
9704
|
var _a;
|
|
9705
|
-
return (index.h(index.Host, { key: '
|
|
9705
|
+
return (index.h(index.Host, { key: 'c4187c46bdcb80dac6991e3b3e72cb04a1f019db', title: this.toolTip }, index.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) }, index.h("slot", { key: 'fcdc2c3e243dd00405415fc700a466a62e4b3c1a' }), index.h("smoothly-icon", { key: 'b653b0fb812c845b15d56096052e2672e019aadf', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9706
9706
|
}
|
|
9707
9707
|
};
|
|
9708
9708
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
9709
9709
|
|
|
9710
|
-
const styleCss$
|
|
9711
|
-
const SmoothlyInputFileStyle0 = styleCss$
|
|
9710
|
+
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}";
|
|
9711
|
+
const SmoothlyInputFileStyle0 = styleCss$W;
|
|
9712
9712
|
|
|
9713
9713
|
const SmoothlyInputFile = class {
|
|
9714
9714
|
constructor(hostRef) {
|
|
@@ -9816,7 +9816,7 @@ const SmoothlyInputFile = class {
|
|
|
9816
9816
|
}
|
|
9817
9817
|
render() {
|
|
9818
9818
|
var _a, _b, _c;
|
|
9819
|
-
return (index.h(index.Host, { key: '
|
|
9819
|
+
return (index.h(index.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) }, index.h("label", { key: '2d6bf1fa20f3fcdf481eacd8f8c70ea109b736cc' }, index.h("slot", { key: 'e0e1489ae90b378b32f295fda00d1152fee04d26', name: "label" })), index.h("div", { key: 'f27c32bfdfa5c6d13763e644efb968c71c4d12b4', class: "input" }, index.h("smoothly-button", { key: '6a62af23186cd52fdb03e28881aeba4177efbda3', color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: 'fe91571962e0f92b91cb8003717475707d09da59', name: "button" })), index.h("span", { key: '7130a835cd0994789df802bb8b6146928e9feb15' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '860c4a93cf0858bd933286f3c2e7ee0f71bb6118', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: '19023ba2c6091461988b4c3147199e04df3a973b', name: "document-attach-outline" })), index.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) })), index.h("div", { key: 'c1944bd9f359ac18bae5dad4bc045d5f2f19e346', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '425e766d0c38f8f758e8bd4a0b795f89511910df', name: "end" }))));
|
|
9820
9820
|
}
|
|
9821
9821
|
get element() { return index.getElement(this); }
|
|
9822
9822
|
static get watchers() { return {
|
|
@@ -9825,8 +9825,8 @@ const SmoothlyInputFile = class {
|
|
|
9825
9825
|
};
|
|
9826
9826
|
SmoothlyInputFile.style = SmoothlyInputFileStyle0;
|
|
9827
9827
|
|
|
9828
|
-
const styleCss$
|
|
9829
|
-
const SmoothlyInputMonthStyle0 = styleCss$
|
|
9828
|
+
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}";
|
|
9829
|
+
const SmoothlyInputMonthStyle0 = styleCss$V;
|
|
9830
9830
|
|
|
9831
9831
|
const SmoothlyInputMonth = class {
|
|
9832
9832
|
constructor(hostRef) {
|
|
@@ -9937,9 +9937,9 @@ const SmoothlyInputMonth = class {
|
|
|
9937
9937
|
}
|
|
9938
9938
|
render() {
|
|
9939
9939
|
var _a, _b;
|
|
9940
|
-
return (index.h(index.Host, { key: '
|
|
9940
|
+
return (index.h(index.Host, { key: '1943685acea16f3f7365d4726c155bb4c9f08a08' }, index.h("smoothly-icon", { key: '029ae9819e734d3abc9831387dedd0785eb9b682', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9941
9941
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
9942
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '
|
|
9942
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.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 }, index.h("div", { key: '41e72d8ce92de46f25a5a7fb4f3ce3199e13901c', slot: "label" }, index.h("slot", { key: '553a753f930ec75d6a22503caf8d9daa10bffac1', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.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 }, index.h("div", { key: '0008803d6e9729e35cf873dfcdeed8b85aa0ab63', slot: "label" }, index.h("slot", { key: '9a71e838cb19a0ebecf2bdf0d37910caec36b3a9', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: '74682dfc3b0108a34014cad5229d14bd7ececf51', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9943
9943
|
disabled: this.readonly || !this.allowNextMonth,
|
|
9944
9944
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
9945
9945
|
}
|
|
@@ -9952,8 +9952,8 @@ const SmoothlyInputMonth = class {
|
|
|
9952
9952
|
};
|
|
9953
9953
|
SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
|
|
9954
9954
|
|
|
9955
|
-
const styleCss$
|
|
9956
|
-
const SmoothlyInputPriceDemoStyle0 = styleCss$
|
|
9955
|
+
const styleCss$U = ".sc-smoothly-input-price-demo-h{display:block}";
|
|
9956
|
+
const SmoothlyInputPriceDemoStyle0 = styleCss$U;
|
|
9957
9957
|
|
|
9958
9958
|
const SmoothlyInputPriceDemo = class {
|
|
9959
9959
|
constructor(hostRef) {
|
|
@@ -9962,13 +9962,13 @@ const SmoothlyInputPriceDemo = class {
|
|
|
9962
9962
|
this.currency = "USD";
|
|
9963
9963
|
}
|
|
9964
9964
|
render() {
|
|
9965
|
-
return (index.h(index.Host, { key: '
|
|
9965
|
+
return (index.h(index.Host, { key: '9c6661ac8c89ced4284ae6b68958201d22211cd8' }, index.h("h2", { key: '7165928dd4c25bb176f5d596f2439100e18e04e1' }, "State demo on smoothly-input"), index.h("p", { key: 'af13231e44288235e7511982059c57aee82b3344' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: 'e238336b2827ea5ee5d9aadd057c3e472ec0348d' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: 'a36f517404fa3cc2a32a6c1a3f2e7bc3bf2845cb', name: "currency", onSmoothlyInput: e => (this.currency = TimeZone.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (index.h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: '5880eaca14ffeabea917edb4f1100b07e0a6b943', type: "price", currency: this.currency }, "price")));
|
|
9966
9966
|
}
|
|
9967
9967
|
};
|
|
9968
9968
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
9969
9969
|
|
|
9970
|
-
const styleCss$
|
|
9971
|
-
const SmoothlyInputRadioStyle0 = styleCss$
|
|
9970
|
+
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}";
|
|
9971
|
+
const SmoothlyInputRadioStyle0 = styleCss$T;
|
|
9972
9972
|
|
|
9973
9973
|
const SmoothlyInputRadio = class {
|
|
9974
9974
|
constructor(hostRef) {
|
|
@@ -10071,7 +10071,7 @@ const SmoothlyInputRadio = class {
|
|
|
10071
10071
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10072
10072
|
}
|
|
10073
10073
|
render() {
|
|
10074
|
-
return (index.h(index.Host, { key: '
|
|
10074
|
+
return (index.h(index.Host, { key: '922330dfeb58cc9bbd47acfda45b0cc727c2ee78', class: "floating-label" }, index.h("slot", { key: '7d84c2fcbda1d0b8b98bd3dfb2122854f8d4ba48', name: "start" }), index.h("div", { key: '0d170f8d4695171d2e2ee7224e502dbbf74fd2b8' }, index.h("slot", { key: 'ff9b06c3ac6e6d3d4866d22769a17b5f37fca91e', name: "label" }), index.h("div", { key: 'd1d39e3d5d4463d152f63e5b91a858342f621fd0', class: "options" }, index.h("slot", { key: 'd6931cfb09a492a962a45df852ddb7b76954866d' }))), index.h("slot", { key: 'd8b3b53070739d0da4fac4449d5b404df26eef93', name: "end" })));
|
|
10075
10075
|
}
|
|
10076
10076
|
get element() { return index.getElement(this); }
|
|
10077
10077
|
static get watchers() { return {
|
|
@@ -10081,8 +10081,8 @@ const SmoothlyInputRadio = class {
|
|
|
10081
10081
|
};
|
|
10082
10082
|
SmoothlyInputRadio.style = SmoothlyInputRadioStyle0;
|
|
10083
10083
|
|
|
10084
|
-
const styleCss$
|
|
10085
|
-
const SmoothlyInputRadioItemStyle0 = styleCss$
|
|
10084
|
+
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}";
|
|
10085
|
+
const SmoothlyInputRadioItemStyle0 = styleCss$S;
|
|
10086
10086
|
|
|
10087
10087
|
const SmoothlyInputRadioItem = class {
|
|
10088
10088
|
constructor(hostRef) {
|
|
@@ -10102,14 +10102,14 @@ const SmoothlyInputRadioItem = class {
|
|
|
10102
10102
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10103
10103
|
}
|
|
10104
10104
|
render() {
|
|
10105
|
-
return (index.h(index.Host, { key: '
|
|
10105
|
+
return (index.h(index.Host, { key: '002e26f56eaf8b6a5a1d82831ca8d6e75640c6b5', onClick: () => this.inputHandler() }, index.h("input", { key: 'cce7006d1e987923e10bc472f80d1b9d3eb94799', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: '92560203ac82ea5bc172ad2b928be1f127be7da6', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '3d3c5a6b68bce65f4556f9159542d42c3b0b5fd6' }, index.h("slot", { key: 'f69d8bf5a6bb8d25493ab82cd31ec46b5a576826' }))));
|
|
10106
10106
|
}
|
|
10107
10107
|
get element() { return index.getElement(this); }
|
|
10108
10108
|
};
|
|
10109
10109
|
SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
|
|
10110
10110
|
|
|
10111
|
-
const styleCss$
|
|
10112
|
-
const SmoothlyInputRangeStyle0 = styleCss$
|
|
10111
|
+
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}";
|
|
10112
|
+
const SmoothlyInputRangeStyle0 = styleCss$R;
|
|
10113
10113
|
|
|
10114
10114
|
const SmoothlyInputRange = class {
|
|
10115
10115
|
constructor(hostRef) {
|
|
@@ -10206,17 +10206,17 @@ const SmoothlyInputRange = class {
|
|
|
10206
10206
|
}
|
|
10207
10207
|
render() {
|
|
10208
10208
|
var _a, _b, _c;
|
|
10209
|
-
return (index.h(index.Host, { key: '
|
|
10209
|
+
return (index.h(index.Host, { key: 'f30307fb1bb01d0a1cbe061b729895d05e4d0a71', class: {
|
|
10210
10210
|
"output-side-right": this.outputSide === "right",
|
|
10211
10211
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10212
|
-
} }, index.h("slot", { key: '
|
|
10212
|
+
} }, index.h("slot", { key: 'ab94b178299760c8f203d1e1e06d3122db81ffbf', name: "start" }), index.h("div", { key: '66717b13b3025f6645bf9f58f4d3255787fcf162' }, index.h("label", { key: '1a8458d9a4fb5b17d3d05794d6b536de0cadd4e9', htmlFor: this.name }, this.label), index.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(),
|
|
10213
10213
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10214
10214
|
e.stopPropagation();
|
|
10215
10215
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10216
|
-
}, 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), index.h("smoothly-display", { key: '
|
|
10216
|
+
}, 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), index.h("smoothly-display", { key: 'facaa91f246feae01d65b14a2169a65130329686', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.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 => {
|
|
10217
10217
|
event.stopPropagation();
|
|
10218
10218
|
this.setValue(event.target.valueAsNumber);
|
|
10219
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '
|
|
10219
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '8a36e5c707c72ede4b326b9b6c17236235a0770c', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '47baf47817df9f2c93e4c65413bb2342b10a96e5', name: "end" })));
|
|
10220
10220
|
}
|
|
10221
10221
|
get element() { return index.getElement(this); }
|
|
10222
10222
|
static get watchers() { return {
|
|
@@ -10230,12 +10230,12 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10230
10230
|
index.registerInstance(this, hostRef);
|
|
10231
10231
|
}
|
|
10232
10232
|
render() {
|
|
10233
|
-
return (index.h(index.Host, { key: '
|
|
10233
|
+
return (index.h(index.Host, { key: 'd80b7d97e5938f89b114bd6cefe2379bd7d539ff' }, index.h("h2", { key: 'e130c40a42caf8099c73ddd602b4729dfcd6d6aa' }, "Range"), index.h("h3", { key: 'c250412bad7b95f15a82b697e458322b67a04bf8' }, "Phone Number"), index.h("smoothly-input-range", { key: '091a7a33a8e295785984bf44f25807e5e792161f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '5a5e3026b334ea2abb62dada30ca121b6c02bf65' }, "Stars out of ten"), index.h("smoothly-input-range", { key: '41402636155c1518d6d4e008743416d4146c2579', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: '7624a9d0ef702c6f3e9b8f254196bcccd92e278e' }, "Percent"), index.h("smoothly-input-range", { key: 'a2ca37d7755949003438c9370e74091862f42555', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: 'e492ba09bcba0cdaa2df72a1d1fc584a742f5090' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '0a69b9be845fd9150cd6159132ee4047f8da60b1', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '11a3f47010f5c2ae24328a154c861d3b2e72cc15', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '131a8a23a1333f7ddc8472675ec20b4154dac055', size: "icon", slot: "end" }))));
|
|
10234
10234
|
}
|
|
10235
10235
|
};
|
|
10236
10236
|
|
|
10237
|
-
const styleCss$
|
|
10238
|
-
const SmoothlyInputResetStyle0 = styleCss$
|
|
10237
|
+
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%)}";
|
|
10238
|
+
const SmoothlyInputResetStyle0 = styleCss$Q;
|
|
10239
10239
|
|
|
10240
10240
|
const SmoothlyInputReset = class {
|
|
10241
10241
|
constructor(hostRef) {
|
|
@@ -10276,7 +10276,7 @@ const SmoothlyInputReset = class {
|
|
|
10276
10276
|
}
|
|
10277
10277
|
render() {
|
|
10278
10278
|
var _a;
|
|
10279
|
-
return (index.h(index.Host, { key: '
|
|
10279
|
+
return (index.h(index.Host, { key: 'e866598d780286347fd99ae758bf3007b51d9b96', title: this.tooltip }, index.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) }, index.h("slot", { key: '324001fa4903bb6c2fba3320ef75393ca2a68c64' }), index.h("smoothly-icon", { key: '168b29242d33e6bc8f7dcf3dbe4068bca86adb5d', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10280
10280
|
}
|
|
10281
10281
|
};
|
|
10282
10282
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10297,8 +10297,8 @@ var Item;
|
|
|
10297
10297
|
Item.is = Item.type.is;
|
|
10298
10298
|
})(Item || (Item = {}));
|
|
10299
10299
|
|
|
10300
|
-
const styleCss$
|
|
10301
|
-
const SmoothlyInputSelectStyle0 = styleCss$
|
|
10300
|
+
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}";
|
|
10301
|
+
const SmoothlyInputSelectStyle0 = styleCss$P;
|
|
10302
10302
|
|
|
10303
10303
|
const SmoothlyInputSelect = class {
|
|
10304
10304
|
constructor(hostRef) {
|
|
@@ -10586,14 +10586,14 @@ const SmoothlyInputSelect = class {
|
|
|
10586
10586
|
this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10587
10587
|
}
|
|
10588
10588
|
render() {
|
|
10589
|
-
return (index.h(index.Host, { key: '
|
|
10589
|
+
return (index.h(index.Host, { key: '5b7c85699f51b843232ef7b355a33c3c5c96ed64', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '391926d97a5026dce32bdfb07be5b9dabc38f56b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '70720e567f0ba06f6ece6ae36b843f099e948a67', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '768e0485bdb18c93c72de159529e6e7121c7e619', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '03ecc5d50a13464e28185ac73279e9167a051768', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-icon", { key: '3707e5940fd443a28609f83d8697daad4aae4d16', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: '21fd05ee6339d7678394876cf3098f04be5cef51', name: "label" }), index.h("div", { key: 'e7c54a182d1f8764b27eae5473e580d0c0d06837', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("smoothly-item", { key: 'dd2f141af2770ed76cc395b9a280ecbee43d97ca', selectable: false }, index.h("smoothly-icon", { key: '852372b4c0e2a5d40bacabec4192bc45f0afbf5d', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'dae65bfcb83add2b1c37fe1104f8e9c4b52c68c3', name: "backspace-outline", size: "small", onClick: e => {
|
|
10590
10590
|
e.stopPropagation();
|
|
10591
10591
|
this.filter = "";
|
|
10592
10592
|
this.element.focus();
|
|
10593
|
-
} }), this.mutable && (index.h("smoothly-icon", { key: '
|
|
10593
|
+
} }), this.mutable && (index.h("smoothly-icon", { key: '1ea0a67803af3b863f5c753e99450d8ee6c7b0a4', name: "add", size: "small", onClick: e => {
|
|
10594
10594
|
e.stopPropagation();
|
|
10595
10595
|
this.addItem();
|
|
10596
|
-
} })))), index.h("slot", { key: '
|
|
10596
|
+
} })))), index.h("slot", { key: '25ee7f5852ac9d21ccf6e803e5a1d8869d2d8b3d' }), this.addedItems)));
|
|
10597
10597
|
}
|
|
10598
10598
|
get element() { return index.getElement(this); }
|
|
10599
10599
|
static get watchers() { return {
|
|
@@ -10614,8 +10614,8 @@ var Submittable;
|
|
|
10614
10614
|
Submittable.is = is;
|
|
10615
10615
|
})(Submittable || (Submittable = {}));
|
|
10616
10616
|
|
|
10617
|
-
const styleCss$
|
|
10618
|
-
const SmoothlyInputSubmitStyle0 = styleCss$
|
|
10617
|
+
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}";
|
|
10618
|
+
const SmoothlyInputSubmitStyle0 = styleCss$O;
|
|
10619
10619
|
|
|
10620
10620
|
const SmoothlyInputSubmit = class {
|
|
10621
10621
|
constructor(hostRef) {
|
|
@@ -10654,13 +10654,13 @@ const SmoothlyInputSubmit = class {
|
|
|
10654
10654
|
}
|
|
10655
10655
|
render() {
|
|
10656
10656
|
var _a, _b;
|
|
10657
|
-
return (index.h(index.Host, { key: '
|
|
10657
|
+
return (index.h(index.Host, { key: 'dcf2c85088947c0dc6f5e89492133563a3828d1d', title: this.toolTip }, this.delete == true ? (index.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() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.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() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
|
|
10658
10658
|
}
|
|
10659
10659
|
};
|
|
10660
10660
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
10661
10661
|
|
|
10662
|
-
const styleCss$
|
|
10663
|
-
const SmoothlyItemStyle0 = styleCss$
|
|
10662
|
+
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))}";
|
|
10663
|
+
const SmoothlyItemStyle0 = styleCss$N;
|
|
10664
10664
|
|
|
10665
10665
|
const SmoothlyItem = class {
|
|
10666
10666
|
constructor(hostRef) {
|
|
@@ -10696,7 +10696,7 @@ const SmoothlyItem = class {
|
|
|
10696
10696
|
: false;
|
|
10697
10697
|
}
|
|
10698
10698
|
render() {
|
|
10699
|
-
return (index.h(index.Host, { key: '
|
|
10699
|
+
return (index.h(index.Host, { key: '4496214f6929152ee69c108766f5069c12ac341b', tabIndex: -1 }, index.h("slot", { key: 'be282f9e111d5a681f08cd27c8b98d063cd8df2a' })));
|
|
10700
10700
|
}
|
|
10701
10701
|
get element() { return index.getElement(this); }
|
|
10702
10702
|
static get watchers() { return {
|
|
@@ -10705,8 +10705,8 @@ const SmoothlyItem = class {
|
|
|
10705
10705
|
};
|
|
10706
10706
|
SmoothlyItem.style = SmoothlyItemStyle0;
|
|
10707
10707
|
|
|
10708
|
-
const styleCss$
|
|
10709
|
-
const SmoothlyLabelStyle0 = styleCss$
|
|
10708
|
+
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}";
|
|
10709
|
+
const SmoothlyLabelStyle0 = styleCss$M;
|
|
10710
10710
|
|
|
10711
10711
|
const SmoothlyLabel = class {
|
|
10712
10712
|
constructor(hostRef) {
|
|
@@ -10717,15 +10717,15 @@ const SmoothlyLabel = class {
|
|
|
10717
10717
|
}
|
|
10718
10718
|
render() {
|
|
10719
10719
|
var _a;
|
|
10720
|
-
return (index.h(index.Host, { key: '
|
|
10720
|
+
return (index.h(index.Host, { key: '43fe16ebaa7bbc29415b7e32ca1d8a524d573989', title: this.description, style: {
|
|
10721
10721
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10722
|
-
} }, index.h("slot", { key: '
|
|
10722
|
+
} }, index.h("slot", { key: '3a12dd1b1780022a08bc21a542580a07d0d3ecd4' })));
|
|
10723
10723
|
}
|
|
10724
10724
|
};
|
|
10725
10725
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
10726
10726
|
|
|
10727
|
-
const styleCss$
|
|
10728
|
-
const SmoothlyLazyStyle0 = styleCss$
|
|
10727
|
+
const styleCss$L = ".sc-smoothly-lazy-h{display:block}";
|
|
10728
|
+
const SmoothlyLazyStyle0 = styleCss$L;
|
|
10729
10729
|
|
|
10730
10730
|
const SmoothlyLazy = class {
|
|
10731
10731
|
constructor(hostRef) {
|
|
@@ -10738,7 +10738,7 @@ const SmoothlyLazy = class {
|
|
|
10738
10738
|
this.show = true;
|
|
10739
10739
|
}
|
|
10740
10740
|
render() {
|
|
10741
|
-
return (index.h(index.Host, { key: '
|
|
10741
|
+
return (index.h(index.Host, { key: '2d06454e832d780979279d9125d049caf6bbbbc3' }, index.h("slot", { key: '5369abfe98a9c6b4152405908f3610aa451820a4', name: "before" }), index.h("smoothly-load-more", { key: '89f8af60faec0338c00047c5fa00166640590ddb', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: 'defa87bd198b7265dca41759fb5a51508dcdfcfa' })));
|
|
10742
10742
|
}
|
|
10743
10743
|
};
|
|
10744
10744
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10782,13 +10782,13 @@ const LoadMore = class {
|
|
|
10782
10782
|
}
|
|
10783
10783
|
}
|
|
10784
10784
|
render() {
|
|
10785
|
-
return index.h(index.Host, { key: '
|
|
10785
|
+
return index.h(index.Host, { key: '54a43e14bf0d37a774435917c1a93ad6458c33d2' });
|
|
10786
10786
|
}
|
|
10787
10787
|
get element() { return index.getElement(this); }
|
|
10788
10788
|
};
|
|
10789
10789
|
|
|
10790
|
-
const styleCss$
|
|
10791
|
-
const SmoothlyModalStyle0 = styleCss$
|
|
10790
|
+
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}";
|
|
10791
|
+
const SmoothlyModalStyle0 = styleCss$K;
|
|
10792
10792
|
|
|
10793
10793
|
const SmoothlyModal = class {
|
|
10794
10794
|
constructor(hostRef) {
|
|
@@ -10802,7 +10802,7 @@ const SmoothlyModal = class {
|
|
|
10802
10802
|
this.smoothlyModalChange.emit(this.open);
|
|
10803
10803
|
}
|
|
10804
10804
|
render() {
|
|
10805
|
-
return (index.h(index.Host, { key: '
|
|
10805
|
+
return (index.h(index.Host, { key: 'd9e159e312462b3d3e135005c9ca7a4b79185eb9', role: "alertdialog" }, index.h("div", { key: 'd534202354a2412331dbbf68f86ea8dc38a45002', class: "modal" }, index.h("div", { key: '50b7c7acefba7a6d5bd304f09fd38d6a4a3fccbe', class: "header" }, index.h("slot", { key: '418a8c84295c7541acad0a89b0dbdd7f39ed57b9', name: "header" }), this.closable && index.h("smoothly-icon", { key: 'fba5fbe0f58a56ec487da0aef4b71600cbe3e621', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), index.h("slot", { key: '1475235e478fe491f300ffbc5b2916f42d504aa1' }), index.h("div", { key: 'bcf6188af093fbfce98b03d258d28a886bb5ffba', class: "actions" }, index.h("slot", { key: 'c59c355e521ebdff33ea0e1d633c69b6d8f521aa', name: "actions" })))));
|
|
10806
10806
|
}
|
|
10807
10807
|
static get watchers() { return {
|
|
10808
10808
|
"open": ["openChanged"]
|
|
@@ -10810,41 +10810,60 @@ const SmoothlyModal = class {
|
|
|
10810
10810
|
};
|
|
10811
10811
|
SmoothlyModal.style = SmoothlyModalStyle0;
|
|
10812
10812
|
|
|
10813
|
-
const styleCss$
|
|
10814
|
-
const SmoothlyNextDemoStyle0 = styleCss$
|
|
10813
|
+
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}";
|
|
10814
|
+
const SmoothlyNextDemoStyle0 = styleCss$J;
|
|
10815
10815
|
|
|
10816
10816
|
const SmoothlyNextDemo = class {
|
|
10817
10817
|
constructor(hostRef) {
|
|
10818
10818
|
index.registerInstance(this, hostRef);
|
|
10819
10819
|
}
|
|
10820
10820
|
render() {
|
|
10821
|
-
return (index.h(index.Host, { key: '
|
|
10821
|
+
return (index.h(index.Host, { key: '94bc597af0c58d334bfb98f1bbfad967d1aa789b' }, index.h("smoothly-next-demo-filler-row-demo", { key: '8fd8de02d6d561dd4ad3e4556b5eff379c380855' }), index.h("smoothly-next-demo-group", { key: '3abf6df24d249cd929fa63518a710bcbe006d827' }), index.h("smoothly-next-demo-colspan", { key: '06148217f2c91705e5adb90eaac705c90f01c47b' }), index.h("smoothly-next-demo-simple", { key: 'fba35d70356fae3cd8c909d9801d2d56dd826bf6' }), index.h("smoothly-next-demo-nested", { key: 'a027dcf928e1bd00a5642be677a4be09477ba844' }), index.h("smoothly-next-table-demo-filtered", { key: '88b80c9e0bfc66e9e4efa07141cb52f592b857cf' })));
|
|
10822
10822
|
}
|
|
10823
10823
|
};
|
|
10824
10824
|
SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
|
|
10825
10825
|
|
|
10826
|
-
const styleCss$
|
|
10827
|
-
const SmoothlyNextDemoColspanStyle0 = styleCss$
|
|
10826
|
+
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}";
|
|
10827
|
+
const SmoothlyNextDemoColspanStyle0 = styleCss$I;
|
|
10828
10828
|
|
|
10829
10829
|
const SmoothlyNextDemoColspan = class {
|
|
10830
10830
|
constructor(hostRef) {
|
|
10831
10831
|
index.registerInstance(this, hostRef);
|
|
10832
10832
|
}
|
|
10833
10833
|
render() {
|
|
10834
|
-
return (index.h(index.Host, { key: '
|
|
10834
|
+
return (index.h(index.Host, { key: '488976738e54fe7baf9e74f42344fe7b1e98e3fb' }, index.h("smoothly-next-table", { key: '82a93a63188133f2d04ce24ef7b143f6fa2de4cd', columns: 3 }, index.h("smoothly-next-table-head", { key: '89bddc285955f8fc60f851d9b7684d844ad0aaca' }, index.h("smoothly-next-table-row", { key: 'b6bac346038a04cd1622456367180e7c7c35193f' }, index.h("smoothly-next-table-cell", { key: '44d8e9466d1c5176b74eafd80fdecce612f4f227' }, "Date"), index.h("smoothly-next-table-cell", { key: 'efb9740506adf2c568e3262ef740480acaf7a4c6' }, "Skip"), index.h("smoothly-next-table-cell", { key: 'b265b78176bce89426c64bef1359397f88d8e22b' }, "Total"))), index.h("smoothly-next-table-body", { key: 'df5616f10c1d5579dfa2d39406cacbc7980318fa' }, index.h("smoothly-next-table-row", { key: 'fc61d9e1bd606ab7067c1d02cd33f3464e372dbb' }, index.h("smoothly-next-table-cell", { key: '684dd628487396dab30035ff5c9496eb463f2dbc', span: 2 }, index.h("smoothly-display", { key: '0a2977c12d50e3969014be7653963ad77ac5edda', type: "date", value: "2024-01-01" })), index.h("smoothly-next-table-cell", { key: '9e58d24032d52652961a6a43d94b907eeb5f006b' }, index.h("smoothly-display", { key: '37c76375bccc7cd9cea03b8b1be97294eee42ab1', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-next-table-row", { key: '8c39aec297e4f7dd8ba768ce828f71a2ac7c0439' }, index.h("smoothly-next-table-expandable-cell", { key: 'c2911ffccca9d3f23fd158679a5a2892887dd50c', span: 2 }, index.h("smoothly-display", { key: 'f462fc5572f5b87bee43427a056878d27b895f0d', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: 'b032bba062c484b9b1c9328605444f308a39ef85', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-next-table-expandable-cell", { key: 'a25e49f7aaba75ecd1cd5223ac378cb9f8d44be7' }, index.h("smoothly-display", { key: '96fba2bc8dd413a449b68d2e10ab9c34eeb13148', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: '47ab93b1ad2ade9210be22892305329328763f57', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), index.h("smoothly-next-table-row", { key: '6e39d072882582b22a019473ae68a85fbac3b2e3' }, index.h("smoothly-next-table-cell", { key: '5984a3b8cd4dda298a40f2bec180a70f82421877' }, index.h("smoothly-display", { key: 'f1c278506c6aceb8ffec23191a5eb246cdef321b', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '60e4e11a34fea1b24eefa7de4474e5364ec73df7' }, "Not Skipped"), index.h("smoothly-next-table-cell", { key: '1d02c9cfc12335a59ba489f48d71de08bed55459' }, index.h("smoothly-display", { key: '954a2b7822d289678ff75c2fea90e92f69426b05', type: "price", value: 320, currency: "EUR" })))))));
|
|
10835
10835
|
}
|
|
10836
10836
|
};
|
|
10837
10837
|
SmoothlyNextDemoColspan.style = SmoothlyNextDemoColspanStyle0;
|
|
10838
10838
|
|
|
10839
|
-
const styleCss$
|
|
10840
|
-
const
|
|
10839
|
+
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}";
|
|
10840
|
+
const SmoothlyNextDemoFillerRowDemoStyle0 = styleCss$H;
|
|
10841
|
+
|
|
10842
|
+
const SmoothlyNextDemoFillerRowDemo = class {
|
|
10843
|
+
constructor(hostRef) {
|
|
10844
|
+
index.registerInstance(this, hostRef);
|
|
10845
|
+
this.cats = [];
|
|
10846
|
+
}
|
|
10847
|
+
async componentDidLoad() {
|
|
10848
|
+
window.setTimeout(() => {
|
|
10849
|
+
this.cats = undefined;
|
|
10850
|
+
}, 3000);
|
|
10851
|
+
}
|
|
10852
|
+
render() {
|
|
10853
|
+
return (index.h(index.Host, { key: 'b7e5fddaa2acf3e9f92f00cf90dca4701485dc47' }, index.h("smoothly-display", { key: '3d0e8e789be4d9c2b00bf0b5e86d122e70d87eca', type: "text", value: "Filler row" }), index.h("smoothly-next-table", { key: '5fc7d8d7fa92fc4d759d0e2dbf603432e2a967e6', color: "primary", columns: 4 }, index.h("smoothly-next-table-head", { key: '9e5d6762630530c3885d7bbf974dfbadb5fff225' }, index.h("smoothly-next-table-row", { key: 'd77fc3f96385f037859b82d64015695fd0b4317b' }, index.h("smoothly-next-table-cell", { key: '3ec5afafef17365a3e7d707d638c0af1e30df0ef' }, "Breed"), index.h("smoothly-next-table-cell", { key: 'ed0c6df720f0b3abb969297f745024a8284b39e6' }, "Country"), index.h("smoothly-next-table-cell", { key: 'b4003ba900cf958290b0fc6bdb72d33380e92e81' }, "Coat"), index.h("smoothly-next-table-cell", { key: 'e3a4f14716109b4dc52293248f2bff3287b437dd' }, "Origin"))), index.h("smoothly-next-table-body", { key: 'dbeaea2b089b7e27f4052e154505d26f486ce3cf' }, this.cats === undefined ? (index.h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (index.h("smoothly-next-table-filler-row", null, index.h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, a.breed), index.h("smoothly-next-table-cell", null, a.country), index.h("smoothly-next-table-cell", null, a.coat), index.h("smoothly-next-table-cell", null, a.origin)))))))));
|
|
10854
|
+
}
|
|
10855
|
+
};
|
|
10856
|
+
SmoothlyNextDemoFillerRowDemo.style = SmoothlyNextDemoFillerRowDemoStyle0;
|
|
10857
|
+
|
|
10858
|
+
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}";
|
|
10859
|
+
const SmoothlyNextDemoGroupStyle0 = styleCss$G;
|
|
10841
10860
|
|
|
10842
10861
|
const SmoothlyNextDemoGroup = class {
|
|
10843
10862
|
constructor(hostRef) {
|
|
10844
10863
|
index.registerInstance(this, hostRef);
|
|
10845
10864
|
}
|
|
10846
10865
|
render() {
|
|
10847
|
-
return (index.h(index.Host, { key: '6812f172370b2f33eff4df66ce64cba3ea507950' }, index.h("smoothly-display", { key: '34e7fcda101824ebc5c838fd8a86b6c0b53f4e6d', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: 'ad19427f7f4f5429852c813e96f558703f0d896a', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '5d6082020030f6f62061d4478c09f133937e6f9f' }, index.h("smoothly-next-table-row", { key: 'a6429aace4d69831d5dfbfa202edd32c2a0be838' }, index.h("smoothly-next-table-cell", { key: '67907d0e1f8b428f2e830a34e4431f94f2c31d92' }, "Date"), index.h("smoothly-next-table-cell", { key: '4fd987d8b36cb50c326f0a244e6aeed180c584cb' }, "Total"))), index.h("smoothly-next-table-body", { key: '08a6d5633c917d73b34bb1c3794ebb19cc58693c' }, index.h("smoothly-next-table-row-group", { key: '2ef152f2278b642de82a4419320e079d8bdf2917', align: true }, index.h("smoothly-display", { key: 'f0c7e2c271d99ecbeb3b02bb118b1770f90c788c', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '738562449da05e24eddaf2b1a8870eb77eb871f4', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: '6f2e6dd98f8ea4e8fe1fa0a5d89c65e040618e35' }, index.h("smoothly-next-table-cell", { key: '2033c732353e85743f88579d81e799fffbb8767a' }, index.h("smoothly-display", { key: '29caa5fd660855ce740b9a5e62030f7ddab88d75', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '8d52795adea316c6b0a6582a56b1506304362e0c' }, index.h("smoothly-display", { key: '54c0b7d38b5d001693909e40c835a905bf06f18e', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: 'afc33b08bdaa21b1c2b9718c6a3a20947ef4ccec', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '003bc5f38a5a893f2f175a167d36aacb4e66bf55' }, index.h("smoothly-next-table-cell", { key: '7679e43a33148cb91858ca51c1e003fefa54fbea' }, index.h("smoothly-display", { key: '323ed36c5717aa2744dc8a0e4dd2179b992be795', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '44f86caf0ab0eccc70b0daaeb61dd4a02673727d' }, index.h("smoothly-display", { key: '7a0385eda926bc3685c178bd90bc62e1c40609e1', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '2823addb8cb61d132f28fec06b201b669fe8a8df', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '49de0ac612ab238e713281237c302c6b2d3fb08b' }, index.h("smoothly-next-table-cell", { key: '17badf73bb16e2e2d032cfdc9c83242cf962fe90' }, index.h("smoothly-display", { key: '37e150c03c577e514d1ffa2d520e92252ccf08ce', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '6df8ac2e9838332a15eaad0e1b5fdf3385d11fe0' }, index.h("smoothly-display", { key: '3ef7763132aa6820b981f80c08670949126ce1e4', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: '5e52abbedd65ce832012b2851f866334d63f6ca4' }, index.h("smoothly-display", { key: '29a670d47bb52e16ffcf455ca2526172877901c6', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'aa1d996473e2ccdd5b9b808150538d8c6c3dbe4f', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '7270edcce4b824073f410b284a65e3bb88057f0c' }, index.h("smoothly-next-table-cell", { key: '8a25cb24a0794394c5a5a8bc95e2edb7efaa25f1' }, index.h("smoothly-display", { key: '22dc2fb4fd39a8647f88559cde0bb36b2a3d0d64', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'b09d3259d98629932d8f65ac5b7cf0b4b9eb69f5' }, index.h("smoothly-display", { key: '81f0c27f64cad92003cf51ab291a4c3633dc0d46', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '19164346935e3b584774e91f9339c0044fbb1125', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'ceb7e2376ad4572abe07e9a6a3dc032278583e7b' }, index.h("smoothly-next-table-cell", { key: 'af444c1d74c4b7698a9d475802340e8923841dbe' }, index.h("smoothly-display", { key: '6019baf37aed2aeab3acd6a801e05d2e416e8269', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '755825e84e1f80b5266ab4f212761b752c1a5f01' }, index.h("smoothly-display", { key: '5489a5f9482863aa3016af95e7bef41977f9a038', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '3e8c4bfb8d26f580bb0a67f16e6bdb0b3d24b0d2', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '1415ea3d2c7dbdbad280b377d34dd46c6d1f2d6b' }, index.h("smoothly-display", { key: '6968e1670f576d4f3d0aef3b55369e9bcad51a92', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: '3e4f458a90d9845f29ba2220e1d5ac54f4b0e83e' }, index.h("smoothly-next-table-cell", { key: '005d4bb9cf77c6776f58e48b7e09ae3e297dca41' }, index.h("smoothly-display", { key: '7f71630981bc0f89d99fc6ee9cc5231a6053a12f', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'cca41e35a46199eb5282b209b0d9dd40af0a40b7' }, index.h("smoothly-display", { key: 'c141ca1622aac2802fc9a6c2eadc6427f33ecddc', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'ee6f89969c77c83a545e7350016723efd15b6920', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'bd9fbcbab9f33fc30845cb6d6768483f6a5e3b4a' }, index.h("smoothly-next-table-cell", { key: 'f27f36c7ac11adf79cd434601a906b12927bf8ed' }, index.h("smoothly-display", { key: '5e167c7a000590aa9ad80d10df9c8a6700305ee1', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '4affa13546c2802454f88874ede921d609c9d1c2' }, index.h("smoothly-display", { key: '6e6d9f7fb5cc6978f16dae939d54a9a86e589088', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '2fb8b325d27a7491ec3350b66105bd46b2740057', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '28c5673d8e2b70ba2d46aa7b573b3e28f829a78d' }, index.h("smoothly-display", { key: '257db1a81e89f3ab4baeaca246e338a60733e044', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '2589b697446de13a1803a46555f538c8183a91ef' }, index.h("smoothly-next-table-cell", { key: '3242eac11e4baefe389723e5dfa01aea00b9bf4d' }, index.h("smoothly-display", { key: 'a9024aeffa7c484a641625141c5c503e2437694f', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '11abfc5a4c581cf603a2d177956dec6b9943785d' }, index.h("smoothly-display", { key: '59d018ad4bd98109206d36ad7506e7193b3b9e1b', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'e6e9bc6ab1dbd9a199aa8b9a0a6269d6879a8538', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '013fef3e59696278aaf3330cd3ff8fc8a74f8302' }, index.h("smoothly-next-table-cell", { key: '88994bcdaa43d1bc01f4b0bcf632899690403ad4' }, index.h("smoothly-display", { key: '34b22b944b032128277471dfed92934e774d74f4', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'a49b3e12ae016f2f1a7bca634e1640bf92880883' }, index.h("smoothly-display", { key: '63196fb68baa16350c0b21638332f34a7c0dfc05', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '0dd6f9e4b9779241ec1932dc31e1f24b885fb0ff', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '2c4118b69e01d8bbcbe70e4af42d852f81f0d1ed' }, index.h("smoothly-next-table-row-group", { key: '5279ebbaddc45369f9e4272b445816ea1413030e' }, index.h("smoothly-display", { key: '5aa00f2016608e3aa26a6141220160851dd8d13f', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '79aaf1e8096a00b62a90b6eae78da7c064e61d84', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '4577c1485bc26468c22d122b21d31f4bfdd2c374' }, index.h("smoothly-next-table-row", { key: 'cc10b4565c1967a119ac785fcb52be8c26af2672' }, index.h("fake-cell-wrapper", { key: '8825c2125fb69ba280c1d6aaba26f382a549be27' }, index.h("smoothly-next-table-cell", { key: 'ffcb5e9dcc8d4484052911432d702a81b998fe1b' }, index.h("smoothly-display", { key: 'ab21c5efd0cb92ca571cbb591cb75c985891c3c6', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: '2f236ad7a1ac83b3b0f4f2920f88a7876c46412e' }, index.h("smoothly-next-table-expandable-cell", { key: 'dde72163ce70689ecc2ade6feba3d73b120a84dd' }, index.h("smoothly-display", { key: 'a721d0ca5ecc6b1791dc718c9f4372325da7763d', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '4abba2a13db57cb8a7dadbebd00900ad633f67bf', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: '3a5f1574d5eb17004dd10b579a13e9002f216bdf' }, index.h("smoothly-next-table-expandable-row", { key: 'b6d9de9f3c3513fa225265c96162a4d23ad3f4f3' }, index.h("fake-cell-wrapper", { key: 'bbf2a862515fa0fcbcf375e57ece305bec73dad1', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '9f4623b7bd2e88ed451b28226fb5b714ae60e5e4', span: 2 }, index.h("smoothly-display", { key: '1dde9cab0330ab4233bf35a156d33d588f2fdef2', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: 'edcdd269b9acbbce57caa1bf30e25fdbd23f2d1d', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '1aa93e2c3a25258217f8675430797d343809d0b4' }, index.h("smoothly-display", { key: '6c5ab0e9a2b94add4883f1d905fea7a1cf49f39c', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '3e86daea52b5404e33e8a50ac11f9b2099f3c31a', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10866
|
+
return (index.h(index.Host, { key: '50990d73be1cd6318893424ea2901d9575278749' }, index.h("smoothly-display", { key: 'cad7130d42b49b1ea43e283f05d520b33254edf5', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: 'dcf17ca3297d21028d0393bdab7a2ea1f971e5ae', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '2c67568a9a173abbd2b3756894e1a3e70f9b608e' }, index.h("smoothly-next-table-row", { key: 'b58363e8326517c143272f25956b84a69c11253c' }, index.h("smoothly-next-table-cell", { key: 'f68c3a82f78eb2c67879bc6dfcc45b35610a72f0' }, "Date"), index.h("smoothly-next-table-cell", { key: 'b6304bf8973a03f47997492e172cbaa9d2761e58' }, "Total"))), index.h("smoothly-next-table-body", { key: 'f583f766e4c15c29b8225acd960337b93ac4eea3' }, index.h("smoothly-next-table-row-group", { key: '5f5072b02f1418c75fe77b389b19d983723d7bff', align: true }, index.h("smoothly-display", { key: '0818c87d396f3a8dcd40c779d228b40ccd62c831', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'b5268c3a67587d882762e7de8c99d7013d0f9ac6', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: 'e8e8fc31639846b6ace7f0d0f9a4163ab644f7cd' }, index.h("smoothly-next-table-cell", { key: '13d2957d6b7dd44d44de9758202104c098ab630f' }, index.h("smoothly-display", { key: '7a1e5d4803d37f6747ae019158fcbe44f3441042', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '9a1308ccd96980ae917f345e42c2e62e2db735b6' }, index.h("smoothly-display", { key: 'd531805061b189d96abe96509f740bf1b5ccedb6', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: 'a427f21436e5807e4ffbd9efca78c327e08fd624', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'e008506d4d12e706c72b284232da4cda7afb3f03' }, index.h("smoothly-next-table-cell", { key: '4c544d1a32f711db2bb8a9798a6e58b5480170af' }, index.h("smoothly-display", { key: '91e189550679cfc507bd8108182658e92df9f042', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '3d6d8489bb99c269dd88b13d499216367d7b5cd4' }, index.h("smoothly-display", { key: '76e52121772a52267e2ca70921b58cb59b961aa3', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '23d59420bdf3f82bdb7fea741cec15c107f7f8ec', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '97dd019ddfbfd005e222d186c880368ca658cc0a' }, index.h("smoothly-next-table-cell", { key: 'f18404c36a003f66fa5eb00c0eec0c1e5cf644dc' }, index.h("smoothly-display", { key: '7e7f77b76eb617f743bd8a255a02c86f29a7351a', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '3317e1165279e4a93cd213e34884ef55d4e5d53a' }, index.h("smoothly-display", { key: 'a4d0d1eca1c83029f78f16702d7f738106c763e9', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: 'd2f1137dda62dab911fdd6690d6d760ab2d60643' }, index.h("smoothly-display", { key: 'f170087c048d243c685afe67f27d541e2701c7d9', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'cb511500acd3fb53abfae8d88199692bb7aa2a9b', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'ad8cb41584b16ee23aa52e34cade38345b314281' }, index.h("smoothly-next-table-cell", { key: '33408dd848ab584413cd7c64880b1f817361731c' }, index.h("smoothly-display", { key: 'dae77240309f1a731d570baaa3aa3856005585aa', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'bf1e31851aa9f354fd950090b2ad9b672db23386' }, index.h("smoothly-display", { key: '2e1e0b8563e916a875612264caee20081f93348a', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '4aa54391330eac2a84870b987771cb6903933d27', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'bf7fa7fc4c1ca54ba78eb4770971ae2ff9313b07' }, index.h("smoothly-next-table-cell", { key: '81915b571eb00912ab9deff5c69d4e7522d11c15' }, index.h("smoothly-display", { key: '614dd017b7edb2bd7367e3b615fa949f5b50edf5', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '7b849ac4d8488518351897b3d0f333eb6b4be830' }, index.h("smoothly-display", { key: 'c3c5074b72015e200f633f263ed6f6506fd300d2', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'b04067d09f4a171155e1baeecced966398120819', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '94cad74d7c79346e07495a8d7b3fcd00490c48df' }, index.h("smoothly-display", { key: '0ec16bef252cab8012b9f2f69fa011b3768bef0b', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: '4c143ee46b5efc8d8dfc720df50f55e59d43386c' }, index.h("smoothly-next-table-cell", { key: 'b6a8519ed804175ecca17da468ea5d3f20d2852d' }, index.h("smoothly-display", { key: '7806823e7bbb1f3547b3b73f869b410bacff7a57', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '830a1ba9bcd6615f0d05d4874b3287fd73fbe1f8' }, index.h("smoothly-display", { key: 'f9b7779e883413b53e9f2a5b913b69ca5b425007', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'cc7c405861d7ed77d620bbe8b6cf1540c975f436', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '570e579b8a3a5b17b3d85f22a0f7fe5c8e4bc940' }, index.h("smoothly-next-table-cell", { key: 'de455ec3e04e89a965648ba4721377f5612ffa91' }, index.h("smoothly-display", { key: 'd88536cd48a20dd1be418cac3ae0e0a740585d23', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '669e3ef261279b98e33d4d3ce149e830e2e7d4fe' }, index.h("smoothly-display", { key: '9c7c80f5f17a66afc787e692543c8284befc45f3', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '50d6ccb0fee0fa56f682728cf89ca75942a9bb7f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'b6db5124c256703ef582c0215bdb408028841914' }, index.h("smoothly-display", { key: '5bce7403536b81aba7390a4ae1fa8621b856be17', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'af0b2819792a43f92957756f722b8973c57f7d2b' }, index.h("smoothly-next-table-cell", { key: 'cbaf2ade2f082baf140106d634101e8b7ad0647e' }, index.h("smoothly-display", { key: '3e19e0680b0e4c9814eabf2b814d2d12158cbfc6', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'ff68d6f3f2023577348f7c71707b7bc48e33ff1e' }, index.h("smoothly-display", { key: 'd3d75023d66bcd56b4d5a9ed55d1d953570d4b28', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '90a3a8a1c30b69bd50fe57242953b25297b7f5c6', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '2284db488ebdd42e2fa61ee37d5cbb8a6c7e46cf' }, index.h("smoothly-next-table-cell", { key: 'e5633b830f7c41eb132b81ca2522c7b823a5401f' }, index.h("smoothly-display", { key: 'a4045130286694745c142dbd4c1eb37bf00ce970', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '79d83acc27f98e9a9c8296c6fdb7cdbf95e258c7' }, index.h("smoothly-display", { key: 'da14c91e427a18d35e244f45c1857878eb00ea22', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '8eb8d39370453361a891c31afea45b8629dc27da', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: 'f367a8f4b92a8042bdcb56d1a39ca43d58e58c0d' }, index.h("smoothly-next-table-row-group", { key: '7244d470d2b80ea5027578b90bfa17b3050415b9' }, index.h("smoothly-display", { key: '9bb7aa531461a12b625a518f75aa07311c9844b5', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '1ca8970882a1f7bb63f3f1a694d3e92072e24f12', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '95d2aa05e325ab71568a12b38f311fa844a60e83' }, index.h("smoothly-next-table-row", { key: '44e03248f586b292856a367b4e1dda029d26819c' }, index.h("fake-cell-wrapper", { key: '7332bb06ea46a9ed7d787e433822de39e0940011' }, index.h("smoothly-next-table-cell", { key: 'ca6967a28a536bf04e93c5705b1029342d53cce5' }, index.h("smoothly-display", { key: '8c4a397aa36b3d0ed5816c8573001705bd4a6d6a', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'f323cc1ba343a5dbbc685a4f3327a9833cb8528c' }, index.h("smoothly-next-table-expandable-cell", { key: '9be5ecbc58ffaea9df225ed39f6afa86ec4d76fd' }, index.h("smoothly-display", { key: 'ff40fe7ee82eadee781fd70e0d299857c852b306', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '3f9ddb6539a657aba69ec57594b45e969005d992', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: 'a7b8bff9cad0fcdd2956a0a6c65b8b5d3d6ea65f' }, index.h("smoothly-next-table-expandable-row", { key: 'edd673a7e0e83d30609db14bb827fb4b30342dd0' }, index.h("fake-cell-wrapper", { key: 'e18ec7596dbdd0b72b27bda3996ca3b923310780', class: "span-2" }, index.h("smoothly-next-table-cell", { key: 'a8b7115d6c35c7a9db3fa90deeb0e5b9dc3f1162', span: 2 }, index.h("smoothly-display", { key: '8a136637026b468e0b8425a4b49cb8bc3cafd101', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '59bfa72e28f3f434785883016f4232e0025db51b', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '3743c169dc880ae363e5db7b04c04c64eca23923' }, index.h("smoothly-display", { key: '993b887ed16eb88a17d0e1e9f222f1bbed738a4e', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: 'd29d73bb6a489f6bd7650d63fc29e8dad24e02f1', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10848
10867
|
}
|
|
10849
10868
|
};
|
|
10850
10869
|
SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
|
|
@@ -11782,21 +11801,21 @@ const data$1 = [
|
|
|
11782
11801
|
},
|
|
11783
11802
|
];
|
|
11784
11803
|
|
|
11785
|
-
const styleCss$
|
|
11786
|
-
const SmoothlyNextDemoNestedStyle0 = styleCss$
|
|
11804
|
+
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}";
|
|
11805
|
+
const SmoothlyNextDemoNestedStyle0 = styleCss$F;
|
|
11787
11806
|
|
|
11788
11807
|
const SmoothlyNextDemoNested = class {
|
|
11789
11808
|
constructor(hostRef) {
|
|
11790
11809
|
index.registerInstance(this, hostRef);
|
|
11791
11810
|
}
|
|
11792
11811
|
render() {
|
|
11793
|
-
return (index.h(index.Host, { key: '
|
|
11812
|
+
return (index.h(index.Host, { key: '6f45ba3d08ff8f81b2ef62b5640f25709f448b2b' }, index.h("smoothly-display", { key: '4a7345a52a1c807672adf3b50f02fb97f89abcc2', type: "text", value: "Nested" }), index.h("smoothly-next-table", { key: '4c302b5c65a9733247fc2d1cdd9bd41e138d7e44', color: "primary", columns: 8 }, index.h("smoothly-next-table-head", { key: '437ced37b2e673a41465e972f087ff469687ca49' }, index.h("smoothly-next-table-row", { key: 'f0f3bede52424167e12827c7602597347154c14a' }, index.h("smoothly-next-table-cell", { key: 'c2a229850e779fb0eb794c7dffbfbe31de16f0e6' }, "Id"), index.h("smoothly-next-table-cell", { key: '95abb4ad3da59f8eb4a993c44359353138c5ec25' }, "Registered"), index.h("smoothly-next-table-cell", { key: '6ddeb0b629237482f79f78df826c8ff3e42b6eb8' }, "Name"), index.h("smoothly-next-table-cell", { key: '2f7f27bbd3ba3cd9c87d1578614e71c58aa34019' }, "Age"), index.h("smoothly-next-table-cell", { key: '7df3494eb5144e2734a4b65cf149d991f5b6d87b' }, "Balance"), index.h("smoothly-next-table-cell", { key: '6500cbbb190cc353e3b57134a937f114db357552' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: '1ea160ba0c66a094886c5a9260ac6c274b8a7e8e' }, "Gender"), index.h("smoothly-next-table-cell", { key: '60fc73228fba48a23675b946947df08c9761fa0e' }, "Company"))), index.h("smoothly-next-table-body", { key: '6212fcef9ac735060cbc7da453999622920d85d4' }, data$1.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.registered), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance), index.h("smoothly-next-table-cell", null, entry.eyeColor), index.h("smoothly-next-table-cell", null, entry.gender), index.h("smoothly-next-table-cell", null, entry.company))))), index.h("smoothly-next-table-foot", { key: 'edcffc020484601c4327de87bd927bcbed18ab63' }, index.h("smoothly-next-table-row", { key: 'a1b50341c273bd48448abb1e714d3f60de648e02' }, index.h("smoothly-next-table-cell", { key: '9e754ac9e7d054c368fa45a457faeae30b19f952' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '487f1951531eaa871130862282990a5e42af45f3' }, "Footer Cell"))))));
|
|
11794
11813
|
}
|
|
11795
11814
|
};
|
|
11796
11815
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
11797
11816
|
|
|
11798
|
-
const styleCss$
|
|
11799
|
-
const SmoothlyNextDemoNestedInnerStyle0 = styleCss$
|
|
11817
|
+
const styleCss$E = ".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
|
|
11818
|
+
const SmoothlyNextDemoNestedInnerStyle0 = styleCss$E;
|
|
11800
11819
|
|
|
11801
11820
|
const SmoothlyNextDemoNestedInner = class {
|
|
11802
11821
|
constructor(hostRef) {
|
|
@@ -11805,20 +11824,20 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11805
11824
|
}
|
|
11806
11825
|
render() {
|
|
11807
11826
|
var _a;
|
|
11808
|
-
return (index.h(index.Host, { key: '
|
|
11827
|
+
return (index.h(index.Host, { key: '05cd859b7de4e94ffd0eeadc546c7ab3e8eae84f' }, index.h("smoothly-next-table", { key: '45e4f3205cd69c4891024fb2c9f6382257e5f0d9', columns: 4 }, index.h("smoothly-next-table-head", { key: '123d645a74d7a8e4ed95fed0f96fd27161cda3be' }, index.h("smoothly-next-table-row", { key: '609b560b6c695b2c783fa06eac0d93eb22a69d86' }, index.h("smoothly-next-table-cell", { key: 'f2fa75b047055bd57c320736856190662bc539fb' }, "Id"), index.h("smoothly-next-table-cell", { key: 'be9f72e808c06b4e3aa8aab715bf656877f060a8' }, "Name"), index.h("smoothly-next-table-cell", { key: '274b4a3183f02f1afc89a03a1e67684aeeadfb25' }, "Age"), index.h("smoothly-next-table-cell", { key: 'ce88e8ab22bdb4978fd7732c3d7c32f1687dfbbf' }, "Balance"))), index.h("smoothly-next-table-body", { key: 'dbd57e39997d576694a671f3717f09d5b0cb6f07' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance))))))));
|
|
11809
11828
|
}
|
|
11810
11829
|
};
|
|
11811
11830
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
11812
11831
|
|
|
11813
|
-
const styleCss$
|
|
11814
|
-
const SmoothlyNextDemoSimpleStyle0 = styleCss$
|
|
11832
|
+
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}";
|
|
11833
|
+
const SmoothlyNextDemoSimpleStyle0 = styleCss$D;
|
|
11815
11834
|
|
|
11816
11835
|
const SmoothlyNextDemoSimple = class {
|
|
11817
11836
|
constructor(hostRef) {
|
|
11818
11837
|
index.registerInstance(this, hostRef);
|
|
11819
11838
|
}
|
|
11820
11839
|
render() {
|
|
11821
|
-
return (index.h(index.Host, { key: '
|
|
11840
|
+
return (index.h(index.Host, { key: '6d1faf2140fd3cd9b91a1408986b66a6851e6202' }, index.h("smoothly-display", { key: 'f44cb361da016755154f58597d3e562c469bef98', type: "text", value: "Simple" }), index.h("smoothly-next-table", { key: '6b7f1cdd4c0bc47218168ed590e6e7346b76d683', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: 'a610d37fbee559223cbe98c110e466238d87c324' }, index.h("smoothly-next-table-row", { key: 'c9fae115dbe7651868f5bd4318073a9759c24ff6' }, index.h("smoothly-next-table-cell", { key: 'c45867447e9b841042e284c629e19ba04b70c417' }, "Breed"), index.h("smoothly-next-table-cell", { key: '35dcd9272cb5894f208a1ad866bea255b483bfce' }, "Coat"))), index.h("smoothly-next-table-body", { key: 'b5d9920c99de8c46b001d7a490b7dd9320723b66' }, cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-next-table-expandable-row", { key: 'b210d2daba73749a45ebea00c56ebfebc8d73b35' }, index.h("div", { key: '39b8220d8183c3dc6a92e450e3f39b56d150a9c0', slot: "detail" }, "Content", index.h("br", { key: 'af39a196a8fef1a465ad3856476e73db84908d1e' }), "of", index.h("br", { key: '84b0a363d412a42adcbcfd10025ed8ec32c7e8b3' }), "the", index.h("br", { key: 'f20e09b3a39032793b194b3a0f33244acc340f6f' }), "expandable", index.h("br", { key: 'fcbc0439fcd18d8dff55924ae5d4575b66aa1f07' }), "row"), index.h("smoothly-next-table-cell", { key: '4d26d355ef5b4e5346861322142b962b8219c3d3' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: 'c51c11300fa1ad8c35c348fd212c54dabf69ce77' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: '0743a019b444d089fa2fd62f3e4bf5ce50dc9601' }, index.h("smoothly-next-table-cell", { key: '8d6bbff43de0e68b0b5e25905ba37ce134957076' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: '09eb9db1ca2a150f670d1088808f2ef6cbf1a14c' }, "Expandable Cell", index.h("div", { key: '5527d7f0e91ffdd329f6012572c9604c9f65d5e6', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: '09ee5fcf2728c0ad179b82222694586d2c82f31c' }, index.h("smoothly-next-table-expandable-cell", { key: 'd90b2f30238cb5ddca440b7c96fdc5319f0f83bb' }, "Expandable Cell 1", index.h("div", { key: '924a8cc64e8c72fd80e3021dcaafbb00b811b46d', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: 'b4fdaf309ea42dfe4ec7a2ddffdd6044f5f14f35' }, "Expandable Cell 2", index.h("div", { key: '50afed1a1702befb85a460c3e0325d132b0d19d3', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: '93789224b8bd1c92f816a52aba1f1fb70d460e35' }, index.h("smoothly-next-table-row", { key: '3c0047f157586363d0e419107fd7497110d06e6e' }, index.h("smoothly-next-table-cell", { key: '5cb399f63048cfdbceec5ee646d79a9f0e8b33ca' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '30422d37e33521914e2ef6fc9b16ac7a1ae379d3' }, "Footer Cell"))))));
|
|
11822
11841
|
}
|
|
11823
11842
|
};
|
|
11824
11843
|
const cats = [
|
|
@@ -11895,8 +11914,8 @@ const cats = [
|
|
|
11895
11914
|
];
|
|
11896
11915
|
SmoothlyNextDemoSimple.style = SmoothlyNextDemoSimpleStyle0;
|
|
11897
11916
|
|
|
11898
|
-
const styleCss$
|
|
11899
|
-
const SmoothlyNextTableStyle0 = styleCss$
|
|
11917
|
+
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))}";
|
|
11918
|
+
const SmoothlyNextTableStyle0 = styleCss$C;
|
|
11900
11919
|
|
|
11901
11920
|
const SmoothlyNextTable = class {
|
|
11902
11921
|
constructor(hostRef) {
|
|
@@ -11910,26 +11929,26 @@ const SmoothlyNextTable = class {
|
|
|
11910
11929
|
event.stopPropagation();
|
|
11911
11930
|
}
|
|
11912
11931
|
render() {
|
|
11913
|
-
return (index.h(index.Host, { key: '
|
|
11932
|
+
return (index.h(index.Host, { key: 'e538ea342947d71e09285019a9e38e778ecaa055', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'c2b934edc4f7d7fe82fd65d5db9814298a17bbc7' })));
|
|
11914
11933
|
}
|
|
11915
11934
|
};
|
|
11916
11935
|
SmoothlyNextTable.style = SmoothlyNextTableStyle0;
|
|
11917
11936
|
|
|
11918
|
-
const styleCss$
|
|
11919
|
-
const SmoothlyNextTableBodyStyle0 = styleCss$
|
|
11937
|
+
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))}";
|
|
11938
|
+
const SmoothlyNextTableBodyStyle0 = styleCss$B;
|
|
11920
11939
|
|
|
11921
11940
|
const SmoothlyNextTableBody = class {
|
|
11922
11941
|
constructor(hostRef) {
|
|
11923
11942
|
index.registerInstance(this, hostRef);
|
|
11924
11943
|
}
|
|
11925
11944
|
render() {
|
|
11926
|
-
return (index.h(index.Host, { key: '
|
|
11945
|
+
return (index.h(index.Host, { key: '9682721f6cc0a476fc5a90687dc20375c9a6dc15' }, index.h("slot", { key: '20a1b2d28665d19581a0cc8f226610b560af124f' })));
|
|
11927
11946
|
}
|
|
11928
11947
|
};
|
|
11929
11948
|
SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
|
|
11930
11949
|
|
|
11931
|
-
const styleCss$
|
|
11932
|
-
const SmoothlyNextTableCellStyle0 = styleCss$
|
|
11950
|
+
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}";
|
|
11951
|
+
const SmoothlyNextTableCellStyle0 = styleCss$A;
|
|
11933
11952
|
|
|
11934
11953
|
const SmoothlyNextTableCell = class {
|
|
11935
11954
|
constructor(hostRef) {
|
|
@@ -11938,7 +11957,7 @@ const SmoothlyNextTableCell = class {
|
|
|
11938
11957
|
}
|
|
11939
11958
|
render() {
|
|
11940
11959
|
var _a;
|
|
11941
|
-
return (index.h(index.Host, { key: '
|
|
11960
|
+
return (index.h(index.Host, { key: '9d004f7e7bdd32825a8bd8da70dcd3578f0cec8d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '12eb3e8385155eae52ad2ad8226e5645d755e2b7' })));
|
|
11942
11961
|
}
|
|
11943
11962
|
};
|
|
11944
11963
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -11981,8 +12000,8 @@ class Selector {
|
|
|
11981
12000
|
}
|
|
11982
12001
|
_Selector_selected = new WeakMap();
|
|
11983
12002
|
|
|
11984
|
-
const styleCss$
|
|
11985
|
-
const SmoothlyNextTableDemoFilteredStyle0 = styleCss$
|
|
12003
|
+
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}";
|
|
12004
|
+
const SmoothlyNextTableDemoFilteredStyle0 = styleCss$z;
|
|
11986
12005
|
|
|
11987
12006
|
const TableDemoFiltered$1 = class {
|
|
11988
12007
|
constructor(hostRef) {
|
|
@@ -12010,18 +12029,18 @@ const TableDemoFiltered$1 = class {
|
|
|
12010
12029
|
}
|
|
12011
12030
|
render() {
|
|
12012
12031
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12013
|
-
return (index.h(index.Host, { key: '
|
|
12032
|
+
return (index.h(index.Host, { key: '0dd432641c659d11a37f2cccf45cf2c98a33c79d' }, index.h("smoothly-display", { key: 'a8075e83e7d158d991a50434afda6d5e19753dcd', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: 'c35363824c3af0255adbaacf94c531623f4a4eda' }, index.h("smoothly-filter-toggle", { key: '206fe5173a1690ddb2d4e535660920548cec9894', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '2532caa64b20f1b37af1bb89ef1e5713f124d829', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '867c7453a5eb4b8907bfd6691347d70ea45fac0c', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '91d9763f9aeb845fb36daf4ab5eb32543698a7a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '14de2efc8309dbc7f151b4e015d5974a4e89ec1a', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, 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) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12017
|
-
})), index.h("div", { key: '
|
|
12036
|
+
})), index.h("div", { key: '1beb1c785eda697de92cfdec64acf0df46c1869d', slot: "detail" }, index.h("smoothly-form", { key: 'c79fa83df94c89b7f48b52b1bad4b28b5ba9c39f', looks: "border" }, index.h("smoothly-filter-select", { key: '965ecef6568e3496acc17daebb2ba88703292f88', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12018
12037
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12019
12038
|
var _a;
|
|
12020
12039
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12021
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12022
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '
|
|
12040
|
+
})), index.h("smoothly-filter-select", { key: 'c6e5b26bbe0cca9c62aaa1a693885a6e81dafba3', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12041
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'c09c1f2ad4a2cbf4a940d163cc5248d9309c333d', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
|
|
12023
12042
|
.flat()
|
|
12024
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '
|
|
12043
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '59e3e17c59829697530b1b05ed8c8cc58da1436e', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '691be43977e1095305539c619c20bd8a10d4b63e', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-next-table", { columns: 4 }, index.h("smoothly-next-table-head", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cats)), index.h("smoothly-next-table-cell", null, "Breed"), index.h("smoothly-next-table-cell", null, "Coat"), index.h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cat)), index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-next-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-next-table-foot", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
12025
12044
|
}
|
|
12026
12045
|
};
|
|
12027
12046
|
const names$1 = {
|
|
@@ -12032,8 +12051,8 @@ const names$1 = {
|
|
|
12032
12051
|
};
|
|
12033
12052
|
TableDemoFiltered$1.style = SmoothlyNextTableDemoFilteredStyle0;
|
|
12034
12053
|
|
|
12035
|
-
const styleCss$
|
|
12036
|
-
const SmoothlyNextTableExpandableCellStyle0 = styleCss$
|
|
12054
|
+
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))}";
|
|
12055
|
+
const SmoothlyNextTableExpandableCellStyle0 = styleCss$y;
|
|
12037
12056
|
|
|
12038
12057
|
const SmoothlyNextTableExpandableCell = class {
|
|
12039
12058
|
constructor(hostRef) {
|
|
@@ -12057,7 +12076,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12057
12076
|
}
|
|
12058
12077
|
render() {
|
|
12059
12078
|
var _a;
|
|
12060
|
-
return (index.h(index.Host, { key: '
|
|
12079
|
+
return (index.h(index.Host, { key: 'ba37ea969d4a1889fa849af07a406979e5d02938', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: '8725963b688b32a73e3c9b5ecfd38b8c54763239', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: 'ab4c0f43432ec2fa4fd2aff9f2589f7038c56b20' })), index.h("div", { key: 'e9ac1473fa4b04596a39fe2c3803292f3048c6cc', class: "detail" }, index.h("slot", { key: '9564c6614b09aaf75c26b039d5af3cc4a652fd07', name: "detail" }))));
|
|
12061
12080
|
}
|
|
12062
12081
|
static get watchers() { return {
|
|
12063
12082
|
"open": ["openChange"]
|
|
@@ -12065,8 +12084,8 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12065
12084
|
};
|
|
12066
12085
|
SmoothlyNextTableExpandableCell.style = SmoothlyNextTableExpandableCellStyle0;
|
|
12067
12086
|
|
|
12068
|
-
const styleCss$
|
|
12069
|
-
const SmoothlyNextTableExpandableRowStyle0 = styleCss$
|
|
12087
|
+
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))}";
|
|
12088
|
+
const SmoothlyNextTableExpandableRowStyle0 = styleCss$x;
|
|
12070
12089
|
|
|
12071
12090
|
const SmoothlyNextTableExpandableRow = class {
|
|
12072
12091
|
constructor(hostRef) {
|
|
@@ -12081,7 +12100,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12081
12100
|
this.smoothlyNextTableExpandableRowChange.emit(this.open);
|
|
12082
12101
|
}
|
|
12083
12102
|
render() {
|
|
12084
|
-
return (index.h(index.Host, { key: '
|
|
12103
|
+
return (index.h(index.Host, { key: '29cb2959c5b4cf938c83a5ae2615c09e66299b33', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: 'f4999f64111640f2fa8c6fc969d6ae92a2981465' }), index.h("div", { key: '0c06f4f1b9a98fb4f4dac272f26e6331050e3488', ref: e => (this.div = e) }, index.h("slot", { key: 'ce4f7656f53227207e56f172fe82ae439d2e8174', name: "detail" }))));
|
|
12085
12104
|
}
|
|
12086
12105
|
static get watchers() { return {
|
|
12087
12106
|
"open": ["openChange"]
|
|
@@ -12089,6 +12108,19 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12089
12108
|
};
|
|
12090
12109
|
SmoothlyNextTableExpandableRow.style = SmoothlyNextTableExpandableRowStyle0;
|
|
12091
12110
|
|
|
12111
|
+
const styleCss$w = ".sc-smoothly-next-table-filler-row-h{grid-column:1 / -1}";
|
|
12112
|
+
const SmoothlyNextTableFillerRowStyle0 = styleCss$w;
|
|
12113
|
+
|
|
12114
|
+
const SmoothlyNextTableFillerRow = class {
|
|
12115
|
+
constructor(hostRef) {
|
|
12116
|
+
index.registerInstance(this, hostRef);
|
|
12117
|
+
}
|
|
12118
|
+
render() {
|
|
12119
|
+
return (index.h("smoothly-next-table-row", { key: '211cfeba371ca4ee5905505f45d5ed25fc5253bd' }, index.h("smoothly-next-table-cell", { key: '87192ce89b687d0d398cf809c94b1f80ff873481' }, index.h("slot", { key: '8a77e996c452fe868d8c91908b4c5beb9f6c2658' }))));
|
|
12120
|
+
}
|
|
12121
|
+
};
|
|
12122
|
+
SmoothlyNextTableFillerRow.style = SmoothlyNextTableFillerRowStyle0;
|
|
12123
|
+
|
|
12092
12124
|
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))}";
|
|
12093
12125
|
const SmoothlyNextTableFootStyle0 = styleCss$v;
|
|
12094
12126
|
|
|
@@ -12097,7 +12129,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
12097
12129
|
index.registerInstance(this, hostRef);
|
|
12098
12130
|
}
|
|
12099
12131
|
render() {
|
|
12100
|
-
return (index.h(index.Host, { key: '
|
|
12132
|
+
return (index.h(index.Host, { key: 'b50e853324f3576d8c42db922492655977b8ba09' }, index.h("slot", { key: 'be08a0c8690aea39a3d4b5196820f9a140fcf60e' })));
|
|
12101
12133
|
}
|
|
12102
12134
|
};
|
|
12103
12135
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -12128,7 +12160,7 @@ const SmoothlyNextTableHead = class {
|
|
|
12128
12160
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12129
12161
|
}
|
|
12130
12162
|
render() {
|
|
12131
|
-
return (index.h(index.Host, { key: '
|
|
12163
|
+
return (index.h(index.Host, { key: 'cc10cca9cae2a4f3c07b0adaec5c9767ba441af1', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '0e1af29f2102da8bf0b77b2e8bd7e9d88837b938' })));
|
|
12132
12164
|
}
|
|
12133
12165
|
get element() { return index.getElement(this); }
|
|
12134
12166
|
};
|
|
@@ -12152,7 +12184,7 @@ const SmoothlyNextTableRow = class {
|
|
|
12152
12184
|
event.target != cell && cell.close();
|
|
12153
12185
|
}
|
|
12154
12186
|
render() {
|
|
12155
|
-
return (index.h(index.Host, { key: '
|
|
12187
|
+
return (index.h(index.Host, { key: 'd7fc121c62652f1491e330a666d2bd5557790c18' }, index.h("slot", { key: '9d120acc32de56c2a5f5ac61cfee1f8be9817487' })));
|
|
12156
12188
|
}
|
|
12157
12189
|
};
|
|
12158
12190
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -12172,7 +12204,7 @@ const SmoothlyNextTableRowGroup = class {
|
|
|
12172
12204
|
this.smoothlyNextTableRowGroupChange.emit(this.open);
|
|
12173
12205
|
}
|
|
12174
12206
|
render() {
|
|
12175
|
-
return (index.h(index.Host, { key: '
|
|
12207
|
+
return (index.h(index.Host, { key: '46c43047d6c0de20c62addd8a1cd7e63db13ffbb' }, index.h("div", { key: '6d3b2f2f2d4213aabf9e8b6d46b3903617db9592', onClick: () => this.clickHandler() }, index.h("div", { key: '7a909ce4d5cf9c7ccb00fbe272d60dc5beb87308' }, index.h("slot", { key: '548eda3f71aa5538df606ba773264ccd12ad42a4', name: "start" })), index.h("div", { key: 'fd430f4c06a64a6b06edc8ff40a944a88576f95c' }, index.h("slot", { key: 'ab4ee6fc8a7ba2e027c02cec7e2d2e48214e9cd6', name: "end" }))), index.h("div", { key: 'e9fba16de8010a2c0592da142f38ee1627db9444' }, index.h("slot", { key: 'e6ac909ab9bf77bd335e4a0978ab341ccf5c69c1' }))));
|
|
12176
12208
|
}
|
|
12177
12209
|
};
|
|
12178
12210
|
SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
|
|
@@ -12232,7 +12264,7 @@ const Notification = class {
|
|
|
12232
12264
|
this.onUpdatedNotice(this.notice);
|
|
12233
12265
|
}
|
|
12234
12266
|
render() {
|
|
12235
|
-
return (index.h(index.Host, { key: '
|
|
12267
|
+
return (index.h(index.Host, { key: 'e216407a367c285f871948d03535b6cb795036ca', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: 'dcf2051fb4a5f74279ac49b7448e11a12955aafd', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '09732f7a1a6f51d5901760a9fb7b94fcde3ec011', name: "close-circle-outline" }))), index.h("span", { key: '14e3c71160c4c76fba4d0a23d970a173a8a8bc5c', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: 'efeacaf8248a6446131d490850d5d12d56d9b03a', name: this.properties[1] }), index.h("p", { key: 'bd8f8b547124a0f8a2e9761232d7a8f0470e71d8' }, this.notice.message))));
|
|
12236
12268
|
}
|
|
12237
12269
|
static get watchers() { return {
|
|
12238
12270
|
"notice": ["onUpdatedNotice"]
|
|
@@ -12257,8 +12289,8 @@ const Notifier = class {
|
|
|
12257
12289
|
}
|
|
12258
12290
|
render() {
|
|
12259
12291
|
return [
|
|
12260
|
-
index.h("slot", { key: '
|
|
12261
|
-
index.h("aside", { key: '
|
|
12292
|
+
index.h("slot", { key: '5b7fc348c402eee0f390218c752e803d26c0368a' }),
|
|
12293
|
+
index.h("aside", { key: '528784db32ff417d61a9d03d5668c0fb57e95e99' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
12262
12294
|
];
|
|
12263
12295
|
}
|
|
12264
12296
|
};
|
|
@@ -12275,9 +12307,9 @@ const SmoothlySpinner = class {
|
|
|
12275
12307
|
}
|
|
12276
12308
|
render() {
|
|
12277
12309
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12278
|
-
return (index.h(index.Host, { key: '
|
|
12310
|
+
return (index.h(index.Host, { key: '02234f694a53180285ade8d8fc3f7654ba224875', style: {
|
|
12279
12311
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12280
|
-
} }, index.h("svg", { key: '
|
|
12312
|
+
} }, index.h("svg", { key: 'e7dc6e32f24abdcfca960a735971232a4eb8bd5d', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'fc02245c37f77cb67288473fc3b9b16634e394ed', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12281
12313
|
}
|
|
12282
12314
|
};
|
|
12283
12315
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12310,7 +12342,7 @@ const SmoothlySubmit = class {
|
|
|
12310
12342
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12311
12343
|
}
|
|
12312
12344
|
render() {
|
|
12313
|
-
return (index.h(Button, { key: '
|
|
12345
|
+
return (index.h(Button, { key: '2fde8c38033bc1494fa746a8556158ccd52a4c17', disabled: this.disabled, type: this.type }, index.h("slot", { key: '05b575eeb3525cf92656ceab8bece00899e12a14' })));
|
|
12314
12346
|
}
|
|
12315
12347
|
};
|
|
12316
12348
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12345,7 +12377,7 @@ const SmoothlySummary = class {
|
|
|
12345
12377
|
}
|
|
12346
12378
|
}
|
|
12347
12379
|
render() {
|
|
12348
|
-
return (index.h("details", { key: '
|
|
12380
|
+
return (index.h("details", { key: 'f3597a49f47f553cc5f46da28d789978d36a4d22', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: 'cdf10be26df6f09a1e46786bcced58b6e9165d78' }, index.h("smoothly-icon", { key: '5e58cc500b5252a27df6f873e0dfedd944927521', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: '6e896b1f8929e201a12985dcc1a88d35cee47e25', name: "summary" })), index.h("slot", { key: 'f00d7da9d776ee0f6557fdda164e74940c85a175', name: "content" })));
|
|
12349
12381
|
}
|
|
12350
12382
|
};
|
|
12351
12383
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12386,7 +12418,7 @@ const SmoothlyTab = class {
|
|
|
12386
12418
|
}
|
|
12387
12419
|
}
|
|
12388
12420
|
render() {
|
|
12389
|
-
return (index.h(index.Host, { key: '
|
|
12421
|
+
return (index.h(index.Host, { key: 'd9c5ab54349e8aba1eab236e8e274db072c14924' }, index.h("div", { key: '7fe71ac5dc41adfbdd9af2e7e5b43495262a5890' }, index.h("label", { key: '4a5db95950b0e2a35d5bee4607808378e2f7548d' }, this.label)), index.h("div", { key: '6bee7214a5ba12fb50e38d5e7c6585d8890a8930', hidden: !this.open }, index.h("slot", { key: '731c5480b03f78ea0aaacd6e909dc03347882200' }))));
|
|
12390
12422
|
}
|
|
12391
12423
|
static get watchers() { return {
|
|
12392
12424
|
"open": ["openHandler"]
|
|
@@ -12437,7 +12469,7 @@ const Table = class {
|
|
|
12437
12469
|
event.stopPropagation();
|
|
12438
12470
|
}
|
|
12439
12471
|
render() {
|
|
12440
|
-
return [index.h("slot", { key: '
|
|
12472
|
+
return [index.h("slot", { key: '265b3acc3c6bd631813f524ed66f60a155031364' })];
|
|
12441
12473
|
}
|
|
12442
12474
|
get element() { return index.getElement(this); }
|
|
12443
12475
|
};
|
|
@@ -12451,7 +12483,7 @@ const TableCell = class {
|
|
|
12451
12483
|
index.registerInstance(this, hostRef);
|
|
12452
12484
|
}
|
|
12453
12485
|
render() {
|
|
12454
|
-
return (index.h(index.Host, { key: '
|
|
12486
|
+
return (index.h(index.Host, { key: 'ac78d1264d3074622109881d6269d38e6ae9f228' }, index.h("div", { key: '6e7125efa83e7cfe99055448b32cc474a308bac9' }, index.h("div", { key: 'b2f78cd942b6bd3bd2f15d3194057e1f30ab722e' }, index.h("slot", { key: 'ff81af420892bef3070f662d0842ce80beea22f0' })), index.h("smoothly-icon", { key: '8c8e37697ea4ee6c2b7c5431729eb221bc2830c9', name: "caret-forward-outline", size: "tiny" }))));
|
|
12455
12487
|
}
|
|
12456
12488
|
};
|
|
12457
12489
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12464,7 +12496,7 @@ const TableDemo = class {
|
|
|
12464
12496
|
index.registerInstance(this, hostRef);
|
|
12465
12497
|
}
|
|
12466
12498
|
render() {
|
|
12467
|
-
return (index.h(index.Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, index.h("h4", { key: '6c2693b2a15e519fdfeaaad2babcc5a692d1df92' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '7370339c630782920d4ea3f87d9ca2a9fed09300', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: 'ec5ddba9aab436b3ea95416de3253c96f2619c39' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: '6aa1c41adfa38ae2a28fdae872105000feebae48' }), " ", index.h("h4", { key: '939935ca5079dbb902054281239160cc8043ba61' }, "Demo table 3"), index.h("smoothly-table", { key: 'd6dd1dcd03f7a8536dd35d947875b123868f363c' }, index.h("smoothly-table-row", { key: '44b5a11d7a6a946caf0026e987a7aecab47a46ba' }, index.h("smoothly-table-header", { key: '5c82e46165bfc38e1da1c9bf16a7c622cdc1cbb2' }, "Header A"), index.h("smoothly-table-header", { key: '9793a61c1baa8ed1a05385d8ba6d5ecc8feabca8' }, "Header B"), index.h("smoothly-table-header", { key: '2fdcec65ab24358281cec2f9a234b20320fe7310' }, "Header C"), index.h("smoothly-table-header", { key: 'be4f0c72552082bf4db899dcdc7c817e613b525d' }, "Header D")), index.h("smoothly-table-row", { key: '685202c84404570268fe43b9d15bded227d21412' }, index.h("smoothly-table-expandable-cell", { key: '0c9a6e9f61e686a12ef51ddfd5573951838ffe08' }, "normal row (exp.cell)", index.h("div", { key: '9cf941c6bd38cc9da27da2ec2003587a9d61245c', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '44f09c71e18c1dea662b7536e1b85e774e60b3fa' }, "expandable cell", index.h("div", { key: '7cc27d884ef807845990859b6220bbc3a00e0f74', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '39ac19023b51b98928685c28453a62c175ece490' }, "expandable cell", index.h("div", { key: '1feb7f59580a2d3236a754acaf3736c4b12a3522', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '4596552b8df58fa0fd7163db0e3dfa2ab8830a01' }, "expandable cell", index.h("div", { key: '322cc72dffa047c63de26e76415b6405acb9c37f', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: 'b302f6bad02d9ff463f4d6d341f27b17839fbcdb' }, index.h("smoothly-table-cell", { key: 'f53be8bf1ac7d14b00f7d6d5ddce430e966df180' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: '8daf7d43483e973e62d10f189b4c9c340fce78b8' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '56d7c49a27529332278fc39e87c2882f311fe245' }, "expandable cell", index.h("div", { key: 'bff87d82c49e2e67863d6993d93a261d2eec6a13', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '53bfb99470e8de53b6ca24dd1ecfafbe0e74680f' }, "expandable cell", index.h("div", { key: '1a708007780b119386020462e0c76f6accdaa789', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: 'e18677d9c3a94f4836a10a536632ffc70f51b283' }, index.h("smoothly-table-cell", { key: '7f978bf73194847f9febf4aaac80134ffcebb58d' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: 'd528b2a72ddd039c82fdabd4e8851f7944e19f96' }, "Normal cell"), index.h("smoothly-table-cell", { key: '6b0b4d3f30b31a95133defff1c1c02dba990b723' }, "normal cell"), index.h("smoothly-table-cell", { key: 'e0539d8af66a3ae4d17fd5ef02967dfda589b38c' }, "Normal cell"), index.h("div", { key: 'f49755576fda95ee0348da9e24169bd2bff01142', slot: "detail" }, "expandable row content"))), index.h("h4", { key: 'ba5f2843a357a782b0347d475ee4dd5360572813' }, "Demo table 4"), index.h("smoothly-table", { key: '181ad9a0c236503c1288ff3e371e1fe323154cd0' }, index.h("smoothly-table-row", { key: 'a9dc6f2fb604e9f07355c87fc5ae13e45daefea2' }, index.h("smoothly-table-header", { key: '1bd1d0e1549da881ce3040f6c927816455089259' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: 'c119128d0589bf3b771d8165ee358a547650e51a' }, "Header expansion", index.h("div", { key: 'd0428eba89739b88956fb71a68be68c610b3861e', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: 'a54c5b76e8e8db3b63af0a98ec58a955bbf48a60' }, index.h("smoothly-table-cell", { key: 'e8a46e0600bed42f94985bcf09d7581a9f5f8f5b' }, "A Content"), index.h("smoothly-table-cell", { key: '3941e1804625493e3e17963d83ab81f483072f0c' }, "Expansion cell"), index.h("div", { key: '4df8506a7bafd4cfd53a328d8c68f93f017e99f4', slot: "detail" }, index.h("smoothly-tab-switch", { key: '098ad77004c72f3fd0fbdd43364ae44a99aa1d96' }, index.h("smoothly-tab", { key: '626f48ff879c4fa885c370b2635ecb19a20c5f28', label: "innertable 1", open: true }, index.h("smoothly-table", { key: 'd010ef824f9e9881871cd58748f9099d2ad9a33c' }, index.h("smoothly-table-row", { key: 'eabd83af25882bbd229998ea5e1f4c521206fba7' }, index.h("smoothly-table-header", { key: 'fc2c448bc2a04e81b51b21eba3df60316506b23c' }, "Header B")), index.h("smoothly-table-expandable-row", { key: 'ba8fadbebcf9171a41d49c5cb90c5ecfa29cd9aa' }, "B Content"))), index.h("smoothly-tab", { key: 'ba476cffc2b17330cbf507c61fb5b834297c1547', label: "innertable 2" }, index.h("smoothly-table", { key: '3d25f6dea0616e0319de7b5dd61dba63b977babf' }, index.h("smoothly-table-row", { key: '792b9a85a866175b6bbbe1f2aa8056d614b59212' }, index.h("smoothly-table-header", { key: 'f7d5eecb605554b95c6df5fafbce00ea69cac00b' }, "Header C")), index.h("smoothly-table-expandable-row", { key: 'ac614f28e0c29a952f5cc9915568a57deba9409a' }, index.h("smoothly-table-cell", { key: '997018995ca3b0e127e1e58f60ac51a03b5a1d17' }, "C Content"))))))), index.h("smoothly-table-row", { key: 'cdae56eb4afb25d3ed32d2c4dd3a9593b60d58f9' }, index.h("smoothly-table-cell", { key: '9dbb1105388962d101bd18aef1ed79c57baf017b' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: 'ea35ad9b5073c97d68f31c9d825e5d751e8a09ab' }, "Expandable cell", index.h("div", { key: '2eadd761c83b837d097194ab38d37668e6b57367', slot: "detail" }, "Expansion content")))), index.h("h4", { key: 'c0921bb24450881229d7c0144ac12d60c3bf8802' }, "Demo table 5"), index.h("smoothly-table", { key: '8b8b27a06a924553770762449aae0d692dcffb02' }, index.h("smoothly-table-row", { key: 'ef0757b3eb3241dca02d69cb5b6ecff660788677' }, index.h("smoothly-table-header", { key: 'e2394dfc5ad2aae143ed754cfcf1b16b587cf678' }, "A"), index.h("smoothly-table-header", { key: '976f42f99dfb0aa1ee9e44f41ef869762eb11273' }, "B")), index.h("smoothly-table-expandable-row", { key: 'ea9d260bc85c98fb1823a6d518e93fac6049cf16' }, index.h("smoothly-table-cell", { key: '42b115fba57971d490fefbf952f0c5d254ec7ba1' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '3c7079b17695ae5dccc3a6ae5b5c482995cc8c53' }, "b row"), index.h("div", { key: '164765386ecc86a447e4137e87e9d7e1cb573295', slot: "detail" }, index.h("smoothly-table", { key: '75450c230a01788649351bc80de0853b1f8935df' }, index.h("smoothly-table-row", { key: 'b14c7ae5a9dd28decbe2128d0ceba6e5e80244b2' }, index.h("smoothly-table-header", { key: '9057cc610f407115f0822c86a60a17568c78a603' }, "C"), index.h("smoothly-table-header", { key: 'efc795aee91ff54f23f4e7960229807a67f8cc30' }, "D")), index.h("smoothly-table-expandable-row", { key: '91e50c30ceb62307e4ad1df65e38566659aad7af' }, index.h("smoothly-table-cell", { key: 'a24d04856a8497c8f25a4a1b7744e9e973cc1c14' }, "c"), index.h("smoothly-table-cell", { key: '043e58686a7541ff38e98cc33e3586c2ff5f0c1e' }, "d"), index.h("div", { key: 'b7731de099d67a42654775781c3a96ee0810af2f', slot: "detail" }, index.h("smoothly-table", { key: 'ca775626562496b8dc0434079316b0f4fd1d89fa' }, index.h("smoothly-table-row", { key: 'eb1fefb44df5c188c4db01ff41d7cf7c00cc2b95' }, index.h("smoothly-table-header", { key: 'f3164f22ddac32daf151fcd5eba6f45bbba965dc' }, "E"), index.h("smoothly-table-header", { key: 'ab67b9c9e21dd0e6e6638c24cc9cd775054b1c91' }, "F")), index.h("smoothly-table-expandable-row", { key: '356ed8bb3a77a72a20756b9af76e19ac0069afdf' }, index.h("smoothly-table-cell", { key: '76b4d9fd59c7b553ba1ad1504ed16af968913f11' }, "e row"), index.h("smoothly-table-cell", { key: '9bf94026759eb18cc35cde3e471e24e7528f4324' }, "f row"), index.h("div", { key: '409341d673cf5dd2f9b0030a65068d913eaa362b', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '2d0eba2de8835b8fcbba2145bb554454d8690cdd' }, index.h("smoothly-table-cell", { key: '177e9d24417f34c7d73b1053eaa81e5494deb6a5' }, index.h("span", { key: 'aa67f856f35c3abdc27d9c6e1c1f531c438b9e01' }, "one"), index.h("span", { key: '7282142fb079c4732c462bbabd5d89e9e905140c' }, "two"), index.h("span", { key: 'abb82c348c566994a35a7989a9c7c23c98786b85' }, "three")), index.h("smoothly-table-cell", { key: 'b5365ce005d7a4e7f9ec6a13572a293b5c07117b' }, "five", index.h("smoothly-icon", { key: '7b4594aa25c395070cf2f5abcad75798d89b9878', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: 'f0cb3e4fdee2c1593106f1504e2ef7a638089f07', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '67341204442bc35d5e036cce9ebf7165e2e5beea' }, index.h("smoothly-table-expandable-cell", { key: '1fd020b62e4752e4da359b9072b29a1c469164f1' }, index.h("span", { key: 'd9987a50b30c2dbbacf430950cec88b71df7c4bb' }, "nested expandable cells"), index.h("div", { key: '7dca663955279cf553bdad10fa7ba1ba9ad849eb', slot: "detail" }, index.h("smoothly-table", { key: 'b12943e4c64294fe3dc852ea9a387f2bd4103f0e' }, index.h("smoothly-table-row", { key: '815fcae633d87d07229b224bd285b45fd228a0cf' }, index.h("smoothly-table-header", { key: 'a4232bbf78259925b401c60b2e02a734e88d5992' }, "E"), index.h("smoothly-table-header", { key: '87be1bbde66b839a61043266e4f74a081db84c6c' }, "F")), index.h("smoothly-table-row", { key: '85bac83d081136be7b4e4641cec5565f141c647b' }, index.h("smoothly-table-expandable-cell", { key: 'db891efb53153b21e57f234536428607fe7ff8dc' }, "e cell", index.h("div", { key: 'd58b72b0d6d4e8c1a47cad77acaedbe3aa333277', slot: "detail" }, index.h("smoothly-table", { key: '2d831b60e3916e9c55c996c77cc388fa90a9a6d8' }, index.h("smoothly-table-row", { key: '341fc2cc9b75690d5992629e3860dc53884b3642' }, index.h("smoothly-table-header", { key: '085c7ac43082a11505e6d790c65193221820016f' }, "G"), index.h("smoothly-table-header", { key: '53d8981cb7b99a61d40ea23e2ffce1e88a2e5f4f' }, "H")), index.h("smoothly-table-row", { key: '037a91700c10a9b9ad73aef8385ac5044b661cfc' }, index.h("smoothly-table-expandable-cell", { key: 'db716a543afa17ceba2227b6ab34e6b7f59223af' }, "g cell", index.h("div", { key: '6e9f9921827564a4923dd73e67fc37a5f76beea6', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: 'ee77e6b9f6d335958d715180690f5a43b03e712d' }, "h cell", index.h("div", { key: 'f71a934e96a051fcc972d5fe931a6f424da334a5', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: 'e5aea1356b4b6e46b34cdbaf958355d31a43facb' }, "f cell", index.h("div", { key: 'f77e4852d7654966b1d2daca4b81f7c52e9a9118', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '21aedb52d291091d7dfad74c58eaebf11d21be54' }, "b cell", index.h("div", { key: '47774e13cde8f000da0bd172b295bafb5630bb97', slot: "detail" }, index.h("smoothly-table", { key: '59f9a71b6007d59160ae43f2167bf496f45b35d7' }, index.h("smoothly-table-row", { key: 'c446e2b029dbd5a2077906a8a965fd125013357c' }, index.h("smoothly-table-header", { key: '6c03213f88f20ee03bd8afb43ede67e5a3311285' }, "C"), index.h("smoothly-table-header", { key: 'f5c41638e374d59a772907d419ce3cdcd7c5b46e' }, "D")), index.h("smoothly-table-row", { key: '75a903bac35ab067415f6b3d2ea32eab3d1b50fe' }, index.h("smoothly-table-expandable-cell", { key: 'f3ef1fa6e1cb1fe528446bb4db238c13d1ec5328' }, "c cell", index.h("div", { key: '0d1b95ea59a79821b834a593196107da82a15b80', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '0e7dee7e59a504516cf1dbfc564da6629e525ea7' }, "d cell", index.h("div", { key: '8a1442355a0d1bcc5ceded1749450bf83bfd84a6', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: '491844dd29dbea41bd33109e67bf58328718699c' }, "Demo table 6"), index.h("smoothly-table", { key: 'c71e325906a58796a3cb941a6d8d8195f838f7f4' }, index.h("smoothly-table-row", { key: '2a299a63fbbd9504b4734042d313815205b74f26' }, index.h("smoothly-table-header", { key: '10f8529b9ea32afb41a1879ef374b9e26659729e' }, "display"), index.h("smoothly-table-header", { key: 'e037e3c9674164926b2e1129446a2cd4bda1780c' }, "contents")), index.h("smoothly-table-expandable-row", { key: 'a7604f7aa4e574e04270edda2ce140dc9173d0cf' }, index.h("div", { key: '6e6ee07f7c67bc6f1b5b3157ef7f3d6bd16f7995', class: "content" }, index.h("smoothly-table-cell", { key: 'c560559faf746657f3637acfc0e13b38bb7b5ac7' }, "A"), index.h("smoothly-table-cell", { key: 'ee15ec06c1246e4e5b234adbcf96514e746b7064' }, "B")), index.h("div", { key: 'dcd83cfcdf0a1f1002467bac155ea00a68d540db', slot: "detail" }, "expansion"))), index.h("h4", { key: 'c976d7cce548795f7776ac78013c5ead5ff46442' }, "Demo table 7"), " ", index.h("span", { key: 'a41fff757011f21692cf7b48f8f6dceb710c90a8' }, "nested 1 then normal"), index.h("smoothly-table", { key: '30fc70242dcb689f44c2d10c6da06f0bf4ff3b29' }, index.h("smoothly-table-row", { key: '83ab53ecc50c0c58d5095a54dca7ef71dbfca94d' }, index.h("smoothly-table-header", { key: 'ba57eee8d8a906417da048536ddd4b7848abfa83' }, "A"), index.h("smoothly-table-header", { key: '75070cc5d7f9b378ec5cf1dd09cf938ce2627466' }, "B")), index.h("smoothly-table-expandable-row", { key: '5c238acce39b7b16fd29b5681b2fa0beb92f9d6a' }, index.h("smoothly-table-cell", { key: '0e84b683e6dd2cab1fb9b56e7b3d634a1db6b6d2' }, "a"), index.h("smoothly-table-cell", { key: 'd0b5f45e24f7207b6e4929297f77960a893b5ea3' }, "b"), index.h("div", { key: '2a4d70833716ba05f63f30bf414ef073ed544f5d', slot: "detail" }, index.h("smoothly-table", { key: '91f965115edf80e695cfab022c333ea75580553e' }, index.h("smoothly-table-row", { key: '0b16751c58986a2827bf86d9eb8609ac4149a6a2' }, index.h("smoothly-table-header", { key: '694d93cc20a0de953d9a1ccce8531fa1a3be15d0' }, "C"), index.h("smoothly-table-header", { key: '6e8f1b2412ca56766c02974e7b0f6c23c8b7e7c2' }, "D")), index.h("smoothly-table-row", { key: '9dd5836a7780bc96b98dea02534a94d46f413b0f' }, index.h("smoothly-table-cell", { key: '60d1507e3768c8e771fc2862204a75c6d65d0949' }, "c"), index.h("smoothly-table-cell", { key: '2a234c36950600f5c038aed22db95f806d95fd78' }, "d")), index.h("smoothly-table-row", { key: '06083e22aaa76953478b3d91b1cf1bfa33d36e91' }, index.h("smoothly-table-cell", { key: 'c29952966e7fe73c5c5487ab81a9ee79f9dc1ca0' }, "ccc"), index.h("smoothly-table-cell", { key: '7b2a22e7c5698da2ff9ecd10c7b91bb489192ac3' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '067641facfd8e83d89d520155533feb17a19628c' }, index.h("smoothly-table-cell", { key: '5a738afa3444170250850a7d00ce9ec5c52a0827' }, "cccc"), index.h("smoothly-table-cell", { key: '34598e8935e09e660001548cd2f5f0049e0ba71d' }, "dddd"), index.h("div", { key: '8350e5e1ef3fca4e1423987e3d99328683156703', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'e4ee719169cc338d2420f7d3fa09b19ae022e6f7' }, index.h("smoothly-table-cell", { key: '66f289b9d4e5bb8fe6bfce7f8ae0629143a28ea3' }, "ccccc"), index.h("smoothly-table-cell", { key: '9e36c00f691b106ef5e58c25d3376618a1861759' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '67f476453f943b6b75249ce633b1a652e72c0838' }, index.h("smoothly-table-cell", { key: '9218b679173b883967e4fd9f61622220a4e69cd5' }, "cccc"), index.h("smoothly-table-cell", { key: 'a0d921e79a8302d7e0b8f3fd702aead3c146a032' }, "dddd"), index.h("div", { key: '32ff6ed3b7dd8fe2769838a0ec9c08457f578ac0', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: 'a5b4ae5de351c406d071e8405307486b236ae22e' }, "Demo table 8"), " ", index.h("span", { key: 'a7c396b267a5728a3ebd12033e0419c449bcacc6' }, "not nested"), index.h("smoothly-table", { key: '2b940b2551b11b5eeeb44f9fb78955848a9bb88a' }, index.h("smoothly-table-row", { key: '86a38a2dd5c238596452292bd5790d55436dc332' }, index.h("smoothly-table-header", { key: '16b53657c35dc13eec74f7944418f736c62745a8' }, "C"), index.h("smoothly-table-header", { key: 'de229cdfa50eafa737b2782f94120eff5d26e897' }, "D")), index.h("smoothly-table-row", { key: 'f034a73023a7f8ef3718ad795cc52043e7c83001' }, index.h("smoothly-table-cell", { key: '0fd9f2f32d6749d5cb66e7c8e70baec5eef46edf' }, "c"), index.h("smoothly-table-cell", { key: '59e23af09d690d700d877e2db3a7ffa4f5a989a6' }, "d")), index.h("smoothly-table-row", { key: '9d7c2e33cb3c81ca56eb444d044a04a155a618e5' }, index.h("smoothly-table-cell", { key: 'dc705b145b3731c6f32a1b2c8b6f67e10210be69' }, "cc"), index.h("smoothly-table-cell", { key: '1e5af428e4e23992db8452c9cdf9d7ca5e24be0c' }, "dd")), index.h("smoothly-table-row", { key: '536edadf240428490176429bd97e609164bd44fe' }, index.h("smoothly-table-cell", { key: 'a55ca0c9736ad2cc944a9055da21ba0dcd5b96b0' }, "ccc"), index.h("smoothly-table-cell", { key: 'e2e00ded28fe8cff0c7ba57b9911d9816e691171' }, "ddd"))), index.h("h4", { key: '7151025dac0d88842ec049d208b68e6b6c8e8ccc' }, "Demo table 9"), index.h("smoothly-table", { key: 'a648bbeee0de8645e8feabeea36dd82cdcdb26b1' }, index.h("smoothly-table-row", { key: '69f82749ace01c70f12e12bf973c4e68a7c0681f' }, index.h("smoothly-table-header", { key: '6741692157f9711406703a258661d363d46ad9cc' }, "First name"), index.h("smoothly-table-header", { key: 'c6471154158fda30b2a85f247563340713d5544b' }, "Last name"), index.h("smoothly-table-header", { key: '317bf1cd0457790c1185e2b0450ce1b23323374f', style: { width: "1px" } }, index.h("smoothly-icon", { key: 'a2d8633ddd3277777ca1754d1e0f6406ba4537e0', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '2e0c8471bd93774be4d39229cb07fc06de847025' }, index.h("smoothly-table-cell", { key: 'ba8aa8597cde75f5fc3a8bbc49c5b1ec388c8205' }, "Jessie"), index.h("smoothly-table-cell", { key: 'be279abe4d48f4f72bb1b2e5daf7b5622be26469' }, "Doe"), index.h("smoothly-table-cell", { key: '64375d0aaa75e484d51f1c19f6050c541feb8f70' }), index.h("div", { key: '701af93629039213c83f78009863eeb4f3cfa7fd', slot: "detail" }, index.h("p", { key: 'a2ef105c6d6e8c86604db5282cd91687a562be0a' }, "This is Jessie")))), index.h("h4", { key: '3e4bdf297eb97a83987575d9e63094e0791e0dc6' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: 'c4b7b9e0579fc5687aef6648f0cfde1b38227cae' }, index.h("smoothly-table-row", { key: '5e02e8b9fb5651300a9d3f7d73fb5b74ef56ecf1' }, index.h("smoothly-table-header", { key: '0c11cf42e600eb64a75699311036f8321b45086a' }, "Company")), index.h("smoothly-table-expandable-row", { key: 'eed4aefbe379f9e1f48039dbc19c96e5d4c5acd1' }, index.h("smoothly-table-cell", { key: 'a25c1eaa63d072db92da7f2c62cc46488163a2ee' }, "Proquse"), index.h("smoothly-lazy", { key: 'c968706a18a250fc87eeadff46b7e64091e95456', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '7733a8c3d37db1d3f4a0960567ce8e552e902cae' }, index.h("smoothly-table-cell", { key: '0cc350bef843e7bfa88a48e134a3e38fb4cf8e6f' }, "Pax2Pay"), index.h("smoothly-lazy", { key: 'dd2acc4f5ba563f02c8d64534863b09164c38c83', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: 'e33c1260f6f6b78f81f5170444e9fb306d156554' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'ea08d324eb273bf135b601e3cee2fab094cea944' }, index.h("smoothly-table-row", { key: 'b1b3d06556f18f5e524f1ee9c090ec333aefaa77' }, index.h("smoothly-table-header", { key: '53673b0956468b3eda784f2874140c1b331f5345' }, "Company")), index.h("smoothly-table-row", { key: '32b918aef1324fdd92fe33b5697c25e7a34e32cc' }, index.h("smoothly-table-expandable-cell", { key: '1c03cfc9d836db81f9347d816bc1c113b75cc845' }, "Proquse", index.h("smoothly-lazy", { key: '90d9c35c58d99145dfb3e466b930231d4e9c5260', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '00c7267ef997b669765a6d842bc2592485ca9317' }, index.h("smoothly-table-expandable-cell", { key: 'a20dd3662febafb60d52bb67459c8418289e3bfb' }, "Pax2Pay", index.h("smoothly-lazy", { key: '25f2445bcfc58807711963f3be6a123608adb212', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: 'ad5adf734d61be4daf3ade3b6a0371164ce6eed9' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '08eb6233562f117458dcfd19eb03524624506606' }, index.h("smoothly-table-row", { key: '0426d4016fa6092d6b205ee100a881b26389f87f' }, index.h("smoothly-table-header", { key: '125bf5f4ec3f13812556e94931999755128bf920' }, "Name"), index.h("smoothly-table-header", { key: 'bad40f5c6846cca62ceaa6da5567421c63928b77' }, "Age"), index.h("smoothly-table-header", { key: 'f09c9e0d0cbb39f2ca395b55ec69a63897137f9a' }, "Location")), index.h("smoothly-table-row", { key: '0049a5c72aa974d066067d2e6a2092a08edfc830' }, index.h("smoothly-table-expandable-cell", { key: 'b712269f190e0b8d94dd37bc53b4f0e4a114f256' }, "Jessie", index.h("div", { key: '3d8d620af2e9ac062a381ea1e3bb60b3e98f73e7', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '4ea5d099083a57923a8d64c1ac10300300347662' }, new Date().getFullYear() - 2000, index.h("div", { key: 'e6823568399487c76df82e5078167cdc45310e5d', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: 'c6fcc32668399cf74b2193982ac2cf02c968ae74' }, "UK", index.h("div", { key: '012b0fad1a980d79e208382ea034638204eec7a6', slot: "detail" }, "London"))))));
|
|
12499
|
+
return (index.h(index.Host, { key: 'c6cdb1ec64019fe32ea8f535337afa40e29fee44' }, index.h("h4", { key: '5dc50032bbf5d7a0615ad46aa1836187aefe469f' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '852c580614cee9b882fa5c2909bde6d165205bd1', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '9119e9a6a01add919f8df9eacb58ad7d7382cf4e' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: 'dca248ef3915c40336be5658a8409def226569b0' }), " ", index.h("h4", { key: '4a713db2b1f2425881356b3b3b8dc0d046a33164' }, "Demo table 3"), index.h("smoothly-table", { key: '94ef0a667f321471883dd4d70fe23eb32d9f3e4d' }, index.h("smoothly-table-row", { key: '4c392b3afcce38a2ff6030b36d758675f5968bfd' }, index.h("smoothly-table-header", { key: '96ffe0219f041d33bb75d76c27409be6918792f9' }, "Header A"), index.h("smoothly-table-header", { key: '3dba2f1f669cb386c4e3973ea2b075996c55b165' }, "Header B"), index.h("smoothly-table-header", { key: '0e3744fb7ab93403bbddbff0cfa51efe8935824b' }, "Header C"), index.h("smoothly-table-header", { key: '93da6c4dde69f1d9fe9aca8dd62136cf204ef3d7' }, "Header D")), index.h("smoothly-table-row", { key: 'ffa880e419975218ea105a2e66d184d4404980ee' }, index.h("smoothly-table-expandable-cell", { key: '3a55c3fa80036ec5ce6301903bb074ae8305ffe3' }, "normal row (exp.cell)", index.h("div", { key: 'e3bd35eb544912b4db28152d8af94e7b3bc04607', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '4d1c3c9f7d2495bbcb751e8e82ccf6c1866b1dcf' }, "expandable cell", index.h("div", { key: '1db4619ea7c7c3762e543515137c08f168fecda1', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: 'b7ddb2156db40eb29b71c577cd64cf174eddb69f' }, "expandable cell", index.h("div", { key: 'ac7ecb1702ec0d6a813a75b0c7319f5b2495f212', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '558c77cdb6bcca06d6768c700c5708c3dd23fc90' }, "expandable cell", index.h("div", { key: '5d3de7d1e891951704cb68421650346e0ddb96f4', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '07ac3491d39958ea8c2ceda40e149a49dc637927' }, index.h("smoothly-table-cell", { key: '614f6f20cf243bbad3e0eb49978699859a23e57d' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'ff9d16514584d1024dd5af0e34c479b1db93e90c' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '1b0038e9c2d6c086da0f65678918b9e77f14658f' }, "expandable cell", index.h("div", { key: '9c6c183fb8e2e4e6cd8758dcb886548613b119e7', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '2f0daa63d8e630adc5c51d20a6eaaba812c97f9b' }, "expandable cell", index.h("div", { key: 'eb59b5593c192ae9708e68a8590cd49956dfd662', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '3e06fb811827f01518742affd59032e9941a0888' }, index.h("smoothly-table-cell", { key: '718c279fbe72d14166f7d36303ceecaeb87469cb' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: 'fea9b506bc7ea6905b9da37a89267c3413fdaa99' }, "Normal cell"), index.h("smoothly-table-cell", { key: 'b7c3db0238145650f21a4068f2db4f92aa53d5a0' }, "normal cell"), index.h("smoothly-table-cell", { key: '8f5bebd243e3264d2ad5247d37c801804bab6ba5' }, "Normal cell"), index.h("div", { key: '5ee3caf2bdec56179e6a19a6103dd2b8e25d2cdc', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '131374201a62997b92e65232d5b600100660ce03' }, "Demo table 4"), index.h("smoothly-table", { key: '0184cdc6ab654d7d90c34758f41122f68228694d' }, index.h("smoothly-table-row", { key: 'ed5badaaec7b1f697c2ece9693f68ea20e016782' }, index.h("smoothly-table-header", { key: '420a18ca91c047f76044efae2ac91fe3902fc6b7' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: '650af2acb6d5aa89923410549429aeb629a33905' }, "Header expansion", index.h("div", { key: '5ac40560c308a696045ab01fd28276dfe0c07943', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: 'e4b7987bd61fee6623f39748747c9d92217c5398' }, index.h("smoothly-table-cell", { key: '3a2d14f748dbd9c4de90956f68b47c4a0d0ffbdc' }, "A Content"), index.h("smoothly-table-cell", { key: '4af0e6586995e90521ace2df4cab7de58ef75291' }, "Expansion cell"), index.h("div", { key: 'bc6a095aaeda1143869a15635cc18b1a091a6cc1', slot: "detail" }, index.h("smoothly-tab-switch", { key: '2729c0fcab4e6262e2fc0d0a7de510be23693566' }, index.h("smoothly-tab", { key: 'ebb7e85aee9d63c379c6212e769803d78bb3eae0', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '2cd95b71834a44923735ab3feb60e455c26c1738' }, index.h("smoothly-table-row", { key: 'e0f8c0e8e7080a278f5244665415ce4e4e2e6527' }, index.h("smoothly-table-header", { key: 'bc7ad942e775a5d1189c2ef806e013416ad33770' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '492569f69549b75af7d8db20f52453f2f8a28837' }, "B Content"))), index.h("smoothly-tab", { key: '7692415648b7adc6597830b1dfffa40877d28d70', label: "innertable 2" }, index.h("smoothly-table", { key: 'd40463d8082de28b2f5ba604631a5ea50d255c79' }, index.h("smoothly-table-row", { key: '88ae5e85beda7765408ad019aa25a6b337d9de39' }, index.h("smoothly-table-header", { key: 'ae55e53a79148ea93476a3cb12d53355400d3e30' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '2ee22e0d918ce496ad4a221190ba69452e16e7ba' }, index.h("smoothly-table-cell", { key: '6c1b2d3f2bb7e52c2ff05b4bfc27d978d321c44f' }, "C Content"))))))), index.h("smoothly-table-row", { key: '198cdaf65f5b016ab46d5a0c7f7354dc1b7c42c7' }, index.h("smoothly-table-cell", { key: '5cf8d0e7bef2ca16708358da909ba29ce54efaad' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '4723ddf3865924468d4d46fd834e15f42549cabd' }, "Expandable cell", index.h("div", { key: '0474fb662b6b693637bba1fc368849ff081d91b1', slot: "detail" }, "Expansion content")))), index.h("h4", { key: 'cb86d63ccede6e18e4c6f1d3eead23792572779a' }, "Demo table 5"), index.h("smoothly-table", { key: '0ed16c4b83f5e69f689dea5b2b8283099b4cb743' }, index.h("smoothly-table-row", { key: '642367f17c2f07f3f70b194989297d89521e3c90' }, index.h("smoothly-table-header", { key: '8f58fcaeacebbe763cd11a847f2f6f5c6d1c5fa7' }, "A"), index.h("smoothly-table-header", { key: '00706d5410e853ccef0c314392af3c0a7963797d' }, "B")), index.h("smoothly-table-expandable-row", { key: '723f1bcccc604b416d37ceee51ec59bfe3d51be3' }, index.h("smoothly-table-cell", { key: '4ee6f49785f06c48822a1492d3944309544e8f85' }, "nested expandable row"), index.h("smoothly-table-cell", { key: 'ea21792c62dcf9d06e3e079b04c047770eb8109c' }, "b row"), index.h("div", { key: '265aaa6a27b9ac1c0dd0ec977b9fee69c5a8f9eb', slot: "detail" }, index.h("smoothly-table", { key: 'af29d12c44187790b325c2bb981e9d022579e6d4' }, index.h("smoothly-table-row", { key: '45f7c147072c8b03ea227ebdc42a126140b9647c' }, index.h("smoothly-table-header", { key: '73c0e55e8893e54e87043bae61a7347b0d123e15' }, "C"), index.h("smoothly-table-header", { key: '85d28029d760d13fae38f239e4e4f67f18346dc2' }, "D")), index.h("smoothly-table-expandable-row", { key: '5328f1f383dfe3736f0a9d2a9c5c1730810422d1' }, index.h("smoothly-table-cell", { key: '3cc2c6489faf95604b3cb1e41481284ca2b9f54e' }, "c"), index.h("smoothly-table-cell", { key: '0349c3d16c50fc5fec9b5fcecee4bf0a5d900cd4' }, "d"), index.h("div", { key: '271f7f54451fa0a26ae1d7c1c788d0b78711834a', slot: "detail" }, index.h("smoothly-table", { key: '87fbb87ad3099137d01ef6b68689ff591839ae8f' }, index.h("smoothly-table-row", { key: '5e0d25420625328e0e5aded38f741499b0c15f47' }, index.h("smoothly-table-header", { key: 'dcf74f3b32fc6faf6ff42e646381e87bc228c77e' }, "E"), index.h("smoothly-table-header", { key: '866c5c36177073208661b326c13f27bb21cec508' }, "F")), index.h("smoothly-table-expandable-row", { key: '5df8eb28aa99f7efcdb01d16d4ccd34fa92c2fef' }, index.h("smoothly-table-cell", { key: 'a489f7f284423d7d5f9809668f5dbf78d3ac24d8' }, "e row"), index.h("smoothly-table-cell", { key: '2b849e8c5f213f9169c7deaf5bcd36485380798a' }, "f row"), index.h("div", { key: 'be2bcea57e2c422dbf9669e703b0dec4786274ec', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: 'd727b5985e8ae29724852915d8df209dc7c556b4' }, index.h("smoothly-table-cell", { key: '14657a5055d35ce1c3fa26fba29b846bb0868b6c' }, index.h("span", { key: '322844dedc0a830976658d24822fb86ed35b56a4' }, "one"), index.h("span", { key: 'c23220004cf0cd380a95094ce802eae0b9b36b30' }, "two"), index.h("span", { key: '9071c81ec7c73b5f95aac1206347fc5334174f4b' }, "three")), index.h("smoothly-table-cell", { key: '2f25002f38d22be8aee2b449ef3447331bc3ed73' }, "five", index.h("smoothly-icon", { key: 'c5cc75ce10ac556a2dde2150f85dc73b916f0c7c', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: 'e6253178d2776f1509292948e3f6b77019f496fc', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '3edcb5725f14e59c8ec4a2b13114c554f496979b' }, index.h("smoothly-table-expandable-cell", { key: '32ebb0dd788e9e06d69794c24fbe93709d2b5c58' }, index.h("span", { key: 'bacdfcd265cf89930296660af55253ec5b3c4c6c' }, "nested expandable cells"), index.h("div", { key: '34d9875b8acb35ee324f6e4ed38182c1be28c493', slot: "detail" }, index.h("smoothly-table", { key: '89bc020ea84278748b8e9848759499267a73be5a' }, index.h("smoothly-table-row", { key: '15fe94d805d3866ceffc23a1a3ae963feba6ef90' }, index.h("smoothly-table-header", { key: '932bd391a859b707c352c61c5f2be83aa8240aad' }, "E"), index.h("smoothly-table-header", { key: '1da1234c6c231c619038ace596ea1cbe4248d532' }, "F")), index.h("smoothly-table-row", { key: 'e1717991f4941aac819614f6898e78161e39e8a3' }, index.h("smoothly-table-expandable-cell", { key: '93eb3a46a19156b6d41ffdee5ca7ed2595ec6a06' }, "e cell", index.h("div", { key: '91897564564115854b72ed0e47af8082fd85d581', slot: "detail" }, index.h("smoothly-table", { key: '792d01e1f8a3502ea3f046229756a0bf17161c89' }, index.h("smoothly-table-row", { key: '7934b8fb581359e57dd0d9d9397ee1e4d0fc3235' }, index.h("smoothly-table-header", { key: 'eb62c1711c644fec626bed7defc784e0fdcbf41a' }, "G"), index.h("smoothly-table-header", { key: 'ae2d2716634e835a02ec523648f0adba523d8665' }, "H")), index.h("smoothly-table-row", { key: 'b5c675c4e6f90b0990fa6fc0e3a9a847a0325491' }, index.h("smoothly-table-expandable-cell", { key: '45a16508c0771c8c7361bb856973be83d39c00d5' }, "g cell", index.h("div", { key: 'ccd0ad5cecb5d94da9d5603dc01e40421b8c3093', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '6d7ac4d0777134d341f4594c7c43d603f72452bd' }, "h cell", index.h("div", { key: '17bcbee83042ec0b209fd3810dda4184fae63d04', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '637255dc3405f3ca9606143ab3dee291ed7828ec' }, "f cell", index.h("div", { key: 'e4eda95c43b1bac85d025fd41c5d5307a79aaddf', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '869c160ca435bad58b7821700f57f3e57df5bd95' }, "b cell", index.h("div", { key: '430c75f553f16f743fdc9df1428af7c0262537c1', slot: "detail" }, index.h("smoothly-table", { key: '29f8b19c79ea9e67f986dba2ad175e56c6038e74' }, index.h("smoothly-table-row", { key: 'd6a981299b40c08517d735fb1adbebbc16d32363' }, index.h("smoothly-table-header", { key: 'c6a482d2a46eee73a6cc65e7bc14f9d1f1468be5' }, "C"), index.h("smoothly-table-header", { key: '826f6b28305280251d56fc31320297eb20e4a14c' }, "D")), index.h("smoothly-table-row", { key: 'e4df9cf7c1570dd9a75a5e4cce2b6d3a566f8d9c' }, index.h("smoothly-table-expandable-cell", { key: 'e817572d771cd4302d4359beb27808e15a47f851' }, "c cell", index.h("div", { key: 'b2a81e52aa824cf3059c9a52ac66949c5e4cdac8', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: 'c82fa56be62e893572292cfdba4c8029e6defb74' }, "d cell", index.h("div", { key: '131d94db4b432bdc4204d2da5b64da8350c599d3', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'e2dd9ae8c73f8479f9c44a1cb706ccdb48de4912' }, "Demo table 6"), index.h("smoothly-table", { key: '6c2e4be7d91398896f44635007524e59e5766c08' }, index.h("smoothly-table-row", { key: 'f81d5caa43f09eaae3c93a0c76e72fed362fd8b4' }, index.h("smoothly-table-header", { key: 'b75f0a871cd6082e16744017a8e994be32725ecd' }, "display"), index.h("smoothly-table-header", { key: 'bd9f38937668659299fe7026e1c773e74c18550f' }, "contents")), index.h("smoothly-table-expandable-row", { key: '719b5460cc6d2dd0606e67a4b5a42dd24c68bf79' }, index.h("div", { key: 'd9a10c1de4fc60e0e8e670d632387b785f657995', class: "content" }, index.h("smoothly-table-cell", { key: 'fafbc25c0581438c93393b6490850f08ca405d26' }, "A"), index.h("smoothly-table-cell", { key: '79a557b14dae5899fb5bba81f32f3e70360241f2' }, "B")), index.h("div", { key: 'd6d1a0d30b310414fbf167f44d34006104cdde18', slot: "detail" }, "expansion"))), index.h("h4", { key: 'fc360556b13a7fc2fb3a32bc7d831bf40e77a823' }, "Demo table 7"), " ", index.h("span", { key: '67ac962f1d678d7820d942e9a84640658934b750' }, "nested 1 then normal"), index.h("smoothly-table", { key: 'd09cdc05350959c442531492b04173e41b9ab937' }, index.h("smoothly-table-row", { key: '86bcc5a1fe55a6869136ceebee91427871d87ae1' }, index.h("smoothly-table-header", { key: '2e65946759465848b0065c1e87bc288cfd925cac' }, "A"), index.h("smoothly-table-header", { key: 'e1e080702c449b3c0a2ad4b79be43962823ab1d1' }, "B")), index.h("smoothly-table-expandable-row", { key: 'bbdcbb6bd15d55df039edb298f645777bbdb9d2f' }, index.h("smoothly-table-cell", { key: 'e77d5cad7dc70372f79a14fea41c158c0e7f2815' }, "a"), index.h("smoothly-table-cell", { key: 'd2ec385c100d3668c6587bdce725c0de38ae6582' }, "b"), index.h("div", { key: '367c017889c3aca14b3a3f8e9fcd57358834e274', slot: "detail" }, index.h("smoothly-table", { key: 'ff63d4c3dff836b3df8d743038baa46cf24b857b' }, index.h("smoothly-table-row", { key: '203f4c54a06dacb0a73cf4953720621ccbb06431' }, index.h("smoothly-table-header", { key: '21fb33f06e878a715d822d47f96674a5dcb92f56' }, "C"), index.h("smoothly-table-header", { key: '2097c2b323c36021117b96b95272e6406c0edb48' }, "D")), index.h("smoothly-table-row", { key: '3ff6b62cf7446fb4eca6df6fc13143e6c1e460eb' }, index.h("smoothly-table-cell", { key: '1186335915945a96d64261b0e8de47a8c12ca827' }, "c"), index.h("smoothly-table-cell", { key: 'b996fc4591d27eeb1bbe977d3bb2e16d42360886' }, "d")), index.h("smoothly-table-row", { key: '29c4d2c57bf1e8af3ae136b12c80904a183ae927' }, index.h("smoothly-table-cell", { key: 'f054fa2640cfa70dba30975fb3d0d9e6aa1bc8b2' }, "ccc"), index.h("smoothly-table-cell", { key: '24f24ed158bff3cb95a1aeb4c137b754ca5fe8de' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '1c2be4a4f94a57364f687abf60ab7ffdedc9d1cc' }, index.h("smoothly-table-cell", { key: '5647332d1265e86af137b95a98cfe80213965a9c' }, "cccc"), index.h("smoothly-table-cell", { key: '5ad3d89d762eae80e5eb76f77b06ef471d40cfad' }, "dddd"), index.h("div", { key: '4155c05116122dc56b0d7040ceba608207b23f90', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'aa5c1540f0875186a40ca0716186e85c9de175c6' }, index.h("smoothly-table-cell", { key: '2baa7e5daad582bdce32242b5bbcd87e248bbb80' }, "ccccc"), index.h("smoothly-table-cell", { key: '3c4c56b3236f5c466f276196dbc001300d048038' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'a137469ce97f63fdc2842a9d9e1db2d936debe67' }, index.h("smoothly-table-cell", { key: 'f91844c515e0b7c24f49164f62fdd42fb23d8f59' }, "cccc"), index.h("smoothly-table-cell", { key: 'ef54d06d342d9e1f2db9cb1e1aac9d435ee135a7' }, "dddd"), index.h("div", { key: 'fd2541e8d443a18c00dddf9acb74cbdb6b2fdf4e', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: '89e86140d84f579f55059d9264f411777ac5aac6' }, "Demo table 8"), " ", index.h("span", { key: 'c199ae8f38acc634e545d2604d8aeb67f0d33071' }, "not nested"), index.h("smoothly-table", { key: 'aeb6678656be7e5e708c641ca17aefe9d261d869' }, index.h("smoothly-table-row", { key: 'c091a358dafeff2ec733ed853a781793725779d7' }, index.h("smoothly-table-header", { key: 'faaa41ac0254cc323bf9b7160d2ead5dec2c2246' }, "C"), index.h("smoothly-table-header", { key: 'b2c13a9e6f60cad289ec1d4f7c5d9fbebd699281' }, "D")), index.h("smoothly-table-row", { key: '7a2ae5656bb03ce62e12050be6c08e1733181715' }, index.h("smoothly-table-cell", { key: '2ff08e9fdc6e9de3f1fd1736ad633ff78ba4c13c' }, "c"), index.h("smoothly-table-cell", { key: '091659bd87bd13a6c4a5376c9f0a16ba9bf9e374' }, "d")), index.h("smoothly-table-row", { key: '2e02a72bd9c2dfe6b07bd2d3c36149063e9bda1f' }, index.h("smoothly-table-cell", { key: '2917fe4cf994ebf701ae41a091782041dc67318a' }, "cc"), index.h("smoothly-table-cell", { key: 'b4cf0c0adcf1f9d3c810229590e4545beb7764fb' }, "dd")), index.h("smoothly-table-row", { key: '8c9a5378ea27902b1e41677362959fb275b6507a' }, index.h("smoothly-table-cell", { key: 'fdcf6b3894477df4f21664eee676a7dd461a4882' }, "ccc"), index.h("smoothly-table-cell", { key: '6c0a3e5e6335a598162cc502fe11972e50a10f04' }, "ddd"))), index.h("h4", { key: '75d2a5c05d83cc92660e0f3bdf5c1117b575ab46' }, "Demo table 9"), index.h("smoothly-table", { key: '4fd387e594e9ccf7d898fe8a3de25d9ab69cd63d' }, index.h("smoothly-table-row", { key: 'c648d8a80572139e19ec9beda76b53a8f30852a7' }, index.h("smoothly-table-header", { key: '8d107fc3a61c5811af5670aa3df80ed920a0ec9a' }, "First name"), index.h("smoothly-table-header", { key: '75bd8a48f1310824264a8a010728bd5bb574da14' }, "Last name"), index.h("smoothly-table-header", { key: '808beb339db858193358588f0a82cbe447b5190a', style: { width: "1px" } }, index.h("smoothly-icon", { key: '6ad6202ec2a954f8d8d9238fe18d79d6bf8e523c', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: 'abb7bd9a192ababbd4d2bd61bd0561751d833ac3' }, index.h("smoothly-table-cell", { key: '69f27f7d31a6a393aef3e7352cf1c2e524f4dae1' }, "Jessie"), index.h("smoothly-table-cell", { key: '0e8041d5da6acf2b0383b58ac4882e68838ce420' }, "Doe"), index.h("smoothly-table-cell", { key: 'b45b1a41a54dc1fe92ba1f1178c8896fe14f327b' }), index.h("div", { key: '12b2141c1d682a97c6e7df228f8ba398611273d2', slot: "detail" }, index.h("p", { key: 'f0248b1f651a97144503d590d5c306950e64711d' }, "This is Jessie")))), index.h("h4", { key: 'f75fedeeddc0f769048db7b7f7c9782eddb16b48' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '44e5223e0c1bc78f8327998c1cf5077535f65cc9' }, index.h("smoothly-table-row", { key: 'a035540e1fcae9596d8c6c9cbfb01992c8f5d96e' }, index.h("smoothly-table-header", { key: '977103327cd141e0c12dc105c77d4e17453d7969' }, "Company")), index.h("smoothly-table-expandable-row", { key: '9d6fadd4ef407ebd111f2905cfbb295ff48246ef' }, index.h("smoothly-table-cell", { key: 'b2142f6a1702ea1ab8f28670eb8529f649aaf2da' }, "Proquse"), index.h("smoothly-lazy", { key: 'ebc43f03580b947bb4349829dba32604c8182901', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '47e95c6d1014f371ce41bf56740291648d4d4c31' }, index.h("smoothly-table-cell", { key: '107acc7c3438b96037d60a7e5abc4f435f7a0a8c' }, "Pax2Pay"), index.h("smoothly-lazy", { key: 'd012a467c9d700640aa3dd786e5ab556e978626d', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: '03f14a9fd01c60f7b770b62d1fd32c57fd6814dc' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'd23a7ef3f92ce1a6afda331d3e1c5e2c64f9b11b' }, index.h("smoothly-table-row", { key: 'ffcb5814fd4afe20e9c6bbc9d4d18be81afb7d37' }, index.h("smoothly-table-header", { key: '270d83785d476b7150bce0e11fc539e05b054c98' }, "Company")), index.h("smoothly-table-row", { key: '7f438f85ccddc3f5fdecc4c97fde8bb1713beb31' }, index.h("smoothly-table-expandable-cell", { key: 'd01c427640186db29f26304d3d8844a3a6ecf1ce' }, "Proquse", index.h("smoothly-lazy", { key: '080873dd61bc4a620ece541bed52a4a51cd448b8', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '267f36435a9362e936049ac0c73cca9e215abcb9' }, index.h("smoothly-table-expandable-cell", { key: '7694f7f05cc5177b754da18aaaaa717826df7ff1' }, "Pax2Pay", index.h("smoothly-lazy", { key: '758d613af1e8d627155464ab7b479b54ceb2e6af', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '60b2058a5e1c709910104b4c71275e2f7d75c069' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '25607a969ecf94dec2f6a9550e39c3a218074388' }, index.h("smoothly-table-row", { key: 'efcdd592fa0610270aec75f5f3374b3f53cefb6b' }, index.h("smoothly-table-header", { key: '20c039f01f984086505b15583c2b14b1189ca6c6' }, "Name"), index.h("smoothly-table-header", { key: 'f2be62591e3af045d183073ae507188373905296' }, "Age"), index.h("smoothly-table-header", { key: 'c32796e95f7c7dea3592ecf064409832d1d20f6c' }, "Location")), index.h("smoothly-table-row", { key: '64c3d1d6400b1d6c7f1c60fbcd9807907e8fe212' }, index.h("smoothly-table-expandable-cell", { key: 'a3a8e58e928fd3ba7829242138723871bef08680' }, "Jessie", index.h("div", { key: 'a0dd46a5f6414912900266f75ed69d62ebe3a9e4', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '995d3bc1a09c0d1f2fe1f6ded94a4698e9c81985' }, new Date().getFullYear() - 2000, index.h("div", { key: '9f0b33a97b0c68c81746eb4af317e77382e7bb17', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: 'e4877b8448c159df81001e2fac08f18f2da86bde' }, "UK", index.h("div", { key: '3c50cf7073cf071f81da5c5f3d7672eabee467f1', slot: "detail" }, "London"))))));
|
|
12468
12500
|
}
|
|
12469
12501
|
};
|
|
12470
12502
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12498,18 +12530,18 @@ const TableDemoFiltered = class {
|
|
|
12498
12530
|
}
|
|
12499
12531
|
render() {
|
|
12500
12532
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12501
|
-
return (index.h(index.Host, { key: '
|
|
12533
|
+
return (index.h(index.Host, { key: '2d5d8d74a94af8c02f17f9197d36846bd00c9228' }, index.h("smoothly-filter", { key: '1a50977c7da07200bba523450f0776472f05cd68' }, index.h("smoothly-filter-toggle", { key: '5482c8b85249448bf0cdbe0212c007298672c43f', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'ab375b1439585d1cb80392475ab2ac01ee5d7924', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '52d9db1945562e6ab56ff8df9fd1962088c1dd74', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'ff8d22af2645db3593031923dcebd1f9a3ed91a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '2fc9fec6edac583632e4131f31a0e6cc20251255', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, 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) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12505
|
-
})), index.h("div", { key: '
|
|
12537
|
+
})), index.h("div", { key: '35fefc412a908f1ea4c34db1ae2ae1ca6a2bf87b', slot: "detail" }, index.h("smoothly-form", { key: '7f299a5ad79a743edf49756f66ad15ed8bec7ad6', looks: "border" }, index.h("smoothly-filter-select", { key: '38191611963dfda4cb70a6ed66fa0055e475ab02', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12506
12538
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12507
12539
|
var _a;
|
|
12508
12540
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12509
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12510
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '
|
|
12541
|
+
})), index.h("smoothly-filter-select", { key: 'd52b0a2305cfdc975fd1dd39f21bd33d991084bd', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12542
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'ccdc7ee47df53a6f22a69236292338f8dd42b4e7', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12511
12543
|
.flat()
|
|
12512
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '
|
|
12544
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '66be2c1f30ebd46da451f7966c2ccb9eb2372210', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'bb36890c67097f2342e93c75eafe51d385abe9ca', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, this.selector.render(cats)), index.h("smoothly-table-header", null, "Breed"), index.h("smoothly-table-header", null, "Coat"), index.h("smoothly-table-header", null, "Price")), cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cat)), index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-table-footer", null, index.h("td", { colSpan: 5 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
|
|
12513
12545
|
}
|
|
12514
12546
|
};
|
|
12515
12547
|
const names = {
|
|
@@ -12565,7 +12597,7 @@ const TableExpandableCell = class {
|
|
|
12565
12597
|
event.detail(this.element);
|
|
12566
12598
|
}
|
|
12567
12599
|
render() {
|
|
12568
|
-
return (index.h(index.Host, { key: '
|
|
12600
|
+
return (index.h(index.Host, { key: '3b96c6446f7d105c4c0b8f065f15449b31dabe61' }, index.h("div", { key: 'f6a50207742b41f744483e78b2ca18c32c4aea26' }, index.h("smoothly-icon", { key: 'f2e9faed7478803a4b97f7ce683071bfb0549132', name: "caret-forward-outline" }), index.h("slot", { key: '6c85d60723c8e7ee001a106af8b4424ba5e2de7e' })), index.h("tr", { key: '82f521f234d8e0104dc3bae445d33709cea74fa4', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: '0ea5e9db2e4bbbf326bf7b02e23e933d84b660a7', colSpan: 999 }, index.h("slot", { key: 'fcdf1464b3c2f53e9c501025f2b777ed59b16bb4', name: "detail" })))));
|
|
12569
12601
|
}
|
|
12570
12602
|
get element() { return index.getElement(this); }
|
|
12571
12603
|
static get watchers() { return {
|
|
@@ -12601,7 +12633,7 @@ const TableExpandableRow = class {
|
|
|
12601
12633
|
event.detail(this.element);
|
|
12602
12634
|
}
|
|
12603
12635
|
render() {
|
|
12604
|
-
return (index.h(index.Host, { key: '
|
|
12636
|
+
return (index.h(index.Host, { key: 'eb8d4b386b9003a6e65569fcbaebabee362cdf48' }, index.h("div", { key: 'b1c21f3fc20b5c3882d5cac9addb169395b7abb7', onClick: () => (this.open = !this.open) }, index.h("slot", { key: 'a269c4c71341658ceba5249a7f3d4c50b3e661da' })), index.h("tr", { key: 'ba537bfcbe717e2e9766ed1e571925823050402d', class: { spotlight: this.spotlight } }, index.h("td", { key: '06869691410b558ec8998ee70e96cb37dcc2d327', colSpan: 999 }, index.h("slot", { key: 'f5008f4026d9898df1d0b8f8029a07e0e263a680', name: "detail" })))));
|
|
12605
12637
|
}
|
|
12606
12638
|
get element() { return index.getElement(this); }
|
|
12607
12639
|
static get watchers() { return {
|
|
@@ -12619,7 +12651,7 @@ const TableFooter = class {
|
|
|
12619
12651
|
index.registerInstance(this, hostRef);
|
|
12620
12652
|
}
|
|
12621
12653
|
render() {
|
|
12622
|
-
return index.h("slot", { key: '
|
|
12654
|
+
return index.h("slot", { key: '575481a8396873d1b466d2efebac37ef653f8286' });
|
|
12623
12655
|
}
|
|
12624
12656
|
};
|
|
12625
12657
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12633,7 +12665,7 @@ const TableHeader = class {
|
|
|
12633
12665
|
this.name = undefined;
|
|
12634
12666
|
}
|
|
12635
12667
|
render() {
|
|
12636
|
-
return (index.h(index.Host, { key: '
|
|
12668
|
+
return (index.h(index.Host, { key: 'b50b7037457c17fef20cac801dbc64dfec762c7c' }, index.h("slot", { key: '0b62231fd6e44c40634a397b1c859a8c692a3487' })));
|
|
12637
12669
|
}
|
|
12638
12670
|
};
|
|
12639
12671
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12663,7 +12695,7 @@ const TableRow = class {
|
|
|
12663
12695
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12664
12696
|
}
|
|
12665
12697
|
render() {
|
|
12666
|
-
return (index.h("div", { key: '
|
|
12698
|
+
return (index.h("div", { key: 'd397fd128214f9a53c972cfcf64f6b6ff0e942b4', ref: e => (this.element = e) }, index.h("slot", { key: 'c5beda6ed3bbc9d418688018101fb9849e777dce' })));
|
|
12667
12699
|
}
|
|
12668
12700
|
};
|
|
12669
12701
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12705,7 +12737,7 @@ const SmoothlyTableTesting = class {
|
|
|
12705
12737
|
this.counter = 0;
|
|
12706
12738
|
}
|
|
12707
12739
|
render() {
|
|
12708
|
-
return (index.h(index.Host, { key: '
|
|
12740
|
+
return (index.h(index.Host, { key: 'd3b16518ab101658dbe4735463079da729849dca' }, index.h("smoothly-table", { key: 'da39552f4c905f1336eb83b257759e76f0673650', color: "dark" }, index.h("smoothly-table-row", { key: '529154f440ac887b81890460ac2eabef8e9c6f3e' }, index.h("smoothly-table-header", { key: 'dd4d3f80169ec1449435ff706400404ca6079e4a' }, "Type"), index.h("smoothly-table-header", { key: '690683f0d2979eceb25e6e01567eebc605d1a365' }, "Name"), index.h("smoothly-table-header", { key: '20d8e456c99c639110a20b926d6e8e34d3ab292f' }, "Age")), data.map(animal => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-cell", null, animal.name), index.h("smoothly-table-cell", null, animal.age), index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-expandable-cell", null, animal.name, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))), index.h("smoothly-table-expandable-cell", null, animal.age, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!")))))), index.h("smoothly-table-footer", { key: '3ca1cb2b675c155bf437ee324971fa658496515b' }, index.h("td", { key: 'a459d5a674c2279123ecefb75d4b4127a3446501', colSpan: 2 }, index.h("div", { key: '15b23a1a7e89a8ca6f012d7b61cc9661200a527b', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: 'ae7a201456fbc2e88d32bd2f09456ffcd4c425c5', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: 'b7b385235081a5497c32e1e774ce2de9006214ae' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12709
12741
|
}
|
|
12710
12742
|
};
|
|
12711
12743
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12737,7 +12769,7 @@ const SmoothlyTabs = class {
|
|
|
12737
12769
|
old.open = false;
|
|
12738
12770
|
}
|
|
12739
12771
|
render() {
|
|
12740
|
-
return (index.h(index.Host, { key: '
|
|
12772
|
+
return (index.h(index.Host, { key: '62320fc166667791415c62201ecf1401858ee49c', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: '12f62cda12d9dd8d6a9359fd9248fcd50fe42ff5' })));
|
|
12741
12773
|
}
|
|
12742
12774
|
get element() { return index.getElement(this); }
|
|
12743
12775
|
static get watchers() { return {
|
|
@@ -12754,7 +12786,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12754
12786
|
index.registerInstance(this, hostRef);
|
|
12755
12787
|
}
|
|
12756
12788
|
render() {
|
|
12757
|
-
return (index.h("smoothly-tabs", { key: '
|
|
12789
|
+
return (index.h("smoothly-tabs", { key: 'cd133cd34cd0483b706cbaf0f0f2a322ad49a295' }, index.h("smoothly-tab", { key: 'd9681e8c15e04b1612f702027e3d89a69f81bb39', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: 'd2520cc70bfb0adc07e0c467c08cb25072b2163d', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: 'e0566ea72fbc6f78a41f19e3ba2e7814bf21228b', label: "test3" }, "this is a test message again!")));
|
|
12758
12790
|
}
|
|
12759
12791
|
};
|
|
12760
12792
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12768,7 +12800,7 @@ const SmoothlyThemeColor = class {
|
|
|
12768
12800
|
this.color = undefined;
|
|
12769
12801
|
}
|
|
12770
12802
|
render() {
|
|
12771
|
-
return (index.h(index.Host, { key: '
|
|
12803
|
+
return (index.h(index.Host, { key: '208366285e531c96366b785aae8561351a890de8' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12772
12804
|
}
|
|
12773
12805
|
};
|
|
12774
12806
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12820,7 +12852,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12820
12852
|
index.registerInstance(this, hostRef);
|
|
12821
12853
|
}
|
|
12822
12854
|
render() {
|
|
12823
|
-
return (index.h(index.Host, { key: '
|
|
12855
|
+
return (index.h(index.Host, { key: '29375396b871401ba39141f28f8001cd2cb496b0' }, index.h("h2", { key: 'a0ffeb6f000ffa09949469f94b52811e8bd594a5' }, "Theme"), index.h("smoothly-theme-picker", { key: 'aa2b128ec1d3d62c9c03090d5a28683fc52d7557' }, index.h("smoothly-item", { key: '25256010d729cc5c9fff99b0bc7dd6c80bf8396d', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: '995daf5aef95f969e988f2ddbd8911b42e899635', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '8a118da44f57ff4890369f6d79e1451f2938e882', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: 'f366910cddcb677e9d8c511968f7ca5e6e203860', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: 'c8656de8c738eb7abd725b563d8a263b7f26a30e', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'aa892b290b120acbd3a3e48d08fcfb50f14e9786', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: 'b8966a8e12b9b7d53e1ce39bc4f5fb063a0deacd', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '2aace80da08fda656c29e142d04e8cc53ff9c4e8', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '489f0ad340f2dc34c4f4b48454659ae005877e55', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: '1165f9cc16486b826c8e10118b4c5fb94bb4fb80' }, index.h("smoothly-theme-colors", { key: 'd415f70305e96cf4de6b33543d3975077f106180' }), index.h("smoothly-theme-guide", { key: '937e00bb557776e826c5478c5217059db840c132' })), index.h("smoothly-button", { key: '701464bcfe23d78c18a428fb98a204f9626aed13', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '25fa1161b22bfe00e22a48d77e7bdcc129e6522f', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '39c24153ec681bf688875651b53377eb079ea10a', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '02ac6bfbceb3ea744d002872c3fc02ee0a83bad4', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12824
12856
|
}
|
|
12825
12857
|
};
|
|
12826
12858
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12834,14 +12866,14 @@ const SmoothlyThemeColors = class {
|
|
|
12834
12866
|
}
|
|
12835
12867
|
render() {
|
|
12836
12868
|
return [
|
|
12837
|
-
index.h("smoothly-display", { key: '
|
|
12838
|
-
index.h("br", { key: '
|
|
12839
|
-
index.h("smoothly-display", { key: '
|
|
12840
|
-
index.h("br", { key: '
|
|
12841
|
-
index.h("smoothly-display", { key: '
|
|
12842
|
-
index.h("br", { key: '
|
|
12843
|
-
index.h("smoothly-display", { key: '
|
|
12844
|
-
index.h("br", { key: '
|
|
12869
|
+
index.h("smoothly-display", { key: '7511b2e23b258c4707e41aee9b19efce33744105' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12870
|
+
index.h("br", { key: 'cc6ea0b8e6b978ca1849529543900230ff269e5a' }),
|
|
12871
|
+
index.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."),
|
|
12872
|
+
index.h("br", { key: 'c517b47f167e9209a0c54778aed1ad543d32e640' }),
|
|
12873
|
+
index.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."),
|
|
12874
|
+
index.h("br", { key: 'a163fd2bf1accc40cf20ad3e6dcb0454fcffaf7f' }),
|
|
12875
|
+
index.h("smoothly-display", { key: '57ad8b25d3cc74421a6e91e07be9e04f4478ba4b' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12876
|
+
index.h("br", { key: '3fcff61693a7e5ddb6ff81446ad92ccf53de7f97' }),
|
|
12845
12877
|
];
|
|
12846
12878
|
}
|
|
12847
12879
|
};
|
|
@@ -12856,11 +12888,11 @@ const SmoothlyThemePicker = class {
|
|
|
12856
12888
|
this.element = "smoothly-css";
|
|
12857
12889
|
}
|
|
12858
12890
|
render() {
|
|
12859
|
-
return (index.h(index.Host, { key: '
|
|
12891
|
+
return (index.h(index.Host, { key: '660d98cf1e0d5b81eda0e776997ecab09ecb1e84' }, index.h("smoothly-input-select", { key: 'ab18ff0fc073a8c249d3015bfba2062bc3a66b3b', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12860
12892
|
const element = document.querySelector(`#${this.element}`);
|
|
12861
12893
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12862
12894
|
element.href = e.detail.theme;
|
|
12863
|
-
} }, index.h("label", { key: '
|
|
12895
|
+
} }, index.h("label", { key: '03b7b68be0532dbafc8a656ee9b1527c306d1055', slot: "label" }, "Select theme"), index.h("slot", { key: '84d94419a984292e533123a42c82dc3daa84260f' }))));
|
|
12864
12896
|
}
|
|
12865
12897
|
};
|
|
12866
12898
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12881,7 +12913,7 @@ const SmoothlyToggle = class {
|
|
|
12881
12913
|
this.selected = !this.selected;
|
|
12882
12914
|
}
|
|
12883
12915
|
render() {
|
|
12884
|
-
return (index.h("button", { key: '
|
|
12916
|
+
return (index.h("button", { key: '21621f5fda23bc3e8f1a36bbef73dae664f014ac', type: "button" }, index.h("slot", { key: 'e1e403a1da879ce5bcdce2275a7a64dddfaed2d2', name: "icon-slot" }), index.h("slot", { key: '6bc34cedf541aad130aa23fffc92cbf42bb507c6' }, this.name)));
|
|
12885
12917
|
}
|
|
12886
12918
|
};
|
|
12887
12919
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12905,7 +12937,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12905
12937
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12906
12938
|
}
|
|
12907
12939
|
render() {
|
|
12908
|
-
return (index.h(index.Host, { key: '
|
|
12940
|
+
return (index.h(index.Host, { key: '9aecae15d2386dba892c4bd3b4c8c11d29f4be08' }, index.h("button", { key: '25ee44e7a83d4224902189845c52911ed7757411', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: '5e7284728f78efc65998eeaf1d03a85c07b0e30b', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12909
12941
|
}
|
|
12910
12942
|
};
|
|
12911
12943
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12918,7 +12950,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12918
12950
|
index.registerInstance(this, hostRef);
|
|
12919
12951
|
}
|
|
12920
12952
|
render() {
|
|
12921
|
-
return (index.h(index.Host, { key: '
|
|
12953
|
+
return (index.h(index.Host, { key: 'f359304926b7ca0d9865f33207e5ba07dcc6d170' }, index.h("h4", { key: '97a93321680922545d1584b3d53ca1e028fba48c' }, "Toggle switches"), index.h("div", { key: '0a54b74bfbf9cc3ef5ac1284190cfedb8fe5a21a' }, index.h("p", { key: '54bdea49c121453ae20a68db4a83a6cabaea691b' }, "Checkmark"), index.h("span", { key: 'e855c8e16421bb1f47a7571a139afd5f369edd30' }, index.h("p", { key: '6f817fb1e279b9634c2ab13d81f019c1e36537ea' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '87d67ef9075ebbc08312fda7fa68157ebcbe67a8', disabled: false, size: "tiny" })), index.h("span", { key: '4071f37857ff468ac7151d5843a94d32230b5a58' }, index.h("p", { key: '19d88d533be79ed08d0ffe7da150a67fc4047b33' }, "Small"), index.h("smoothly-toggle-switch", { key: '1f9297dca055d8e3c3cd5deb71eaa0bd1adf0d92', disabled: false, size: "small" })), index.h("span", { key: '62cbc8ec527020ae3b6170a0430e0801ae89d857' }, index.h("p", { key: '4e7414c615173c0d5dd824bef93f8086b5628ac7' }, "Standard"), index.h("smoothly-toggle-switch", { key: '950aa37af003f8e5223b89c28b43f8b720e5d062', disabled: false })), index.h("span", { key: '9864274ec9b96eddb0d1535462421c76a287cac9' }, index.h("p", { key: '8e4c05bfa0e35e35062fbfd49b418c223c22ac2b' }, "Large"), index.h("smoothly-toggle-switch", { key: '2f2bb9f1ed981f71fd873d3ebfde326b6bee9dd0', disabled: false, size: "large" })), index.h("p", { key: 'f008041769ff1fe0cee9c94d3ccd515581af0aa9' }, "Colors checkmark"), index.h("span", { key: '056aef6ff71511e68fe05b2e4f1ac89a8b2abb56' }, index.h("p", { key: '06594916622dcaa468216bb21aba6b7876bb2b7e' }, "Danger"), index.h("smoothly-toggle-switch", { key: '528482dfb8c6f4d80a3b25de7ce3848ff7a35317', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '0671e2888ff6fe62a1decbbbbfedf229fb6a6e5b' }, index.h("p", { key: '641abc2f9863d586f2c86217879510d162b32f98' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '7db827e7785e32357913d71958a8bbf192608f8d', color: "primary", disabled: false, size: "small" })), index.h("span", { key: '384ede24f3a57ca5c3b9bbf6ed20bee224620649' }, index.h("p", { key: '5257a7131ed3fc79a66ca3456524ee0de5e071e0' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'f93f554a029517a894886c310aa5efa60f3ad0c0', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: 'c759dd6a6e3e69054db3948b884265f0aa0d4e37' }), index.h("p", { key: '6a184d8d7a950481aef9dbb80efb0ee9adf44988' }, "Colors no checkmark"), index.h("span", { key: '8df41f799212e382e48f623a3c2279aa7b7ac70c' }, index.h("p", { key: '48dd5cc144821092edbbe2157759bfadb99e1597' }, "Danger"), index.h("smoothly-toggle-switch", { key: '04eb03ad6b58807a182e28088bd589023c0dca89', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '81e72e3e7d913f4f59c2f3b2bed81736e154da1e' }, index.h("p", { key: 'a447aaa0b5cb4afd3e88d55bdf59cee6de12b270' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'ea4ee5443b00e6a852df47da80eccbed2f78e699', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'cc8d4533de1b94ea11550031564e3c0db47d10ce' }, index.h("p", { key: 'faf1650e4ab170790f6a4307bd2d4c89374ce918' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '1120ee4aa4eabef7bfa9f9385c218fc668fee1e2', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12922
12954
|
}
|
|
12923
12955
|
};
|
|
12924
12956
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -12949,7 +12981,7 @@ const SmoothlyTrigger = class {
|
|
|
12949
12981
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
12950
12982
|
break;
|
|
12951
12983
|
case "button":
|
|
12952
|
-
result = (index.h("button", { key: '
|
|
12984
|
+
result = (index.h("button", { key: '083db04bfd222da72704d6c232be5419f9f0a209', disabled: this.disabled, name: this.name }, index.h("slot", { key: '80be6127f777b4e294839a31982b49a75ca25f0f' })));
|
|
12953
12985
|
break;
|
|
12954
12986
|
}
|
|
12955
12987
|
return result;
|
|
@@ -13022,6 +13054,7 @@ exports.smoothly_load_more = LoadMore;
|
|
|
13022
13054
|
exports.smoothly_modal = SmoothlyModal;
|
|
13023
13055
|
exports.smoothly_next_demo = SmoothlyNextDemo;
|
|
13024
13056
|
exports.smoothly_next_demo_colspan = SmoothlyNextDemoColspan;
|
|
13057
|
+
exports.smoothly_next_demo_filler_row_demo = SmoothlyNextDemoFillerRowDemo;
|
|
13025
13058
|
exports.smoothly_next_demo_group = SmoothlyNextDemoGroup;
|
|
13026
13059
|
exports.smoothly_next_demo_nested = SmoothlyNextDemoNested;
|
|
13027
13060
|
exports.smoothly_next_demo_nested_inner = SmoothlyNextDemoNestedInner;
|
|
@@ -13032,6 +13065,7 @@ exports.smoothly_next_table_cell = SmoothlyNextTableCell;
|
|
|
13032
13065
|
exports.smoothly_next_table_demo_filtered = TableDemoFiltered$1;
|
|
13033
13066
|
exports.smoothly_next_table_expandable_cell = SmoothlyNextTableExpandableCell;
|
|
13034
13067
|
exports.smoothly_next_table_expandable_row = SmoothlyNextTableExpandableRow;
|
|
13068
|
+
exports.smoothly_next_table_filler_row = SmoothlyNextTableFillerRow;
|
|
13035
13069
|
exports.smoothly_next_table_foot = SmoothlyNextTableFoot;
|
|
13036
13070
|
exports.smoothly_next_table_head = SmoothlyNextTableHead;
|
|
13037
13071
|
exports.smoothly_next_table_row = SmoothlyNextTableRow;
|
|
@@ -13065,4 +13099,4 @@ exports.smoothly_toggle_switch = SmoothlyToggleSwitch;
|
|
|
13065
13099
|
exports.smoothly_toggle_switch_demo = SmoothlyToggleSwitchDemo;
|
|
13066
13100
|
exports.smoothly_trigger = SmoothlyTrigger;
|
|
13067
13101
|
|
|
13068
|
-
//# sourceMappingURL=smoothly-
|
|
13102
|
+
//# sourceMappingURL=smoothly-app_109.cjs.entry.js.map
|