smoothly 1.2.1-alpha.56 → 1.2.1-alpha.57
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_110.cjs.entry.js +93 -92
- package/dist/cjs/smoothly-app_110.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/icon/style.css +1 -0
- package/dist/collection/components/input/date/range/style.css +1 -0
- package/dist/collection/components/input/demo/standard/index.js +2 -2
- package/dist/collection/components/input/demo/standard/index.js.map +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 +3 -3
- package/dist/collection/components/input/index.js.map +1 -1
- 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 +22 -4
- package/dist/collection/components/input/select/index.js.map +1 -1
- package/dist/collection/components/input/select/style.css +3 -7
- package/dist/collection/components/input/style.css +13 -15
- 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 +1 -1
- 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/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 +1 -1
- 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-5e56437f.js → p-00a413bd.js} +4 -4
- package/dist/components/{p-5e56437f.js.map → p-00a413bd.js.map} +1 -1
- package/dist/components/{p-54b99067.js → p-01972376.js} +2 -2
- package/dist/components/{p-54b99067.js.map → p-01972376.js.map} +1 -1
- package/dist/components/{p-e2de28a2.js → p-01e46e07.js} +3 -3
- package/dist/components/{p-e2de28a2.js.map → p-01e46e07.js.map} +1 -1
- package/dist/components/{p-fe562681.js → p-04a63714.js} +21 -21
- package/dist/components/p-04a63714.js.map +1 -0
- package/dist/components/{p-9690faa5.js → p-06a48895.js} +4 -4
- package/dist/components/{p-9690faa5.js.map → p-06a48895.js.map} +1 -1
- package/dist/components/{p-ed0b2856.js → p-06dc96db.js} +4 -4
- package/dist/components/{p-ed0b2856.js.map → p-06dc96db.js.map} +1 -1
- package/dist/components/{p-20d5fac8.js → p-07a7f693.js} +2 -2
- package/dist/components/{p-20d5fac8.js.map → p-07a7f693.js.map} +1 -1
- package/dist/components/{p-5da33c08.js → p-0815868e.js} +3 -3
- package/dist/components/{p-5da33c08.js.map → p-0815868e.js.map} +1 -1
- package/dist/components/{p-35080dc5.js → p-0954bd41.js} +7 -7
- package/dist/components/{p-35080dc5.js.map → p-0954bd41.js.map} +1 -1
- package/dist/components/{p-8325e020.js → p-0ac28033.js} +2 -2
- package/dist/components/{p-8325e020.js.map → p-0ac28033.js.map} +1 -1
- package/dist/components/{p-c7be31eb.js → p-0ec86ae5.js} +6 -6
- package/dist/components/{p-c7be31eb.js.map → p-0ec86ae5.js.map} +1 -1
- package/dist/components/{p-131461c4.js → p-0f2efeb4.js} +2 -2
- package/dist/components/{p-131461c4.js.map → p-0f2efeb4.js.map} +1 -1
- package/dist/components/{p-03b62a84.js → p-0f3f35cd.js} +4 -4
- package/dist/components/{p-03b62a84.js.map → p-0f3f35cd.js.map} +1 -1
- package/dist/components/{p-92061151.js → p-113a667e.js} +2 -2
- package/dist/components/{p-92061151.js.map → p-113a667e.js.map} +1 -1
- package/dist/components/{p-b2ffaca2.js → p-185c4c28.js} +23 -23
- package/dist/components/{p-b2ffaca2.js.map → p-185c4c28.js.map} +1 -1
- package/dist/components/{p-707f32c7.js → p-1a2ea4ee.js} +2 -2
- package/dist/components/{p-707f32c7.js.map → p-1a2ea4ee.js.map} +1 -1
- package/dist/components/{p-bdc029ad.js → p-1b80099c.js} +6 -6
- package/dist/components/{p-bdc029ad.js.map → p-1b80099c.js.map} +1 -1
- package/dist/components/{p-8e140c7a.js → p-1c549990.js} +13 -13
- package/dist/components/{p-8e140c7a.js.map → p-1c549990.js.map} +1 -1
- package/dist/components/{p-8cf76a5d.js → p-1cae2a17.js} +6 -6
- package/dist/components/{p-8cf76a5d.js.map → p-1cae2a17.js.map} +1 -1
- package/dist/components/{p-295811a6.js → p-1fe72dd7.js} +9 -9
- package/dist/components/{p-295811a6.js.map → p-1fe72dd7.js.map} +1 -1
- package/dist/components/{p-72feb959.js → p-1ffacca6.js} +3 -3
- package/dist/components/{p-72feb959.js.map → p-1ffacca6.js.map} +1 -1
- package/dist/components/{p-c77f4c0f.js → p-22f9ee8d.js} +3 -3
- package/dist/components/{p-c77f4c0f.js.map → p-22f9ee8d.js.map} +1 -1
- package/dist/components/{p-a3987ada.js → p-27c832cc.js} +4 -4
- package/dist/components/{p-a3987ada.js.map → p-27c832cc.js.map} +1 -1
- package/dist/components/{p-34355667.js → p-2d004d53.js} +3 -3
- package/dist/components/{p-34355667.js.map → p-2d004d53.js.map} +1 -1
- package/dist/components/{p-0b980f10.js → p-2dae8122.js} +5 -5
- package/dist/components/{p-0b980f10.js.map → p-2dae8122.js.map} +1 -1
- package/dist/components/{p-a375981d.js → p-2eb9a845.js} +3 -3
- package/dist/components/{p-a375981d.js.map → p-2eb9a845.js.map} +1 -1
- package/dist/components/{p-7b144a9e.js → p-336b6683.js} +2 -2
- package/dist/components/{p-7b144a9e.js.map → p-336b6683.js.map} +1 -1
- package/dist/components/{p-23770a20.js → p-363c6830.js} +2 -2
- package/dist/components/{p-23770a20.js.map → p-363c6830.js.map} +1 -1
- package/dist/components/{p-77b1f721.js → p-39d00180.js} +10 -10
- package/dist/components/{p-77b1f721.js.map → p-39d00180.js.map} +1 -1
- package/dist/components/{p-1070ed11.js → p-3a4f9d45.js} +3 -3
- package/dist/components/{p-1070ed11.js.map → p-3a4f9d45.js.map} +1 -1
- package/dist/components/{p-7ba67f13.js → p-3abb83e1.js} +12 -12
- package/dist/components/{p-7ba67f13.js.map → p-3abb83e1.js.map} +1 -1
- package/dist/components/{p-194be519.js → p-3b24abb3.js} +7 -7
- package/dist/components/{p-194be519.js.map → p-3b24abb3.js.map} +1 -1
- package/dist/components/{p-cb083b20.js → p-3cc67e70.js} +2 -2
- package/dist/components/{p-cb083b20.js.map → p-3cc67e70.js.map} +1 -1
- package/dist/components/{p-15807e7e.js → p-3d7229ae.js} +9 -9
- package/dist/components/{p-15807e7e.js.map → p-3d7229ae.js.map} +1 -1
- package/dist/components/{p-2930104b.js → p-3fe49e1b.js} +32 -32
- package/dist/components/{p-2930104b.js.map → p-3fe49e1b.js.map} +1 -1
- package/dist/components/{p-2749acb5.js → p-40b58873.js} +9 -9
- package/dist/components/{p-2749acb5.js.map → p-40b58873.js.map} +1 -1
- package/dist/components/{p-58d5e72e.js → p-418fee6e.js} +23 -23
- package/dist/components/{p-58d5e72e.js.map → p-418fee6e.js.map} +1 -1
- package/dist/components/{p-6790f452.js → p-41c24c7b.js} +8 -8
- package/dist/components/{p-6790f452.js.map → p-41c24c7b.js.map} +1 -1
- package/dist/components/{p-aabc0016.js → p-45986407.js} +3 -3
- package/dist/components/{p-aabc0016.js.map → p-45986407.js.map} +1 -1
- package/dist/components/{p-7baf0810.js → p-46a11b18.js} +19 -19
- package/dist/components/{p-7baf0810.js.map → p-46a11b18.js.map} +1 -1
- package/dist/components/p-499d84e9.js +123 -0
- package/dist/components/{p-086f9642.js.map → p-499d84e9.js.map} +1 -1
- package/dist/components/{p-11efb4da.js → p-4bf18a05.js} +5 -5
- package/dist/components/{p-11efb4da.js.map → p-4bf18a05.js.map} +1 -1
- package/dist/components/{p-7f7c4cf3.js → p-4c8486d8.js} +2 -2
- package/dist/components/p-4c8486d8.js.map +1 -0
- package/dist/components/{p-e25aaa1d.js → p-4d715f51.js} +14 -14
- package/dist/components/{p-e25aaa1d.js.map → p-4d715f51.js.map} +1 -1
- package/dist/components/{p-147ec824.js → p-502e0d21.js} +2 -2
- package/dist/components/{p-147ec824.js.map → p-502e0d21.js.map} +1 -1
- package/dist/components/{p-07b733ab.js → p-54fbbfa4.js} +4 -4
- package/dist/components/{p-07b733ab.js.map → p-54fbbfa4.js.map} +1 -1
- package/dist/components/{p-558481f1.js → p-55541a26.js} +4 -4
- package/dist/components/{p-558481f1.js.map → p-55541a26.js.map} +1 -1
- package/dist/components/{p-60f63920.js → p-5bc6d91a.js} +3 -3
- package/dist/components/{p-60f63920.js.map → p-5bc6d91a.js.map} +1 -1
- package/dist/components/{p-a73d4047.js → p-5d215e46.js} +3 -3
- package/dist/components/{p-a73d4047.js.map → p-5d215e46.js.map} +1 -1
- package/dist/components/{p-8b29f2b4.js → p-5e421c1c.js} +2 -2
- package/dist/components/{p-8b29f2b4.js.map → p-5e421c1c.js.map} +1 -1
- package/dist/components/{p-7f64dfd8.js → p-5e5fe66d.js} +6 -6
- package/dist/components/{p-7f64dfd8.js.map → p-5e5fe66d.js.map} +1 -1
- package/dist/components/{p-a26360d7.js → p-6653a32e.js} +2 -2
- package/dist/components/{p-a26360d7.js.map → p-6653a32e.js.map} +1 -1
- package/dist/components/{p-346ebd99.js → p-67fea2ad.js} +7 -7
- package/dist/components/{p-346ebd99.js.map → p-67fea2ad.js.map} +1 -1
- package/dist/components/{p-4bbdd1c9.js → p-6bc26f88.js} +6 -6
- package/dist/components/{p-4bbdd1c9.js.map → p-6bc26f88.js.map} +1 -1
- package/dist/components/{p-bf52b8d1.js → p-6d858db0.js} +2 -2
- package/dist/components/{p-bf52b8d1.js.map → p-6d858db0.js.map} +1 -1
- package/dist/components/{p-e96a36e8.js → p-6ddbdb76.js} +2 -2
- package/dist/components/{p-e96a36e8.js.map → p-6ddbdb76.js.map} +1 -1
- package/dist/components/{p-b79a65d9.js → p-6fbd1d1b.js} +3 -3
- package/dist/components/{p-b79a65d9.js.map → p-6fbd1d1b.js.map} +1 -1
- package/dist/components/{p-e27c488b.js → p-7213de6a.js} +10 -10
- package/dist/components/{p-e27c488b.js.map → p-7213de6a.js.map} +1 -1
- package/dist/components/{p-0c8bbdc3.js → p-7a06dd40.js} +2 -2
- package/dist/components/{p-0c8bbdc3.js.map → p-7a06dd40.js.map} +1 -1
- package/dist/components/{p-8f43fcdd.js → p-7b7d24e4.js} +2 -2
- package/dist/components/{p-8f43fcdd.js.map → p-7b7d24e4.js.map} +1 -1
- package/dist/components/{p-019e330f.js → p-7e73e2ab.js} +23 -23
- package/dist/components/{p-019e330f.js.map → p-7e73e2ab.js.map} +1 -1
- package/dist/components/{p-f815774c.js → p-8170f992.js} +2 -2
- package/dist/components/{p-f815774c.js.map → p-8170f992.js.map} +1 -1
- package/dist/components/{p-920711b0.js → p-839a8483.js} +6 -6
- package/dist/components/{p-920711b0.js.map → p-839a8483.js.map} +1 -1
- package/dist/components/{p-c29ca9d9.js → p-8464b61b.js} +27 -27
- package/dist/components/{p-c29ca9d9.js.map → p-8464b61b.js.map} +1 -1
- package/dist/components/{p-a0ae39bb.js → p-8c3ceb19.js} +2 -2
- package/dist/components/{p-a0ae39bb.js.map → p-8c3ceb19.js.map} +1 -1
- package/dist/components/{p-45800269.js → p-8f65b082.js} +3 -3
- package/dist/components/{p-45800269.js.map → p-8f65b082.js.map} +1 -1
- package/dist/components/{p-7962c1af.js → p-8fe8aa96.js} +5 -5
- package/dist/components/{p-7962c1af.js.map → p-8fe8aa96.js.map} +1 -1
- package/dist/components/{p-07d3ec9e.js → p-90b74587.js} +8 -8
- package/dist/components/{p-07d3ec9e.js.map → p-90b74587.js.map} +1 -1
- package/dist/components/{p-ee61f718.js → p-929f3db7.js} +2 -2
- package/dist/components/{p-ee61f718.js.map → p-929f3db7.js.map} +1 -1
- package/dist/components/{p-a4c683f7.js → p-98f926b7.js} +8 -8
- package/dist/components/{p-a4c683f7.js.map → p-98f926b7.js.map} +1 -1
- package/dist/components/{p-ec959ba7.js → p-9b6f904d.js} +13 -13
- package/dist/components/{p-ec959ba7.js.map → p-9b6f904d.js.map} +1 -1
- package/dist/components/{p-358396f3.js → p-9b76756f.js} +3 -3
- package/dist/components/{p-358396f3.js.map → p-9b76756f.js.map} +1 -1
- package/dist/components/{p-7d547395.js → p-a3c3ad07.js} +11 -9
- package/dist/components/p-a3c3ad07.js.map +1 -0
- package/dist/components/{p-f9c491ef.js → p-a5e2882c.js} +37 -37
- package/dist/components/{p-f9c491ef.js.map → p-a5e2882c.js.map} +1 -1
- package/dist/components/{p-d104367f.js → p-a609accf.js} +8 -8
- package/dist/components/{p-d104367f.js.map → p-a609accf.js.map} +1 -1
- package/dist/components/{p-08777b22.js → p-a6429017.js} +10 -10
- package/dist/components/{p-08777b22.js.map → p-a6429017.js.map} +1 -1
- package/dist/components/{p-cb45cc1f.js → p-a6d5be12.js} +3 -3
- package/dist/components/{p-cb45cc1f.js.map → p-a6d5be12.js.map} +1 -1
- package/dist/components/{p-1204db0b.js → p-a9658c80.js} +12 -12
- package/dist/components/{p-1204db0b.js.map → p-a9658c80.js.map} +1 -1
- package/dist/components/{p-4da92b01.js → p-aa4c856f.js} +2 -2
- package/dist/components/{p-4da92b01.js.map → p-aa4c856f.js.map} +1 -1
- package/dist/components/{p-4325ac30.js → p-ab9ef4cd.js} +2 -2
- package/dist/components/{p-4325ac30.js.map → p-ab9ef4cd.js.map} +1 -1
- package/dist/components/{p-b747b713.js → p-af9fa1ec.js} +12 -12
- package/dist/components/{p-b747b713.js.map → p-af9fa1ec.js.map} +1 -1
- package/dist/components/p-b7256688.js +45 -0
- package/dist/components/{p-855617c6.js.map → p-b7256688.js.map} +1 -1
- package/dist/components/{p-e54d19d9.js → p-b872c4bf.js} +2 -2
- package/dist/components/{p-e54d19d9.js.map → p-b872c4bf.js.map} +1 -1
- package/dist/components/{p-62ab1899.js → p-bea2bc37.js} +2 -2
- package/dist/components/{p-62ab1899.js.map → p-bea2bc37.js.map} +1 -1
- package/dist/components/{p-c9a29ee1.js → p-c5709c44.js} +9 -9
- package/dist/components/{p-c9a29ee1.js.map → p-c5709c44.js.map} +1 -1
- package/dist/components/p-cdc9a9c8.js +207 -0
- package/dist/components/{p-de39a980.js.map → p-cdc9a9c8.js.map} +1 -1
- package/dist/components/{p-fb11d1db.js → p-ce278389.js} +8 -8
- package/dist/components/{p-fb11d1db.js.map → p-ce278389.js.map} +1 -1
- package/dist/components/{p-e660be53.js → p-cfbebcab.js} +4 -4
- package/dist/components/{p-e660be53.js.map → p-cfbebcab.js.map} +1 -1
- package/dist/components/{p-d0049fe4.js → p-d43444b9.js} +2 -2
- package/dist/components/{p-d0049fe4.js.map → p-d43444b9.js.map} +1 -1
- package/dist/components/{p-f1cc5346.js → p-d5f38ffe.js} +4 -4
- package/dist/components/{p-f1cc5346.js.map → p-d5f38ffe.js.map} +1 -1
- package/dist/components/{p-5bf952c5.js → p-d90c3b15.js} +4 -4
- package/dist/components/{p-5bf952c5.js.map → p-d90c3b15.js.map} +1 -1
- package/dist/components/{p-d2aa1c38.js → p-dc42c9d4.js} +7 -7
- package/dist/components/p-dc42c9d4.js.map +1 -0
- package/dist/components/{p-c5ebb66b.js → p-e7beb22a.js} +6 -6
- package/dist/components/{p-c5ebb66b.js.map → p-e7beb22a.js.map} +1 -1
- package/dist/components/{p-ca6e8175.js → p-f09278ff.js} +2 -2
- package/dist/components/{p-ca6e8175.js.map → p-f09278ff.js.map} +1 -1
- package/dist/components/{p-2240500f.js → p-f7fad196.js} +9 -9
- package/dist/components/p-f7fad196.js.map +1 -0
- package/dist/components/{p-9a61768f.js → p-fdbb3c45.js} +3 -3
- package/dist/components/{p-9a61768f.js.map → p-fdbb3c45.js.map} +1 -1
- package/dist/components/{p-fd058de9.js → p-fdeef763.js} +14 -14
- package/dist/components/{p-fd058de9.js.map → p-fdeef763.js.map} +1 -1
- package/dist/components/{p-870628fb.js → p-fe691816.js} +2 -2
- package/dist/components/{p-870628fb.js.map → p-fe691816.js.map} +1 -1
- package/dist/components/{p-7c13984b.js → p-fe7fb697.js} +2 -2
- package/dist/components/{p-7c13984b.js.map → p-fe7fb697.js.map} +1 -1
- package/dist/components/{p-3fcaa69d.js → p-ffc32b0a.js} +3 -3
- package/dist/components/{p-3fcaa69d.js.map → p-ffc32b0a.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +100 -100
- 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-schedule.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-icon.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +22 -22
- 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.js +1 -1
- 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.js +1 -1
- 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_110.entry.js +93 -92
- package/dist/esm/smoothly-app_110.entry.js.map +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-fc0c0853.entry.js → p-6898f66b.entry.js} +2 -2
- package/dist/smoothly/{p-007b4bab.entry.js → p-7459cf1d.entry.js} +2 -2
- package/dist/smoothly/p-86de151a.entry.js +2 -0
- package/dist/smoothly/p-86de151a.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/input/demo/standard/index.d.ts +2 -0
- package/dist/types/components/input/select/index.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/components/p-086f9642.js +0 -123
- package/dist/components/p-2240500f.js.map +0 -1
- package/dist/components/p-7d547395.js.map +0 -1
- package/dist/components/p-7f7c4cf3.js.map +0 -1
- package/dist/components/p-855617c6.js +0 -45
- package/dist/components/p-d2aa1c38.js.map +0 -1
- package/dist/components/p-de39a980.js +0 -207
- package/dist/components/p-fe562681.js.map +0 -1
- package/dist/smoothly/p-6d9cf6a6.entry.js +0 -2
- package/dist/smoothly/p-6d9cf6a6.entry.js.map +0 -1
- /package/dist/smoothly/{p-fc0c0853.entry.js.map → p-6898f66b.entry.js.map} +0 -0
- /package/dist/smoothly/{p-007b4bab.entry.js.map → p-7459cf1d.entry.js.map} +0 -0
|
@@ -8637,7 +8637,7 @@ const SmoothlyFrame = class {
|
|
|
8637
8637
|
};
|
|
8638
8638
|
SmoothlyFrame.style = SmoothlyFrameStyle0;
|
|
8639
8639
|
|
|
8640
|
-
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%}";
|
|
8640
|
+
const styleCss$15 = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{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%}";
|
|
8641
8641
|
const SmoothlyIconStyle0 = styleCss$15;
|
|
8642
8642
|
|
|
8643
8643
|
const SmoothlyIcon = class {
|
|
@@ -8994,7 +8994,7 @@ var Key;
|
|
|
8994
8994
|
Key.create = create;
|
|
8995
8995
|
})(Key || (Key = {}));
|
|
8996
8996
|
|
|
8997
|
-
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
|
|
8997
|
+
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>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.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>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
|
|
8998
8998
|
const SmoothlyInputStyle0 = styleCss$13;
|
|
8999
8999
|
|
|
9000
9000
|
const SmoothlyInput = class {
|
|
@@ -9127,7 +9127,7 @@ const SmoothlyInput = class {
|
|
|
9127
9127
|
}
|
|
9128
9128
|
render() {
|
|
9129
9129
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
9130
|
-
return (index.h(index.Host, { key: '
|
|
9130
|
+
return (index.h(index.Host, { key: '2919cd51f7d7b3ba2176eddc1ff831816c92c987', 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: '5145e533a3a92d3af606feac8a293d3970c9ebf8', name: "start" }), index.h("div", { key: 'c3994ad092c25b645d28ee356abd6162b7e33f48', class: "smoothly-input-container" }, index.h("div", { key: 'd17593ce3fc28fd323aca60246cd5220be409d63', class: "ghost" }, index.h("div", { key: 'e36e8596487c7010d060895ff659a52ff6797c34', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '7c00c930e40ae6dc5d5af224235f41e1bcfbcabb', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '7575ecc7896b798e4005b42f7b6734344efe6657', 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 => {
|
|
9131
9131
|
this.state = this.stateHandler.onKeyDown(event, this.state);
|
|
9132
9132
|
if (!this.readonly && !this.disabled)
|
|
9133
9133
|
this.smoothlyKeydown.emit(Key.create(this.name, event));
|
|
@@ -9140,7 +9140,7 @@ const SmoothlyInput = class {
|
|
|
9140
9140
|
if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
|
|
9141
9141
|
this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
|
|
9142
9142
|
}
|
|
9143
|
-
} }), index.h("label", { key: '
|
|
9143
|
+
} }), index.h("label", { key: 'cf0a7fd7232276a7171dd4ab7e6a0415cb1cbf36', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: '9bc5693244bb31c83ff78c101c6e1c324ceab39f' }))), index.h("smoothly-icon", { key: '9717625bea2486d73fe336222b1daa573fd5f381', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'c4517ef1496aaf425e4273264a85bc1fa0be7051', name: "end" })));
|
|
9144
9144
|
}
|
|
9145
9145
|
get element() { return index.getElement(this); }
|
|
9146
9146
|
static get watchers() { return {
|
|
@@ -9551,7 +9551,7 @@ const SmoothlyInputDate = class {
|
|
|
9551
9551
|
};
|
|
9552
9552
|
SmoothlyInputDate.style = SmoothlyInputDateStyle0;
|
|
9553
9553
|
|
|
9554
|
-
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}";
|
|
9554
|
+
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;width:100%;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}";
|
|
9555
9555
|
const SmoothlyInputDateRangeStyle0 = styleCss$_;
|
|
9556
9556
|
|
|
9557
9557
|
const SmoothlyInputDateRange = class {
|
|
@@ -9706,7 +9706,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9706
9706
|
constructor(hostRef) {
|
|
9707
9707
|
index.registerInstance(this, hostRef);
|
|
9708
9708
|
this.duration = { hours: 8 };
|
|
9709
|
-
this.options = {
|
|
9709
|
+
this.options = {};
|
|
9710
9710
|
}
|
|
9711
9711
|
connectedCallback() {
|
|
9712
9712
|
this.updateInputHeightText();
|
|
@@ -9723,7 +9723,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9723
9723
|
}
|
|
9724
9724
|
render() {
|
|
9725
9725
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9726
|
-
return (index.h(index.Host, { key: '
|
|
9726
|
+
return (index.h(index.Host, { key: 'f801d0ca2e585a3e8775aecd56392be0ad18f322', class: { vertical: !!this.options.vertical } }, index.h("div", { key: 'f308006ee7d5a5ee74bdfd6e4c0a396d5943344a', class: "description" }, index.h("h2", { key: '1786838f1f0618009ad88cb3e7118f377115ccfe' }, "Input Standard"), index.h("p", { key: 'a855497d229e1460e0a391a4eeafc4319e319ad3' }, "Height of input should be ", index.h("code", { key: '7315775949288b674244360d9b71a68db0ba63ec' }, "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: 'e99c009de95c9a336f55f205d6c0095978065fe4', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: 'ea85f606a17014c35939c7b03382387f941c7d45', name: "looks" }, index.h("span", { key: 'e65ced6505c629ca053f448ebdde22464ea0d4ec', slot: "label" }, "Looks"), Looks.types.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-checkbox", { key: '6d2f3ad828e435adc7fececf895a227ff8794c54', name: "readonly" }, "Readonly"), index.h("smoothly-input-select", { key: '63b277bad1655eb8684e55d54f12eaa1472eef3a', name: "color" }, index.h("span", { key: 'e21fc88c66ea60bf93132b69c37eeea6ee0df079', 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: '101a4fd136d354e63d61cfdf49bf1cbff1f9122e', slot: "end" })), index.h("smoothly-input-checkbox", { key: '5e534abe2dc92da3c53dea0ca219f28a86df9ddc', name: "vertical" }, "Vertical Layout"), index.h("smoothly-input-checkbox", { key: '4418a73f24ae416737954e43ed543795f5b25218', name: "showLabel", checked: true }, "Show Label"), index.h("smoothly-input-checkbox", { key: 'ba03de22f1f3395ed792c959499881dfb54f2f0b', name: "placeholder" }, "Placeholder"), index.h("smoothly-input-checkbox", { key: 'd16eeb2a080eff475a865ae3539c65c2dd845c85', name: "invalid" }, "Invalid"), index.h("smoothly-input", { key: 'e6b74813ff8548ed316f162ac1361d8b56c37461', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), index.h("smoothly-input-range", { key: '051b4b2a13728bf248a1173db5f2dedb0e349428', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }))), index.h("div", { key: '8dcf1f2a2e93d3844579adfc4111084d6af30158', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: '0a963e124569f0d001c4123244875d0202b0101a', class: "width" }, "100%"), index.h("div", { key: '3146298bfdf86c8acb3801c6031d3c56de357237', class: "left-padding" }, "0.5rem - left padding"), index.h("smoothly-input", { key: '377154e6ccfc475e159e1402d7f355b088639b8e', name: "text", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '7ba4aae924980bbbf20b685dd9200d009ba8c118' }, "Text"), index.h("smoothly-input-clear", { key: '07d1c750c2e8b206df1792749862dd9e05cd0081', slot: "end" })), index.h("div", { key: '428184fd6e353ef4fb5b2f09eb298631f28ea806', class: "height" }), index.h("smoothly-input-select", { key: '720bc2716b3e179e5e58d2223ad2e5c5ab945b0f', name: "month", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && index.h("label", { key: '07ce6eff5aafb6e59309fa5f2764d698ab6aabb1', slot: "label" }, "Select"), index.h("smoothly-item", { key: '329eb5df9b843bada0107b7d7e70cb4ed2d65c12', value: "1" }, "January"), index.h("smoothly-item", { key: '02c18fc00ff6bd79ebea43430e42880252170876', value: "2" }, "February"), index.h("smoothly-item", { key: '3d3f3d9b6970a5b6171430c9b4ac77dc28ee15a8', value: "3" }, "March"), index.h("smoothly-item", { key: 'bbd6a45806844288797cf6dd54a1f0f6241613fb', value: "4" }, "April"), index.h("smoothly-item", { key: 'ea16ddebeb69043bbf81b00d24d7579c3c460ae4', value: "5" }, "May"), index.h("smoothly-item", { key: '65b5079f6bcb347c0bd7607ab1d254aab6587b08', value: "6" }, "June"), index.h("smoothly-item", { key: '112ae9deacf35b229b21b5ba98ccd6b6cf20b3d4', value: "7" }, "July"), index.h("smoothly-item", { key: '6357123ba774f460c3d472796440bcdea31cabff', value: "8" }, "August"), index.h("smoothly-item", { key: '7e152148473ba0a78095bf958a47ff250ca3f7ae', value: "9" }, "September"), index.h("smoothly-item", { key: '18ec71e93e318bbc26219c255e41e044f8f581d7', value: "10" }, "October"), index.h("smoothly-item", { key: 'dcda8c3efc3252db74fa2996394437199ae26bfb', value: "11" }, "November"), index.h("smoothly-item", { key: '0664655a80357d780f14683275d94746bea0acac', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '34703e234f2d283f5b2bf1bb7786e40d463b6640', slot: "end" })), index.h("div", { key: 'b378b73ec0f9068d04c274348a9802de24cf61b7', class: "height" }), index.h("smoothly-input-checkbox", { key: '7f29bd8cf5a22ee998b0fe1621772c6da9db6afe', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), index.h("div", { key: '205b4f56f31677ab496b39e5b8b70e2923569031', class: "height" }), index.h("smoothly-input-radio", { key: '70b98121b60a4ff5b09b35b7ce100b00cf9f91e2', 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: '06ad97853a1d43877843eb19b4309c9fdf2e79ca', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: 'de0e8a10725c63cb558505983d2a30d7d4529851', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'a82a4fe51692ea235a14c19d3e6368aa286c88ff', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'fbcb1165ad5da5dfe59ed3e354d4c3fc1782027e', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: 'a18902a2746e7706b076b6184887396cf6a3b149', slot: "end" })), index.h("div", { key: '1cfd2b4ad56c3fd4ebd7f391588546898bc917c1', class: "height" }), index.h("smoothly-input-file", { key: '37d561139145352286dbefd2536cc2eb4dfa7755', 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: 'a786ef8c9b450e13b494a51739afad7022c34ba8', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: '561d9ccdc2eab0fd9782a39ac07ecba92268e80e', slot: "end" })), index.h("div", { key: 'f787cd9ec44d38988dd30892bf54f2e8ec6a4c44', class: "height" }), index.h("smoothly-input-range", { key: 'f467e42c4add7954da4183236493fd229ba95f32', 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: '546d10f1c7bf5bdd153bf5acea8dcc570f89938a', slot: "end" })), index.h("div", { key: 'c82cabb2a0746af4d10340632011cd4c57a7d47f', class: "height" }), index.h("smoothly-input-color", { key: '017d27dab7c05d7113cb647ab8c90c82142a4df9', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '8d95c32f98043872cda16442aed23d889751bc6d' }, "Color"), index.h("smoothly-input-clear", { key: 'fb813435fcef0bfc196ad89f552c6a9465cfca99', slot: "end" })), index.h("div", { key: 'd0dbe76654cd3e96954aeb0ed77f89249e186f20', class: "height" }), index.h("smoothly-input-date", { key: 'ddf1219d69dead7028cae1d97a009a11f0031921', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '5ffa6841300743bff16347451140fd59fe04cf50' }, "Date"), index.h("smoothly-input-clear", { key: '822cdbf10ea7ff2dcdca5cb2b42eabf419f76aad', slot: "end" })), index.h("div", { key: '49411f5b1f1a847a7a4ef623af0496366a2e172b', class: "height" }), index.h("smoothly-input-date-range", { key: '8e2eda1171ae3c705b3691b8fb300e95d9b59a64', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '7763d6f09482427b40d2070add839ef6ff3b59a9' }, "Date Range"), index.h("smoothly-input-clear", { key: 'ebaa2a654561246dfe5914d2eda6077c0c94011a', slot: "end" })), index.h("div", { key: 'cd19dc2bbf52e9afcb8d29f4aba60885ac9b2fb5', class: "height" }), index.h("div", { key: 'd446c605508523f32111dba2b3e2758f4112e5f9', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9727
9727
|
}
|
|
9728
9728
|
get element() { return index.getElement(this); }
|
|
9729
9729
|
};
|
|
@@ -9762,7 +9762,7 @@ const SmoothlyInputEdit = class {
|
|
|
9762
9762
|
}
|
|
9763
9763
|
render() {
|
|
9764
9764
|
var _a;
|
|
9765
|
-
return (index.h(index.Host, { key: '
|
|
9765
|
+
return (index.h(index.Host, { key: '4c82763575091a9e53ed58a308c0d506c584753a', title: this.toolTip }, index.h("smoothly-button", { key: '9e14baa0ac6e202fa3416630c9fa8703ebdb7ba8', 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: '8a0ef151886a6fc09874f68c1367826682bd9e87' }), index.h("smoothly-icon", { key: '2078d35ea1fdd67224c58684245cb169a71f3c3e', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9766
9766
|
}
|
|
9767
9767
|
};
|
|
9768
9768
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -9876,7 +9876,7 @@ const SmoothlyInputFile = class {
|
|
|
9876
9876
|
}
|
|
9877
9877
|
render() {
|
|
9878
9878
|
var _a, _b, _c;
|
|
9879
|
-
return (index.h(index.Host, { key: '
|
|
9879
|
+
return (index.h(index.Host, { key: '491be622870e2e5217bfeacc20acdccf4bf42be1', 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: '47c1ed4c5ad27b176a8b14a3749ec4d05229ef64' }, index.h("slot", { key: 'd134c8621f220fed69e11cd4100a1360c5e45bb8', name: "label" })), index.h("div", { key: 'efc23d0c156e488040cde379a6e4aff45a248768', class: "input" }, index.h("smoothly-button", { key: '6ef15877e7195e9e92fbb86e708c56a409acab1d', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '88eefbd5b2be014c36c5aa00bfc643c943b7fff1', name: "button" })), index.h("span", { key: 'b8bad33bcf514befc3f02cdb3c6a5d2f83a3c362' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '3bc1075f3d478345787eed612fad5904d5a3140b', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: 'f1d3fcf2cb8921654eb694e74e6425dc83c60355', name: "document-attach-outline" })), index.h("input", { key: '6b1a8c513be73af93a942a3325d57350656ff406', 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: 'b3b2b22f77ca1dacbea0a369b7eb2ae13b8c9f98', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '8dd99bb19272b490a1a22582ec1c6182a31fa7f6', name: "end" }))));
|
|
9880
9880
|
}
|
|
9881
9881
|
get element() { return index.getElement(this); }
|
|
9882
9882
|
static get watchers() { return {
|
|
@@ -9997,9 +9997,9 @@ const SmoothlyInputMonth = class {
|
|
|
9997
9997
|
}
|
|
9998
9998
|
render() {
|
|
9999
9999
|
var _a, _b;
|
|
10000
|
-
return (index.h(index.Host, { key: '
|
|
10000
|
+
return (index.h(index.Host, { key: 'aa0b40073f5f9bcf32241509ed90d4b8ae4b0f34' }, index.h("smoothly-icon", { key: 'e85c13db823491d60f653b4d6be7655f6027060c', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
10001
10001
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
10002
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '
|
|
10002
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '668d3851808a3f4081c40a038110dd92ff70b472', 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: '4daa5c21a6e912f1c68070f61787093cbd7b76e0', slot: "label" }, index.h("slot", { key: '6128ae5b123b765f06c79955b65ae6615c2dbfbc', 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: 'def2544540acfe361de31656f257caa42e00ec70', 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: '6ce12ac4ae5d6106fbd2a24100dedbae5fe2ef4f', slot: "label" }, index.h("slot", { key: 'd4735ee00f44e15696f3f8c2ea97c2ec7cd6367b', 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: '8c23347945ff433523df1d8b3b0f5907e194fd14', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
10003
10003
|
disabled: this.readonly || !this.allowNextMonth,
|
|
10004
10004
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
10005
10005
|
}
|
|
@@ -10131,7 +10131,7 @@ const SmoothlyInputRadio = class {
|
|
|
10131
10131
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10132
10132
|
}
|
|
10133
10133
|
render() {
|
|
10134
|
-
return (index.h(index.Host, { key: '
|
|
10134
|
+
return (index.h(index.Host, { key: 'd5c9b50ade17c87ee4207620548a1756452dd7f1', class: "floating-label" }, index.h("slot", { key: '0bb47eacc21cd80ad57cef2e264c22c30408170e', name: "start" }), index.h("div", { key: '1a128681cef051664cad9c99a65cc5af7f69ee7d' }, index.h("slot", { key: '81d055488a0f0b1089459413fbc0835e6726d0b7', name: "label" }), index.h("div", { key: 'babf56f83549be2478dc43e3f0cd1efcafb7d9df', class: "options" }, index.h("slot", { key: '434fd9a81af5a5ff6813bc247b95b2cec6f85272' }))), index.h("slot", { key: '99fe30e834b74f9a518f4df1ec58a220474c97d3', name: "end" })));
|
|
10135
10135
|
}
|
|
10136
10136
|
get element() { return index.getElement(this); }
|
|
10137
10137
|
static get watchers() { return {
|
|
@@ -10162,7 +10162,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
10162
10162
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10163
10163
|
}
|
|
10164
10164
|
render() {
|
|
10165
|
-
return (index.h(index.Host, { key: '
|
|
10165
|
+
return (index.h(index.Host, { key: '4050066bdb8e251aea327a2793ff76fa8328ccb1', onClick: () => this.inputHandler() }, index.h("input", { key: 'b084c07081ca1ec30b6babc95c20edacbab38dc8', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: '789673f1d35f1e8df752c9613bf7e91f0f85cbb8', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '7471bd5c94859d74f2a939211bbb3908b1cd2f2c' }, index.h("slot", { key: '56b5c28d9393c2552d9361e405b84b0ce5dabb32' }))));
|
|
10166
10166
|
}
|
|
10167
10167
|
get element() { return index.getElement(this); }
|
|
10168
10168
|
};
|
|
@@ -10266,17 +10266,17 @@ const SmoothlyInputRange = class {
|
|
|
10266
10266
|
}
|
|
10267
10267
|
render() {
|
|
10268
10268
|
var _a, _b, _c;
|
|
10269
|
-
return (index.h(index.Host, { key: '
|
|
10269
|
+
return (index.h(index.Host, { key: 'db364d48a08c466ba61bfd2379499309c57548c6', class: {
|
|
10270
10270
|
"output-side-right": this.outputSide === "right",
|
|
10271
10271
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10272
|
-
} }, index.h("slot", { key: '
|
|
10272
|
+
} }, index.h("slot", { key: 'a44f61849476e4bf811486a555c3f81c3a21ad11', name: "start" }), index.h("div", { key: '50a390145faa95bc18c76f0177aaaf6316a48e02' }, index.h("label", { key: 'b3896b960fce4e257bf250044d9446bf13b4d05f', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '98f34e1d9f3d314f1d36ea51570ade80248e09e9', 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(),
|
|
10273
10273
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10274
10274
|
e.stopPropagation();
|
|
10275
10275
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10276
|
-
}, 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: '
|
|
10276
|
+
}, 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: 'ba539540cebbcdf6b8ed8074069ded8bd9083a53', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '9c4d96d7954a42d3acdd87559143237665e12ca3', 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 => {
|
|
10277
10277
|
event.stopPropagation();
|
|
10278
10278
|
this.setValue(event.target.valueAsNumber);
|
|
10279
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '
|
|
10279
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'b6c57b76d0f3f640af5e3bb40c91b3c2ca4fab7c', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '62120d5aae2ad288a41202ed279a7c973f8ae210', name: "end" })));
|
|
10280
10280
|
}
|
|
10281
10281
|
get element() { return index.getElement(this); }
|
|
10282
10282
|
static get watchers() { return {
|
|
@@ -10290,7 +10290,7 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10290
10290
|
index.registerInstance(this, hostRef);
|
|
10291
10291
|
}
|
|
10292
10292
|
render() {
|
|
10293
|
-
return (index.h(index.Host, { key: '
|
|
10293
|
+
return (index.h(index.Host, { key: '7755296b3ff4f4d0ef6985a7926ce037208483a3' }, index.h("h2", { key: 'f8dbb6c4b466de2f05ac82ea261be961f35f3d2b' }, "Range"), index.h("h3", { key: '690a16cfba6122e9a927dbf9c8dc078038cdadcb' }, "Phone Number"), index.h("smoothly-input-range", { key: 'e197f625e981e2507122af04920e13e6663ad9cd', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: 'fcdeeac93c47c4cf96f8d7a52811f09e2f75ea1e' }, "Stars out of ten"), index.h("smoothly-input-range", { key: '8a9693949a16495e411f944ea18d882044b9501b', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: 'c0dc4bb173e2d01acce664076d65dbe306f43302' }, "Percent"), index.h("smoothly-input-range", { key: '95f56d349df31ff4cc1879f585250cec0662fbb0', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: 'd97aad1bd87a1237720d6dd06ebc47e226acb96a' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '693dce4b8ce3a2991656da0d758ef56e4b1bc7ca', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '3a0f308943942de7306f5b5c616cdc344f9ef553', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '0a724a9f326c4ccc8440561a817ceb1d5d2cd354', size: "icon", slot: "end" }))));
|
|
10294
10294
|
}
|
|
10295
10295
|
};
|
|
10296
10296
|
|
|
@@ -10336,7 +10336,7 @@ const SmoothlyInputReset = class {
|
|
|
10336
10336
|
}
|
|
10337
10337
|
render() {
|
|
10338
10338
|
var _a;
|
|
10339
|
-
return (index.h(index.Host, { key: '
|
|
10339
|
+
return (index.h(index.Host, { key: '9ee18eb0aab780f7646269da2ff328d91428d4a3', title: this.tooltip }, index.h("smoothly-button", { key: '42de50f9d8a82f1b0cd77cd780a4974196c70416', 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: '052e1b22942b64a527981f537f183a74318da4f9' }), index.h("smoothly-icon", { key: '2cafb12e9fb7a0856c65415dd255ba87cc6e1897', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10340
10340
|
}
|
|
10341
10341
|
};
|
|
10342
10342
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10357,7 +10357,7 @@ var Item;
|
|
|
10357
10357
|
Item.is = Item.type.is;
|
|
10358
10358
|
})(Item || (Item = {}));
|
|
10359
10359
|
|
|
10360
|
-
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%;
|
|
10360
|
+
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%;padding-inline:var(--input-padding-side)}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-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,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>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}";
|
|
10361
10361
|
const SmoothlyInputSelectStyle0 = styleCss$P;
|
|
10362
10362
|
|
|
10363
10363
|
const SmoothlyInputSelect = class {
|
|
@@ -10374,6 +10374,7 @@ const SmoothlyInputSelect = class {
|
|
|
10374
10374
|
this.items = [];
|
|
10375
10375
|
this.lastOpen = false;
|
|
10376
10376
|
this.invalid = false;
|
|
10377
|
+
this.errorMessage = undefined;
|
|
10377
10378
|
this.name = "selected";
|
|
10378
10379
|
this.color = undefined;
|
|
10379
10380
|
this.looks = undefined;
|
|
@@ -10643,14 +10644,14 @@ const SmoothlyInputSelect = class {
|
|
|
10643
10644
|
this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10644
10645
|
}
|
|
10645
10646
|
render() {
|
|
10646
|
-
return (index.h(index.Host, { key: '
|
|
10647
|
+
return (index.h(index.Host, { key: '4504ac07b8bf4cf9cca3dcb8940c23312f515e60', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '95d2b27548a22908478cab1f198df216ad2bc29d', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '1c64ca38fad25046d160b7dabe20bbeff9d6039e', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'c01d911fcf4243f8f14e7509838778576d368ce8', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: '64ab88efbc7dc266bb23782684a0519a79fad7c8', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '0c298580239d66f231443607c4d17ef060b5521e', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '4f068fdd583639ca1ece34b5730f79ac033d6629', name: "label" }), index.h("div", { key: '28be42612595dd29726eb179d26b4a06870816dc', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '2773ae2fdc7ea0a8bb3149fa66617dd948546329', class: "search-preview" }, index.h("smoothly-icon", { key: '6ebd89df60b86ee71b887657e4b051daddcee282', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'c5c689051167bf3ba0312c9c0e2e54fb99eb977c', name: "backspace-outline", size: "small", onClick: e => {
|
|
10647
10648
|
e.stopPropagation();
|
|
10648
10649
|
this.filter = "";
|
|
10649
10650
|
this.element.focus();
|
|
10650
|
-
} }), this.mutable && (index.h("smoothly-icon", { key: '
|
|
10651
|
+
} }), this.mutable && (index.h("smoothly-icon", { key: 'd8101bce9ca797f3aade26475d4046da69c5ce3b', name: "add", size: "small", onClick: e => {
|
|
10651
10652
|
e.stopPropagation();
|
|
10652
10653
|
this.addItem();
|
|
10653
|
-
} })))), index.h("slot", { key: '
|
|
10654
|
+
} })))), index.h("slot", { key: '808eb34f3ca3efa1ed144039faaad03d17e6acea' }), this.addedItems)));
|
|
10654
10655
|
}
|
|
10655
10656
|
get element() { return index.getElement(this); }
|
|
10656
10657
|
static get watchers() { return {
|
|
@@ -10711,7 +10712,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10711
10712
|
}
|
|
10712
10713
|
render() {
|
|
10713
10714
|
var _a, _b;
|
|
10714
|
-
return (index.h(index.Host, { key: '
|
|
10715
|
+
return (index.h(index.Host, { key: '9e88fd69d424fde703b43ff3982e50a7dd22ea9a', 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" })))));
|
|
10715
10716
|
}
|
|
10716
10717
|
};
|
|
10717
10718
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
@@ -10752,7 +10753,7 @@ const SmoothlyItem = class {
|
|
|
10752
10753
|
: false;
|
|
10753
10754
|
}
|
|
10754
10755
|
render() {
|
|
10755
|
-
return (index.h(index.Host, { key: '
|
|
10756
|
+
return (index.h(index.Host, { key: '43c89251f05f6c6e6d9b6364c44cc4625ebb560b', tabIndex: -1 }, index.h("slot", { key: '51384f68f245a159fb854a9c1240b02f4eccf672' })));
|
|
10756
10757
|
}
|
|
10757
10758
|
get element() { return index.getElement(this); }
|
|
10758
10759
|
static get watchers() { return {
|
|
@@ -10773,9 +10774,9 @@ const SmoothlyLabel = class {
|
|
|
10773
10774
|
}
|
|
10774
10775
|
render() {
|
|
10775
10776
|
var _a;
|
|
10776
|
-
return (index.h(index.Host, { key: '
|
|
10777
|
+
return (index.h(index.Host, { key: 'e707400400f0a62c9f515b8b8b7eeea0e2b8341f', title: this.description, style: {
|
|
10777
10778
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10778
|
-
} }, index.h("slot", { key: '
|
|
10779
|
+
} }, index.h("slot", { key: 'a15aa17b778520de6770aa51780532625ef97b12' })));
|
|
10779
10780
|
}
|
|
10780
10781
|
};
|
|
10781
10782
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -10794,7 +10795,7 @@ const SmoothlyLazy = class {
|
|
|
10794
10795
|
this.show = true;
|
|
10795
10796
|
}
|
|
10796
10797
|
render() {
|
|
10797
|
-
return (index.h(index.Host, { key: '
|
|
10798
|
+
return (index.h(index.Host, { key: '456486b3992a1f20395368286a55de3354ec032c' }, index.h("slot", { key: '529fa4229d8d4425fd591a49cbf02d5511b4ba43', name: "before" }), index.h("smoothly-load-more", { key: 'd8412e6f119340e3e41a53118ff432ba68daa5bb', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: '81acba6b30bb362cb35a8e4b1b5f24544c1eecd2' })));
|
|
10798
10799
|
}
|
|
10799
10800
|
};
|
|
10800
10801
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10838,7 +10839,7 @@ const LoadMore = class {
|
|
|
10838
10839
|
}
|
|
10839
10840
|
}
|
|
10840
10841
|
render() {
|
|
10841
|
-
return index.h(index.Host, { key: '
|
|
10842
|
+
return index.h(index.Host, { key: '88d78cc2de5316901400d9aaf4b4821c41141a6f' });
|
|
10842
10843
|
}
|
|
10843
10844
|
get element() { return index.getElement(this); }
|
|
10844
10845
|
};
|
|
@@ -10858,7 +10859,7 @@ const SmoothlyModal = class {
|
|
|
10858
10859
|
this.smoothlyModalChange.emit(this.open);
|
|
10859
10860
|
}
|
|
10860
10861
|
render() {
|
|
10861
|
-
return (index.h(index.Host, { key: '
|
|
10862
|
+
return (index.h(index.Host, { key: '801947ef6b4a478a8f886a8c4ae1dd56524a63ea', role: "alertdialog" }, index.h("div", { key: '7c985ac2faa462ba5032eda403590bb2f7a4ee54', class: "modal" }, index.h("div", { key: '76980f70e1ee060a8ed350bdf0853541c0ac405d', class: "header" }, index.h("slot", { key: 'd44475efdc67173d95fa445dd0c315e19e945d66', name: "header" }), this.closable && index.h("smoothly-icon", { key: '208721565897332ba64c7dfeca45c7963f281447', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), index.h("slot", { key: '94c8fefa8d6fecd8cddeb1081e7a8e0e3f9037b8' }), index.h("div", { key: 'f9a0794ce0b7b950c7cbd49fb1129a5d3b4bf8b1', class: "actions" }, index.h("slot", { key: '2b248577e2099e7391bbbc10f9c68594db42fc16', name: "actions" })))));
|
|
10862
10863
|
}
|
|
10863
10864
|
static get watchers() { return {
|
|
10864
10865
|
"open": ["openChanged"]
|
|
@@ -10874,7 +10875,7 @@ const SmoothlyNextDemo = class {
|
|
|
10874
10875
|
index.registerInstance(this, hostRef);
|
|
10875
10876
|
}
|
|
10876
10877
|
render() {
|
|
10877
|
-
return (index.h(index.Host, { key: '
|
|
10878
|
+
return (index.h(index.Host, { key: '77f3283fde37e54b01579e48c68c902d2bb86c87' }, index.h("smoothly-next-demo-filler-row-demo", { key: 'e444e7bf46afead76768a7b28c4c6da1f54f25d1' }), index.h("smoothly-next-demo-group", { key: '3f9156e7f83e2702c61a3b138f1315e040b0074d' }), index.h("smoothly-next-demo-colspan", { key: '9505639e7f3c473e9c5709b378258b685053070b' }), index.h("smoothly-next-demo-simple", { key: '170dcda20a68650c765f40df09a9c66a3744c73e' }), index.h("smoothly-next-demo-nested", { key: '606abd8e4cd0aeb491ff6cb90de1dfbc9eaeb407' }), index.h("smoothly-next-table-demo-filtered", { key: '8d052af6a38c5b2b95259357b75b9157924faaa1' })));
|
|
10878
10879
|
}
|
|
10879
10880
|
};
|
|
10880
10881
|
SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
|
|
@@ -10887,7 +10888,7 @@ const SmoothlyNextDemoColspan = class {
|
|
|
10887
10888
|
index.registerInstance(this, hostRef);
|
|
10888
10889
|
}
|
|
10889
10890
|
render() {
|
|
10890
|
-
return (index.h(index.Host, { key: '
|
|
10891
|
+
return (index.h(index.Host, { key: 'f4b9dedf21ff1bc10b8b5846f31066e8b982df5b' }, index.h("smoothly-next-table", { key: 'fcc3275be4f42a5655ed6c31afbb4e99e566f430', columns: 3 }, index.h("smoothly-next-table-head", { key: '22baac2ea55e6f5109fe7eeb9a5307acfbb01b33' }, index.h("smoothly-next-table-row", { key: '2b5ef747bcc723acc2a587c683cfaae1fc236926' }, index.h("smoothly-next-table-cell", { key: '2d7d833c0f5f4d617470b74b8a45c68bd691464c' }, "Date"), index.h("smoothly-next-table-cell", { key: 'ca2a65a1319363134923542878524b31967aac43' }, "Skip"), index.h("smoothly-next-table-cell", { key: '7834a87db66b346cc9bc6c5fa2cf29c76c94cea3' }, "Total"))), index.h("smoothly-next-table-body", { key: '91cb707c1edb81d26df9b95fa311ce17be675f48' }, index.h("smoothly-next-table-row", { key: '133a083be06cccb72d0ab04b5782b4b644a4f422' }, index.h("smoothly-next-table-cell", { key: '0f6ba7ca4bf7e40950862a256e4dc6fb7e95733d', span: 2 }, index.h("smoothly-display", { key: 'bc17db67687b098609e1be26ad1c6f6a62537ec2', type: "date", value: "2024-01-01" })), index.h("smoothly-next-table-cell", { key: 'ede7cc9b3a41505a1bf3ed95c66f71235f2ee7f0' }, index.h("smoothly-display", { key: 'cbe24d66d6922a51aecd1d8ec43564887a31a2cc', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-next-table-row", { key: '210fc2e7486179f9018ec60c857e3fae7e9b5212' }, index.h("smoothly-next-table-expandable-cell", { key: '8e4812931707a514be28b4b21bdabc4181454716', span: 2 }, index.h("smoothly-display", { key: '20fc43a45a6fd58a5a28c6a7195366caff87433a', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: '32ab868369e465b891408cdb89391dab342452e9', 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: '028d8ea8539bcb61de41074b0465b24c4ee2d7fb' }, index.h("smoothly-display", { key: '88f1ca1dcb24fd7753be901fa5f361ab8b0bd788', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: '928ae7c789c543dba2dd18a93b4ef8d4e8e2941d', 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: '4dc6398001ea9fbefba2300eabaa7046ae8bcf8d' }, index.h("smoothly-next-table-cell", { key: 'a4ddd0e4adb3969bfb21cdbaa722d54443e589ae' }, index.h("smoothly-display", { key: 'ed638e181d9907dd9f10a74a23ae8121e3c9a0d2', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '3d65be363fff107f6a81e872bedbcee3f03cfb6b' }, "Not Skipped"), index.h("smoothly-next-table-cell", { key: '0bc8547528f9dc2f75bd46dad39661114606a3ac' }, index.h("smoothly-display", { key: '724b68d3980c0bba5cd82cc97ee3fd47bbf6936b', type: "price", value: 320, currency: "EUR" })))))));
|
|
10891
10892
|
}
|
|
10892
10893
|
};
|
|
10893
10894
|
SmoothlyNextDemoColspan.style = SmoothlyNextDemoColspanStyle0;
|
|
@@ -10906,7 +10907,7 @@ const SmoothlyNextDemoFillerRowDemo = class {
|
|
|
10906
10907
|
}, 3000);
|
|
10907
10908
|
}
|
|
10908
10909
|
render() {
|
|
10909
|
-
return (index.h(index.Host, { key: '
|
|
10910
|
+
return (index.h(index.Host, { key: '30e3c4d25ef807be7419dab29ccc640b8b31bf06' }, index.h("smoothly-display", { key: '6591ac275302c2d8281b377d4abdbeb8d415e0f0', type: "text", value: "Filler row" }), index.h("smoothly-next-table", { key: 'ebfce17362e0fcb5cd63caba4f0fe1313c8ea3b2', color: "primary", columns: 4 }, index.h("smoothly-next-table-head", { key: '4cd56033a6a04a4e4217be8fb1b8b4bd68e56b36' }, index.h("smoothly-next-table-row", { key: '7e46a458e7805266fe3eca11973e4c8ee529387f' }, index.h("smoothly-next-table-cell", { key: 'aeb99aa8c144dc58e0b4c029d937a52c8dce59d8' }, "Breed"), index.h("smoothly-next-table-cell", { key: 'f6a5be96cbe6b2ed93db037ba3e7dfd0198d83db' }, "Country"), index.h("smoothly-next-table-cell", { key: 'c92067b9d661d669b2941d6e8d6d2fa1100faa4a' }, "Coat"), index.h("smoothly-next-table-cell", { key: '867960d040823b2a28850e0ddca464c0bcbbcb51' }, "Origin"))), index.h("smoothly-next-table-body", { key: '3d4a400189f57525c9148d573f5059f383e7d697' }, 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)))))))));
|
|
10910
10911
|
}
|
|
10911
10912
|
};
|
|
10912
10913
|
SmoothlyNextDemoFillerRowDemo.style = SmoothlyNextDemoFillerRowDemoStyle0;
|
|
@@ -10919,7 +10920,7 @@ const SmoothlyNextDemoGroup = class {
|
|
|
10919
10920
|
index.registerInstance(this, hostRef);
|
|
10920
10921
|
}
|
|
10921
10922
|
render() {
|
|
10922
|
-
return (index.h(index.Host, { key: '73e0d51a0e3941caa16b1283f7f5187faadf13ee' }, index.h("smoothly-display", { key: '9fd00526fbe6993eb98bed95c4e8133f3f504fcf', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: 'c6c937a3fa59c2160ae57bf5a9ef23ba722987dc', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '741787df74f06380286cf41f1184f035139d0382' }, index.h("smoothly-next-table-row", { key: '20f9b4b44711073c70949669cb68d0f501bdd3e2' }, index.h("smoothly-next-table-cell", { key: '3546f61d968e85d20b542ea5a92b81a8ce63d645' }, "Date"), index.h("smoothly-next-table-cell", { key: '40bed3b1560bca9dc819fcabc8d33488b7bea127' }, "Total"))), index.h("smoothly-next-table-body", { key: '8a540b22896eb43a08f7020aa8d56508e78ea12b' }, index.h("smoothly-next-table-row-group", { key: '101cf27ef3e9957b4c8254dd9d4f7d41fba2857a', align: true }, index.h("smoothly-display", { key: '9b1630b69a098adc01cc728fe82505c353f1a0e8', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '433febcf1be2636198111e2ff066d9b968c05cfc', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: '490e20cf154a4061ed1a657edbd96656113b102b' }, index.h("smoothly-next-table-cell", { key: 'a0d033cf6d284533ec446061240955d4659e1c65' }, index.h("smoothly-display", { key: 'f8ae356be115913eac2ed8f26a0e76855751a604', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '6881fa42948499ee14d986cd0cd5a368893e5f5d' }, index.h("smoothly-display", { key: 'b2a0fa9795870ae6479f095968f3402d50cfcf5c', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '43a981cb81cf85e3ab7c67ceed9d316a3003d5f3', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '568e724e4c95b267413e3dc7781e72750b633e11' }, index.h("smoothly-next-table-cell", { key: '6a3d8ba835df4fdd5076ef5a5907694f5811a6ca' }, index.h("smoothly-display", { key: '9b95129e71a0664e6689bd6dc857f4cb31cbb979', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'b37ed4086dbfe19631ec46be7e7b1da0859defb7' }, index.h("smoothly-display", { key: '56b504514e11cd5e6e1ceae622996b2027a7dcbf', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '1bc72a8145f2d9b93a99dce1e29ab0ead788487a', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: 'c2c9e92cc455b621889a6eb41e8cdc9687e5c620' }, index.h("smoothly-next-table-cell", { key: '5b5cb852a3ff871701f47866cc37f98c36aba26f' }, index.h("smoothly-display", { key: '0aae4cd0bac3cab1b22ad73de06bf696a333f8d7', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '1192d53740c70a16d01e1e2a8ec03c1d14d9e801' }, index.h("smoothly-display", { key: 'c13c4433a0ba620e16604fb47450727d4ba56e5c', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: '896fecd9312899190a2ecf4579c50073a31c8272' }, index.h("smoothly-display", { key: '1dbcff7150422fc2153a9816ec874dfba429d229', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '8af0f60fb62c097a55b1f14c1d9e02a598f139d9', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '5274bbc35439a4d52d970c77082f0d7d886789c0' }, index.h("smoothly-next-table-cell", { key: '18702a617d8766b19f79a1a2934533d7cf2632c0' }, index.h("smoothly-display", { key: '57f2d3ab2d7098d021c9db4631e9cc6b2d898c70', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'cdfa422283047bb1afe7fe0defd6b4901ac62747' }, index.h("smoothly-display", { key: '2cded0b74d7b9387f7b729b4c2946915bb0871ae', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '492dd23dbf0ce2c01d5c423d9b1b78a9fe237226', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '70607593f49e8087a182352ddb2699f8eb76b023' }, index.h("smoothly-next-table-cell", { key: '46f7e9ba5e04b3e17c1744c5dbd0b865bf4d6071' }, index.h("smoothly-display", { key: '2366d67e25f1280f7c84b56e05120a4a009e02ea', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'fe940858dc68bf595db43924f4089eeae2022b39' }, index.h("smoothly-display", { key: 'e95e4585fbc58e8414b4b8500cc0a399f89fce22', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'b20b19c014495f1fdc58a17bb9e4670b450dde24', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'e6372f8af60c8680990326d82e9bc8039d5d2f7b' }, index.h("smoothly-display", { key: '5918a19899072b4c412bb2d19ef3f204eeb51c24', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: 'a8dd0ade6e75b3332970b5c28dbea16ae872f020' }, index.h("smoothly-next-table-cell", { key: 'c543cc174821d05a7d4975486d6419bcfb48ae91' }, index.h("smoothly-display", { key: '733a433dd0ca61e10fea401f34665aeb6ed0989a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'bc86fa504846290f49aa36dd765fbf39a883b657' }, index.h("smoothly-display", { key: '5e0e011989b9b1d75b004961abc9193c98426e1d', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '4eb921562f4dff18d46d375cd7a5186ffd1c18a5', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '821ec4169165ea4e4ffac5e0145cec0204fec6e3' }, index.h("smoothly-next-table-cell", { key: '482c9d096428c376fa64e47aa9ae271875b6f871' }, index.h("smoothly-display", { key: '267bade15f3e214d34342ad317195371c9ab1242', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '8bb4e5393b37855c6e00e9a3039017b0e469163f' }, index.h("smoothly-display", { key: '158af69d312342e2307d7be4efbf6d5238f1659b', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '7798eaf8ed6782e1707cfd5c9837f8142d733185', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '9799c11e2626f6a0f7e0e532b781824469d4b6f9' }, index.h("smoothly-display", { key: 'f0df60840283455397ad35e452e69abd7b57cb89', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'b4be64833f56b5d1f8c625d544d24fcba34c03eb' }, index.h("smoothly-next-table-cell", { key: '86c434c87a86ab6b595a22f3de7fa931a090e048' }, index.h("smoothly-display", { key: '819b0da7a8fca04342206ab782a7794726ee556b', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'cb73520ad44afc7502da06c4ec8f6af6adfc2aa0' }, index.h("smoothly-display", { key: '5e65f0ca6614d9831b357f120b8a7ed2eafd0a61', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'ea9a6fad058b361c77bb84609dd2e7c6b92d9c35', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'f38de8ba3d30cb2a9d1e7020910d5fe651a2ec4f' }, index.h("smoothly-next-table-cell", { key: 'db56a476ca28a0aeef97bbda8f8317079d9898eb' }, index.h("smoothly-display", { key: '65e33d8d3650a6a5423d47dc2ed210b1a7e083e3', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '50fd46d73a79ac39ea9e531191a7bbfc5cadfdd3' }, index.h("smoothly-display", { key: '676a02bce793ce04d4bfe29a57b12abcda9cb674', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'd49a81b1f0308aed4f9dd0d1a4d11e285f5628e4', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '6172e15917d0c9b07926941c115d0339577b9f6d' }, index.h("smoothly-next-table-row-group", { key: '702cca3f9968b90ca9f60ae7bce2e073fd86d4c7' }, index.h("smoothly-display", { key: '2d3c71c4c17adb59fa8bcb66eb55ee6dd928f240', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '63ca204543351f120d71ee90a1e6e5207056dba2', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '36df63f982fceb5e1b67c2de95dd4ca723e1dd9e' }, index.h("smoothly-next-table-row", { key: 'feb2b626f45881f3a3a62a2a80e77f8f0d4d3b15' }, index.h("fake-cell-wrapper", { key: '09a6f0f745d31db96d20c5ba6ac93826e330e005' }, index.h("smoothly-next-table-cell", { key: '33c207294cc202b6a4dddef00c10e09188ace9b5' }, index.h("smoothly-display", { key: '7fedc6e2142345eca9320691d55bfc6a6c68372e', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'f9bbeba9c8c5b8d3d8a2581640bd87c5d48e1924' }, index.h("smoothly-next-table-expandable-cell", { key: '5480d2f107c282fc1698a4ed5ca58ebb39ff3bd9' }, index.h("smoothly-display", { key: '0132a7d7ba67472992803f43a5ed50732ec6aa1f', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '48690f2e40c2b6123fb66c7ddd3c963f05856f40', 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: '23ebf8d2daf83e932d7cde68f105dac6059be750' }, index.h("smoothly-next-table-expandable-row", { key: 'be8b9c21325679a26baae80c6e833824caf07a5d' }, index.h("fake-cell-wrapper", { key: 'ea1bdce957a2e0677664d276bfe5d22ecc4c708f', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '3054bde065a700326ee80abb13a7ce570197898c', span: 2 }, index.h("smoothly-display", { key: '8dbd6a6fff628c111dba1ffb0138c9126adcd595', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '4c1dff73ee6eb514fe07e314b37f07013baeb817', 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: 'e235f9efbdf19ffe8fb98e68a8689c316762886c' }, index.h("smoothly-display", { key: '42e97b716d151160d2faa8af41e5e5d6aea75196', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '02d3309510ef2a76491a5b64801a9d4a6079817d', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10923
|
+
return (index.h(index.Host, { key: 'f438f845e508f119760a5d9d1417537e0a187c8d' }, index.h("smoothly-display", { key: 'b063c8b2e634ad0334c5eee04fac31d3d2fa5cea', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: '52246d8d8cc18b2c732722f78a8f92ed9f7fc56f', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '03d8a1fd2afc66618c4636efabfc242b8107ce89' }, index.h("smoothly-next-table-row", { key: '389efc99c30410173841b3898b03bfa344c84fc2' }, index.h("smoothly-next-table-cell", { key: '2a1252bf188f55b0c8530490c7e5a191933c2e51' }, "Date"), index.h("smoothly-next-table-cell", { key: '981a383ac216ad3a763b10b77a78e56b2e0acb9d' }, "Total"))), index.h("smoothly-next-table-body", { key: '352c32809ef5a0a6f026f121b3e9fa7c5602fc9b' }, index.h("smoothly-next-table-row-group", { key: '34b2cde15f636a4a1bd8219f3b82655014a6827f', align: true }, index.h("smoothly-display", { key: '6d08243f9bed82544920f2b1e29c8cd87ac6fc7b', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'c36b911fb892d60f7285bb44cdd531dd49f32f80', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: 'dc9d0a9925e00e9f8cb43a417d3967678a4cf793' }, index.h("smoothly-next-table-cell", { key: 'd15f4087317aab19ca1c4f8082e53ef73b5f4e72' }, index.h("smoothly-display", { key: 'e97116560bc6cec0faca35bb072e2513d933a6ba', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'dd63e1ac67603230824f3eb3dbd0608d885dda1c' }, index.h("smoothly-display", { key: 'd2a71eebcb034dae79995da03e1a158aa27c86c6', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '217d130757e685618c2e880852765916eea69a4e', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'a493c7ac95042b65c65919ec8e8f446008e95727' }, index.h("smoothly-next-table-cell", { key: 'f80da21fdaf0ed83ffeda20884f79868488994f9' }, index.h("smoothly-display", { key: 'f0fcc94ccef41a242cc1a3993b79970e79798d29', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '354a83be386ed4dc31e2cc9e3dca5f5c03e89a0f' }, index.h("smoothly-display", { key: 'df7600b467501dce2faf70a97f493f4a28ee31f0', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '2472126497a4abbe6dff4878c12e922620611a01', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: 'ea225e8856b326e1b26a7495b42905853ec4bf60' }, index.h("smoothly-next-table-cell", { key: '2f32e34fe19a259d3212770e342092a7831a3e7a' }, index.h("smoothly-display", { key: '21ff447d38f07c50e6101438e61dddf43a0cf3bb', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '55052d34e1bc2a4cf7e092785e12153e05632bed' }, index.h("smoothly-display", { key: '631ac0e93aaaa61d9af8f9096b3a6d7d1fea9ad3', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: '5b9248a9e92120d03766c3ce67865a59e8b5bfd8' }, index.h("smoothly-display", { key: '41197505cd1a42721c0d9844616e04e870d2e0a2', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '7302e8c593ef5bc023bb233282f327793856593c', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'e0a6c69ab62a15c43e44816cb5130e58ceec4492' }, index.h("smoothly-next-table-cell", { key: '4a48560719d745cf3015d8d34c151276bb13eaea' }, index.h("smoothly-display", { key: '2fdae1cb2862c52c685f9f7ed9087fcbb4a08b60', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '2f00eb73e451ad74bfff8b01f2eee8adcae5f94c' }, index.h("smoothly-display", { key: '304430905b43e8995f90c3812cfebc8104d3e150', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'e141401ae7f5b7c45a00b09e9cfe12e9b8c597ab', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '50de8386a3d931a717f14720c8f352532943b773' }, index.h("smoothly-next-table-cell", { key: '6739fea91bb41955864d52cb4a5c85e4c2f81b83' }, index.h("smoothly-display", { key: '94fd10189e30070f6ea7d210e09c9ecfd9ad64d7', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'f78b644c126d08151babb3e024e2a79e61ffaf46' }, index.h("smoothly-display", { key: '720a36e523dd6eabfe3b3f71abf7087955c52224', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '340d8a3270f6128d0bc19504d88f1732bcf84bee', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'c34727de27d394bb98b879884b673d0bd75750ae' }, index.h("smoothly-display", { key: '567b2e5b524c9cada1aa51785c9da29a3ff8f6e7', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: 'e9397664dfb67b2aa789c258cbb7db52331b9f11' }, index.h("smoothly-next-table-cell", { key: '133d0c0bbad9906cdd7fed0002281e6bd8f95735' }, index.h("smoothly-display", { key: '12553307bd2858b815d1b1fd3bb60cca3a9ac172', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'bb16cb23cd3bf926a3e7cff600ec5e46afb49d95' }, index.h("smoothly-display", { key: '946cb985b7983915c63cb9bec0c77bc014c057e5', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'ec0e18ee5349eb4c741033ffab823a603d818d40', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '7de78cf016e32c3377629ff7839493ed17655c9c' }, index.h("smoothly-next-table-cell", { key: '77683b0d026583ba660324feb22e098f7f994a15' }, index.h("smoothly-display", { key: '8e278dc09aa54b862b5eba6b9bcc37207a790c71', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '158c5fc2040dedf1d7a243db4ddd94bcd1830b31' }, index.h("smoothly-display", { key: '61f2712bb9661e12899b47596ba0600972c4aa1e', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '7e36c202eeaa9f50c9dee678bf7701f1309f5a76', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'bc2b345fdc9685d08783167a6bbdbbfacda38862' }, index.h("smoothly-display", { key: '5585c6dcc49ebb4618884ae160bf912897a0518c', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'a82a7353e74bda8c0ad2cc0ee67ae01999d4166c' }, index.h("smoothly-next-table-cell", { key: 'c05d7d3a0be4835275dcc3843a00a59f04ab254f' }, index.h("smoothly-display", { key: '2b9558f096c0b9b5aa1079a62ab16ca13f1254e1', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '41eba08c01304a4f9aec7551a1ef4625a678a30c' }, index.h("smoothly-display", { key: 'f473141b066e0d2068e0ba6c08bc20ccda7134b9', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'b779ad6c760e839bcabf6510a87b103400d062a6', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '6866db858e2f5790f213fd12dd3c60f1fb8ec852' }, index.h("smoothly-next-table-cell", { key: '53f0601d302570f2626ac4585b421b1eab0b9a48' }, index.h("smoothly-display", { key: '4415bed74423eb3278d389edb9fc86aabe673fed', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'eb182a27716b2e2301a3dcd7384204ab4805f536' }, index.h("smoothly-display", { key: 'e33ea69bdeb61f7a8f6b3c86bf83599e3c9560e4', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'a3ce825e7a5aa4ef6d8b675376f51f43fbc9e928', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '472cde886820cf1be0c77f6e914770496722775f' }, index.h("smoothly-next-table-row-group", { key: '2a12af1141467042452b99b402e276357854b2b2' }, index.h("smoothly-display", { key: 'a8e15064f175eea2cce9e383b6946f8ac11cfb3f', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '7a66dd85295a699f11e24db5107528bd9dacbe6d', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '4824c878c60b359b8297947f3c73c95068ec1ede' }, index.h("smoothly-next-table-row", { key: 'd5fc8fd89983b5e298f1e64202f398c62aef84ec' }, index.h("fake-cell-wrapper", { key: '29039fbb6d1385c10f9bd1545e5693b6a909dd09' }, index.h("smoothly-next-table-cell", { key: '5884c013998c5a34ab6d2aa5dbc17f86dcd6336d' }, index.h("smoothly-display", { key: '2074cb5957766f3af4ac271dbb335a45f98a9934', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: '4a8d45a72dfe1b1e5cfd9143ea68d667f74fd683' }, index.h("smoothly-next-table-expandable-cell", { key: '8c773ef6fd9ada6046a8aaa6265f8db5d3de49ca' }, index.h("smoothly-display", { key: 'e101a532017ccd5b1a8c7e58f8daa4f2f0323b2b', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: 'b56e9ec28b863ad72afe97442be081655c18c4d3', 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: 'f086248ed75c7f3f13869b68e9ccbb66a1f3504a' }, index.h("smoothly-next-table-expandable-row", { key: '3b91cdcd4900102f3628c761617ca864a102b8f7' }, index.h("fake-cell-wrapper", { key: 'f84d006ffa6d69515ecdcfa0f9f2d1a6f85b722a', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '62bb0db4db5beef2ac5cbf44e3bcaff1b597a0b3', span: 2 }, index.h("smoothly-display", { key: 'd0376da98c0bb2dd5169718f6574d0d8c2a496c1', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '98fe8efda94c4771d5a11283886512115a46cc8c', 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: '81e12dd71cb3dc1a43168a10df3c08e751c1f7bf' }, index.h("smoothly-display", { key: '8caaad42fc515599c80fdd773da393e1a5a2e000', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '97b7d127b051bbf25ae93fca3c7bb2be01b0e3aa', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10923
10924
|
}
|
|
10924
10925
|
};
|
|
10925
10926
|
SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
|
|
@@ -11865,7 +11866,7 @@ const SmoothlyNextDemoNested = class {
|
|
|
11865
11866
|
index.registerInstance(this, hostRef);
|
|
11866
11867
|
}
|
|
11867
11868
|
render() {
|
|
11868
|
-
return (index.h(index.Host, { key: '
|
|
11869
|
+
return (index.h(index.Host, { key: 'ac8b819ed68a0fc335daf5836b943d1893535c7b' }, index.h("smoothly-display", { key: '1876305df37da314e0859e0857e9d1fab90c21cf', type: "text", value: "Nested" }), index.h("smoothly-next-table", { key: 'b403ee029a6128fe077110877d8632b9af90cea5', color: "primary", columns: 8 }, index.h("smoothly-next-table-head", { key: '5bbd2f1ad09fe5dcace93880c78506d5484c4eda' }, index.h("smoothly-next-table-row", { key: 'a16bee62f8ae68a7922bdd27ce38a09c4bba102d' }, index.h("smoothly-next-table-cell", { key: '5a9deb384aa90652576801be5193879a09638eec' }, "Id"), index.h("smoothly-next-table-cell", { key: 'bacf06de880e02186416119846d60149850b6300' }, "Registered"), index.h("smoothly-next-table-cell", { key: '72097acbf587110feca0b46c6fd539cf4c57b007' }, "Name"), index.h("smoothly-next-table-cell", { key: 'c9bd54f8c6bdd0449a1dbc01bd45e0fd93fb38a1' }, "Age"), index.h("smoothly-next-table-cell", { key: '74bb02db61b2750620fb3d7a0c295a9ab9ac1475' }, "Balance"), index.h("smoothly-next-table-cell", { key: '365e126a9a8de563d60dd19076058b19b528bbed' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: '2c8fcb094da0cf5042e5a138a37e109d79f398c3' }, "Gender"), index.h("smoothly-next-table-cell", { key: '0b10a8d72633a7ee7087cdd2f941af842570be46' }, "Company"))), index.h("smoothly-next-table-body", { key: 'c5a41f8b6185f0c49d23f63cfabc6e1e1831c707' }, 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: '0ab984aaec3f9875ef7732374ccd22ce753aca5e' }, index.h("smoothly-next-table-row", { key: 'de147ff0b4b130fe9b3130590313b4d7fc701c5b' }, index.h("smoothly-next-table-cell", { key: 'fee07b3789bbb5ec11eb0b41d065bef1ae9b2f7b' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: 'cf687206d40467456fb30facd28c742880a0a6b2' }, "Footer Cell"))))));
|
|
11869
11870
|
}
|
|
11870
11871
|
};
|
|
11871
11872
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
@@ -11880,7 +11881,7 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11880
11881
|
}
|
|
11881
11882
|
render() {
|
|
11882
11883
|
var _a;
|
|
11883
|
-
return (index.h(index.Host, { key: '
|
|
11884
|
+
return (index.h(index.Host, { key: '1062b8d6fba3a84174feb5211fb04c0fd989ad51' }, index.h("smoothly-next-table", { key: 'c72db56d3f0357edf110eebcbef76c68cb8fe8e6', columns: 4 }, index.h("smoothly-next-table-head", { key: '5871f66a70b4493ee55585ad9c945dc81d33d926' }, index.h("smoothly-next-table-row", { key: '5010c8279548c690f9b760f761f8aa62d5355388' }, index.h("smoothly-next-table-cell", { key: '77cbfff256e218565ac3a3cfa61641a1f4fa294d' }, "Id"), index.h("smoothly-next-table-cell", { key: '75456ebc4d8b510678ddaba496c6ac33e4c4d20b' }, "Name"), index.h("smoothly-next-table-cell", { key: '9e6f715453f564ae310d7d1293443602136d264b' }, "Age"), index.h("smoothly-next-table-cell", { key: 'af45cc242d04f9797e4f27ec74ae96d5ac81e8e2' }, "Balance"))), index.h("smoothly-next-table-body", { key: '165151de9cdce730d6a3fcf9854ab5a88603826f' }, (_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))))))));
|
|
11884
11885
|
}
|
|
11885
11886
|
};
|
|
11886
11887
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
@@ -11893,7 +11894,7 @@ const SmoothlyNextDemoSimple = class {
|
|
|
11893
11894
|
index.registerInstance(this, hostRef);
|
|
11894
11895
|
}
|
|
11895
11896
|
render() {
|
|
11896
|
-
return (index.h(index.Host, { key: '
|
|
11897
|
+
return (index.h(index.Host, { key: 'c7a387e18e1a0ad7a93b0f7017ef14d02d83a080' }, index.h("smoothly-display", { key: '5fa46ce5ca3b08722f4a81a7b0a6e3c0ceaa0f05', type: "text", value: "Simple" }), index.h("smoothly-next-table", { key: '50ff0ce43b710ba66813e75eb5fcf61b35bac119', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '8cb12dd8221bf13dde4b980739d6a70ed5182459' }, index.h("smoothly-next-table-row", { key: 'c2dff6a966cf78b7afec05692f49a331b0dce7ca' }, index.h("smoothly-next-table-cell", { key: '9ad3c0cbcc04b65a4ef62ccf6a52182275637e68' }, "Breed"), index.h("smoothly-next-table-cell", { key: '42a77d3ee2f95b1e3589c73e1d89fb4fd099e712' }, "Coat"))), index.h("smoothly-next-table-body", { key: 'b8ad170167657fdf32c5bfd0020a8fc920aff7a4' }, 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: 'ebd68bd3341545fe985ad7ef01577b3327d4dcd8' }, index.h("div", { key: 'fe08666bdfc246d7136715b63fcc57a1ed24e008', slot: "detail" }, "Content", index.h("br", { key: 'ff6f04fa14792219eac639b8825f9b2f2aa582c9' }), "of", index.h("br", { key: 'aaff7afd83edb8585e4bcccf91b649f7c1942568' }), "the", index.h("br", { key: '1cd00b863b05eb86f706fb2dbf9eade4a0830d3f' }), "expandable", index.h("br", { key: '681aff287c7420f5da807882806b4bffdd9897e0' }), "row"), index.h("smoothly-next-table-cell", { key: '754c125a05adcca4c08104e4aa7020e91a0d1700' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: 'dbb5ad17a7d13d7e3f330480bf1b6c74123ebbdf' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: '300acbbdfad5ee1cedbbd9748e3d7a57e16fec86' }, index.h("smoothly-next-table-cell", { key: 'ec1a3b814b324ac007d4a07dd6c40f4cfbbc25a4' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: 'd2e3f4b636cd2aa55526a08f4a4268137618ab55' }, "Expandable Cell", index.h("div", { key: '9bc93e19463e94a49526a218da1daac775eb7203', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: '5c7b02cb821b4a23b733c94b0a804649865c6b2c' }, index.h("smoothly-next-table-expandable-cell", { key: 'f49a2d857eb6b90c3fd375113f6ee443debf9d17' }, "Expandable Cell 1", index.h("div", { key: 'caf38888f3081b4be3c4f79616f992fb7a40508f', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: 'dbabef0729d5c038782da8307573b45f60438a1e' }, "Expandable Cell 2", index.h("div", { key: '52f0bf6a13bcf46e4f927e2cf93f97eb25947808', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: 'cf8bd92b99724f997ad35393630d6acd83f498e4' }, index.h("smoothly-next-table-row", { key: '246ae7fdc74a4ef67f5230dd208ad56b261f300f' }, index.h("smoothly-next-table-cell", { key: 'c5bec448e27ac5888f95fed87a4bb00914e68cc7' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '4003e5d8ee32cf0bcbc333cad1e80f75497c963b' }, "Footer Cell"))))));
|
|
11897
11898
|
}
|
|
11898
11899
|
};
|
|
11899
11900
|
const cats = [
|
|
@@ -11985,7 +11986,7 @@ const SmoothlyNextTable = class {
|
|
|
11985
11986
|
event.stopPropagation();
|
|
11986
11987
|
}
|
|
11987
11988
|
render() {
|
|
11988
|
-
return (index.h(index.Host, { key: '
|
|
11989
|
+
return (index.h(index.Host, { key: 'b26059040484b92b47073a4a1b131e0961cb7beb', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: '367756c156480524dedd898c79b4e609fe1ca137' })));
|
|
11989
11990
|
}
|
|
11990
11991
|
};
|
|
11991
11992
|
SmoothlyNextTable.style = SmoothlyNextTableStyle0;
|
|
@@ -11998,7 +11999,7 @@ const SmoothlyNextTableBody = class {
|
|
|
11998
11999
|
index.registerInstance(this, hostRef);
|
|
11999
12000
|
}
|
|
12000
12001
|
render() {
|
|
12001
|
-
return (index.h(index.Host, { key: '
|
|
12002
|
+
return (index.h(index.Host, { key: 'fc5b3f777e5da3121ac41f5ed46bd48de4d6566a' }, index.h("slot", { key: 'a5a92fe0af635d355cbd006c1ad326a9fdfbe093' })));
|
|
12002
12003
|
}
|
|
12003
12004
|
};
|
|
12004
12005
|
SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
|
|
@@ -12013,7 +12014,7 @@ const SmoothlyNextTableCell = class {
|
|
|
12013
12014
|
}
|
|
12014
12015
|
render() {
|
|
12015
12016
|
var _a;
|
|
12016
|
-
return (index.h(index.Host, { key: '
|
|
12017
|
+
return (index.h(index.Host, { key: '78a499f0a16c677f1834f1704ecc53952b08a5ae', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '5ec1cb941acd0ff5fecf223cde1e797119b40a61' })));
|
|
12017
12018
|
}
|
|
12018
12019
|
};
|
|
12019
12020
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -12085,18 +12086,18 @@ const TableDemoFiltered$1 = class {
|
|
|
12085
12086
|
}
|
|
12086
12087
|
render() {
|
|
12087
12088
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12088
|
-
return (index.h(index.Host, { key: '
|
|
12089
|
+
return (index.h(index.Host, { key: '819c08970d7851e60ec03ebc75b5762636712313' }, index.h("smoothly-display", { key: 'd85d2d9d2b290b64a5163c7eb5b4185558fc01db', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '25fc6a71565a5a02c3ce62b03f1ac5280c7b37ce' }, index.h("smoothly-filter-toggle", { key: '0f0aadc2296c8b86eaddd7680cdb4333050ac398', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '70a20a4079ecb827ee4386308a1b95687417eae3', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'dec5e592bb5bab7a636221f4877f29957dbbe504', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'c84f8aa97c89a024a58f0635d24f5e254ed69931', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '0e36dba26303cf7575103119375ec76c3c629133', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12089
12090
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12090
12091
|
var _a;
|
|
12091
12092
|
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));
|
|
12092
|
-
})), index.h("div", { key: '
|
|
12093
|
+
})), index.h("div", { key: '12bc508938faeeca2ff380dad0bc0e0add984849', slot: "detail" }, index.h("smoothly-form", { key: 'fd018c0d14b5b7a66cf8fcd9358c0466990f75e4', looks: "border" }, index.h("smoothly-filter-select", { key: 'a5e9324423f7adba4db420ac82e7712088dccf99', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12093
12094
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12094
12095
|
var _a;
|
|
12095
12096
|
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));
|
|
12096
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12097
|
-
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: '
|
|
12097
|
+
})), index.h("smoothly-filter-select", { key: '39eacd58fac8964b5a2a4be46041ebe5703fea89', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12098
|
+
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: '8605a94f31d45afbe9f339eecae0737c318cf9f8', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
|
|
12098
12099
|
.flat()
|
|
12099
|
-
.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: '
|
|
12100
|
+
.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: '9ea45abf079f3844da63f6d9f046a35fa3a0d7a1', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '87437930089acc044bb1c3c2dd86054059701709', 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 : "?"}` }))))))));
|
|
12100
12101
|
}
|
|
12101
12102
|
};
|
|
12102
12103
|
const names$1 = {
|
|
@@ -12132,7 +12133,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12132
12133
|
}
|
|
12133
12134
|
render() {
|
|
12134
12135
|
var _a;
|
|
12135
|
-
return (index.h(index.Host, { key: '
|
|
12136
|
+
return (index.h(index.Host, { key: 'f4e00f34b020024107236090f248c9b29f1569cd', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: '671c8f23c8372b1746a88fb9b628791aafe94dbc', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: '98c2aac2a0b26b833d67e2acaae2b91a6f53ea30' })), index.h("div", { key: 'acbf37b2e9612cd8c68939147efdb70722a89832', class: "detail" }, index.h("slot", { key: 'f1112de8599b7c62b0ce8e18b67fa0246837a498', name: "detail" }))));
|
|
12136
12137
|
}
|
|
12137
12138
|
static get watchers() { return {
|
|
12138
12139
|
"open": ["openChange"]
|
|
@@ -12156,7 +12157,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12156
12157
|
this.smoothlyNextTableExpandableRowChange.emit(this.open);
|
|
12157
12158
|
}
|
|
12158
12159
|
render() {
|
|
12159
|
-
return (index.h(index.Host, { key: '
|
|
12160
|
+
return (index.h(index.Host, { key: 'ae127ed0832293efd673f48d7c84dbd788d30bb4', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '14c8a0f4a3dfb73d054cb410b2b34316aef3a593' }), index.h("div", { key: '475653118c4b0297ae2944c0b6569802fca4ee73', ref: e => (this.div = e) }, index.h("slot", { key: '3d9149d0c0dfc63d953c53358643411d8cd9e9b3', name: "detail" }))));
|
|
12160
12161
|
}
|
|
12161
12162
|
static get watchers() { return {
|
|
12162
12163
|
"open": ["openChange"]
|
|
@@ -12172,7 +12173,7 @@ const SmoothlyNextTableFillerRow = class {
|
|
|
12172
12173
|
index.registerInstance(this, hostRef);
|
|
12173
12174
|
}
|
|
12174
12175
|
render() {
|
|
12175
|
-
return (index.h("smoothly-next-table-row", { key: '
|
|
12176
|
+
return (index.h("smoothly-next-table-row", { key: 'b1115b06ee32528145d95e83bafbbd494deac5e3' }, index.h("smoothly-next-table-cell", { key: '664c9b9de47c08ec60506f4bef8eed26667d3ebd' }, index.h("slot", { key: '81df8108154d511bb9b054518e0e1ae460bd2d7e' }))));
|
|
12176
12177
|
}
|
|
12177
12178
|
};
|
|
12178
12179
|
SmoothlyNextTableFillerRow.style = SmoothlyNextTableFillerRowStyle0;
|
|
@@ -12185,7 +12186,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
12185
12186
|
index.registerInstance(this, hostRef);
|
|
12186
12187
|
}
|
|
12187
12188
|
render() {
|
|
12188
|
-
return (index.h(index.Host, { key: '
|
|
12189
|
+
return (index.h(index.Host, { key: 'cd3059ed84b8029caa4704f79d9be300f7d84bba' }, index.h("slot", { key: '19716629341805a42a04b8120aa5d621dc99783e' })));
|
|
12189
12190
|
}
|
|
12190
12191
|
};
|
|
12191
12192
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -12216,7 +12217,7 @@ const SmoothlyNextTableHead = class {
|
|
|
12216
12217
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12217
12218
|
}
|
|
12218
12219
|
render() {
|
|
12219
|
-
return (index.h(index.Host, { key: '
|
|
12220
|
+
return (index.h(index.Host, { key: '979e66bdf8727780501e8f2315c022d7f8326a07', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: 'f83d2e0de19aa2ddc4eaeffac977ec75803b9643' })));
|
|
12220
12221
|
}
|
|
12221
12222
|
get element() { return index.getElement(this); }
|
|
12222
12223
|
};
|
|
@@ -12240,7 +12241,7 @@ const SmoothlyNextTableRow = class {
|
|
|
12240
12241
|
event.target != cell && cell.close();
|
|
12241
12242
|
}
|
|
12242
12243
|
render() {
|
|
12243
|
-
return (index.h(index.Host, { key: '
|
|
12244
|
+
return (index.h(index.Host, { key: '6c4ba8bb78dc9f436eefa8573bdc734385857cf4' }, index.h("slot", { key: 'e36b1c6630859bb833c6fc43d7fe119f79cff9c8' })));
|
|
12244
12245
|
}
|
|
12245
12246
|
};
|
|
12246
12247
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -12260,7 +12261,7 @@ const SmoothlyNextTableRowGroup = class {
|
|
|
12260
12261
|
this.smoothlyNextTableRowGroupChange.emit(this.open);
|
|
12261
12262
|
}
|
|
12262
12263
|
render() {
|
|
12263
|
-
return (index.h(index.Host, { key: '
|
|
12264
|
+
return (index.h(index.Host, { key: 'd3b00684150badf532b9e22875f5336b3046c2f6' }, index.h("div", { key: '97df58601849cc6d33927c57df492ac7d1c3a3f2', onClick: () => this.clickHandler() }, index.h("div", { key: '9eb12d4d482d9a7281bda20e2fab7786b57304af' }, index.h("slot", { key: '9c16eb02aa173f60ccf9511ec9e3ed6326a69e52', name: "start" })), index.h("div", { key: 'd42092eebabe3aa692a683611bcf0b39346df059' }, index.h("slot", { key: 'ff10f4778d37364614497d63e6409941175677e0', name: "end" }))), index.h("div", { key: 'e31785e564d6a0070252beed387109683db6cf9c' }, index.h("slot", { key: 'a3cddc81231e743c8e35ce25e72011e3449f084a' }))));
|
|
12264
12265
|
}
|
|
12265
12266
|
};
|
|
12266
12267
|
SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
|
|
@@ -12320,7 +12321,7 @@ const Notification = class {
|
|
|
12320
12321
|
this.onUpdatedNotice(this.notice);
|
|
12321
12322
|
}
|
|
12322
12323
|
render() {
|
|
12323
|
-
return (index.h(index.Host, { key: '
|
|
12324
|
+
return (index.h(index.Host, { key: 'b465684388e211b2ded5fd95c2606598836eb9f7', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: 'f9c192c92023caa247d76d2b429aca24f344eadd', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: 'd2d9149ed8e0223269ed2f07f520916d526e183d', name: "close-circle-outline" }))), index.h("span", { key: 'f039aac3b2c5552dabf88890906e5d884da223aa', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: '832732e4e3794174cd334664d76859ec0c8591db', name: this.properties[1] }), index.h("p", { key: 'c10b5d2560bf2a61c8ecf30b1ab1fc2311978aff' }, this.notice.message))));
|
|
12324
12325
|
}
|
|
12325
12326
|
static get watchers() { return {
|
|
12326
12327
|
"notice": ["onUpdatedNotice"]
|
|
@@ -12345,8 +12346,8 @@ const Notifier = class {
|
|
|
12345
12346
|
}
|
|
12346
12347
|
render() {
|
|
12347
12348
|
return [
|
|
12348
|
-
index.h("slot", { key: '
|
|
12349
|
-
index.h("aside", { key: '
|
|
12349
|
+
index.h("slot", { key: '1cdd6270fc1a9040c2c086e2f144e2e2c0428c16' }),
|
|
12350
|
+
index.h("aside", { key: '86367dd48e79c97440bae007fe1ef8c8f4e8a8d0' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
12350
12351
|
];
|
|
12351
12352
|
}
|
|
12352
12353
|
};
|
|
@@ -12363,9 +12364,9 @@ const SmoothlySpinner = class {
|
|
|
12363
12364
|
}
|
|
12364
12365
|
render() {
|
|
12365
12366
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12366
|
-
return (index.h(index.Host, { key: '
|
|
12367
|
+
return (index.h(index.Host, { key: '792938768d1a1ddb59946572417c670e80c3394e', style: {
|
|
12367
12368
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12368
|
-
} }, index.h("svg", { key: '
|
|
12369
|
+
} }, index.h("svg", { key: 'd64fc32ce94e45ae866b6c9cf446e9e722992911', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'b69441f0e8f46fe235ce5aa0c2b436a026a6c6c4', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12369
12370
|
}
|
|
12370
12371
|
};
|
|
12371
12372
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12399,7 +12400,7 @@ const SmoothlySubmit = class {
|
|
|
12399
12400
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12400
12401
|
}
|
|
12401
12402
|
render() {
|
|
12402
|
-
return (index.h(Button, { key: '
|
|
12403
|
+
return (index.h(Button, { key: 'f781491f3c975123d85054ccbe8a743ab386e6cd', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'b667f21e7cb7eaf090e605360a961071be1e5ba6' })));
|
|
12403
12404
|
}
|
|
12404
12405
|
};
|
|
12405
12406
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12434,7 +12435,7 @@ const SmoothlySummary = class {
|
|
|
12434
12435
|
}
|
|
12435
12436
|
}
|
|
12436
12437
|
render() {
|
|
12437
|
-
return (index.h("details", { key: '
|
|
12438
|
+
return (index.h("details", { key: '2e7c82742cbb10a395c875c66696811d1de29c6e', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '28adf6434b953eef82b707bdcccba74cd1ffe145' }, index.h("smoothly-icon", { key: 'cfa652669f478a9b12e8895f8d2bdc2187456ae3', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: 'f2ccc1c98284600c7c029e5cd6698a3b2fc25fcd', name: "summary" })), index.h("slot", { key: 'f6b3ea00b87675164d8c78c11dc8f4e7aa79acd8', name: "content" })));
|
|
12438
12439
|
}
|
|
12439
12440
|
};
|
|
12440
12441
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12475,7 +12476,7 @@ const SmoothlyTab = class {
|
|
|
12475
12476
|
}
|
|
12476
12477
|
}
|
|
12477
12478
|
render() {
|
|
12478
|
-
return (index.h(index.Host, { key: '
|
|
12479
|
+
return (index.h(index.Host, { key: 'e3b8ce1e4d8c920cf35f403dcd55d4ff4d0715e5' }, index.h("div", { key: '9579fce4fe5a38698c0ee55dbd3f02eb21ba8cab' }, index.h("label", { key: '576b85cb3df20264de65fe0857f1ed50d8c5cae8' }, this.label)), index.h("div", { key: 'e610c3b56b96ed0f9bb2e853b57a7e08ced5c7b5', hidden: !this.open }, index.h("slot", { key: 'a2ee7a416f0320022248f226e4750ae3531f59c7' }))));
|
|
12479
12480
|
}
|
|
12480
12481
|
static get watchers() { return {
|
|
12481
12482
|
"open": ["openHandler"]
|
|
@@ -12526,7 +12527,7 @@ const Table = class {
|
|
|
12526
12527
|
event.stopPropagation();
|
|
12527
12528
|
}
|
|
12528
12529
|
render() {
|
|
12529
|
-
return [index.h("slot", { key: '
|
|
12530
|
+
return [index.h("slot", { key: '752a663b8b13236087774b1de3e6b6ed8e149908' })];
|
|
12530
12531
|
}
|
|
12531
12532
|
get element() { return index.getElement(this); }
|
|
12532
12533
|
};
|
|
@@ -12540,7 +12541,7 @@ const TableCell = class {
|
|
|
12540
12541
|
index.registerInstance(this, hostRef);
|
|
12541
12542
|
}
|
|
12542
12543
|
render() {
|
|
12543
|
-
return (index.h(index.Host, { key: '
|
|
12544
|
+
return (index.h(index.Host, { key: '12dc536e6c34db5fdc5917dd24a00779a9b686a4' }, index.h("div", { key: '40d94360ed7dfd15447ac62b4f8285ec3b4f9be9' }, index.h("div", { key: '22a3e08c5e3daa9a71a620b5e2d1f6179631c757' }, index.h("slot", { key: '49b76835654a627f0e4b6cefa68426d3f572f49a' })), index.h("smoothly-icon", { key: '406786469dde8704e84ba600d13cb14ba83edf8d', name: "caret-forward-outline", size: "tiny" }))));
|
|
12544
12545
|
}
|
|
12545
12546
|
};
|
|
12546
12547
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12553,7 +12554,7 @@ const TableDemo = class {
|
|
|
12553
12554
|
index.registerInstance(this, hostRef);
|
|
12554
12555
|
}
|
|
12555
12556
|
render() {
|
|
12556
|
-
return (index.h(index.Host, { key: '05f202f2465dcb45de996ad8da83d99ab7d80e38' }, index.h("h4", { key: '4fb706f301922f1e9f40fd9a588509bd13a2dc3c' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '01ab63987373e6aeb373b86d6588b0ce5550f59e', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '5df16d4cb71fd74b02f716d54c448f8e4a02f208' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: 'b4d3450eee53c6013a6f168fb402605b17443ea7' }), " ", index.h("h4", { key: '9c0b85ef1f56e844a7398609376fee0dbe003f4e' }, "Demo table 3"), index.h("smoothly-table", { key: '2b8d57ac2ffdf810d1adaaead410a1597b099538' }, index.h("smoothly-table-row", { key: '37688f6eae727d327a9567bb2068d85bebfb7d42' }, index.h("smoothly-table-header", { key: 'ab7e497e138ab880b9e8a60149de142feaa91ce6' }, "Header A"), index.h("smoothly-table-header", { key: 'a650d31e07a5d7c300051a2e7354e49b65ba2d43' }, "Header B"), index.h("smoothly-table-header", { key: 'da026fe6de478911c2b91f88f250bdd0482541ba' }, "Header C"), index.h("smoothly-table-header", { key: '6f4096092dd4d635dc5483ecb2dff0a7b6036a6a' }, "Header D")), index.h("smoothly-table-row", { key: '36ebe1ae15329edecf13aa2dc6da44ba418266e7' }, index.h("smoothly-table-expandable-cell", { key: '5f41b80a041ed39936fc448e99d793ced964a88e' }, "normal row (exp.cell)", index.h("div", { key: '56bc2ef683d6a8db7bc059eec0e61bd73912b785', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '477ec62e71400eb89f679404831183c440127dcf' }, "expandable cell", index.h("div", { key: '3a654c4d5c05599270bd77769ee67d09667ce35e', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: 'd91a1e8dc0a60e5cd3e7ad55409c38c669b51bee' }, "expandable cell", index.h("div", { key: 'a99ddd91b83589fc577ef6c02081e55973453ddd', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: 'fc0ca417ad26488e566ec3a48689b60cdea751b9' }, "expandable cell", index.h("div", { key: '5faff4c747c77ef4fb6c3f760cbf3084bad6ff62', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '26bbb75af599754893af2877534f52e48da19334' }, index.h("smoothly-table-cell", { key: '7ad4cc1410e3203a6b6f316c3e392a3a8905a660' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: '2c400cbbefc0bcf889276d0dc65a85384810671e' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '9d5e82da00b05b10c9a495be604bdcfd6827b318' }, "expandable cell", index.h("div", { key: 'f7850e39aba565986f159f35ca9e0e80ae56d6d1', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: 'bb98edc0b115bcf830320ab5d188a182a1b73574' }, "expandable cell", index.h("div", { key: 'f27137e171c7189a70dc792dc534d649066d71eb', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '5e54a7f6c06da4fbe552d66bd21b463546d714b3' }, index.h("smoothly-table-cell", { key: '59121b3d6e411c06b163473eafe2f4c01f56a3e2' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: 'e487d13c983c0363b51078d77862c35026f82528' }, "Normal cell"), index.h("smoothly-table-cell", { key: 'e4012866ee117188dd89943b9387c119b71a4329' }, "normal cell"), index.h("smoothly-table-cell", { key: '859122b5626676521e571b35e679a7096a005e45' }, "Normal cell"), index.h("div", { key: 'ba54fad8c30b691f352d4e8bd3dc9d0a7458e6c9', slot: "detail" }, "expandable row content"))), index.h("h4", { key: 'e4cfbd7da1e63b683d091e0df04cdf7db48ff847' }, "Demo table 4"), index.h("smoothly-table", { key: 'd996a18ccbefd79d69d54dd5574e4cc45807989a' }, index.h("smoothly-table-row", { key: 'bee281c92bb204afc5a9833cc2fb056b0a9f3ea1' }, index.h("smoothly-table-header", { key: 'e6a0fdea2462f8557cc442227005d5d85ae78a35' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: 'b0d36ffe7d963dc14b193b0ee2a08faff7029d7d' }, "Header expansion", index.h("div", { key: '4c3eb0fdfb54020bd812d082b981db82ddedaf59', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '9ca4f969abb65ecb43804ae49ef7ce5e58175a49' }, index.h("smoothly-table-cell", { key: 'e4756003dbdbacaafbe1db02e366d1784e84fb34' }, "A Content"), index.h("smoothly-table-cell", { key: 'd9bb302411c51434676347f1ab7406b1fa10f082' }, "Expansion cell"), index.h("div", { key: 'b507a3600c1f5d13ac7ed4a9894f6cd583a4b10e', slot: "detail" }, index.h("smoothly-tab-switch", { key: '5fad8c37db98a127616d7673e38b38c2d259cba7' }, index.h("smoothly-tab", { key: 'efed1b1c8ec802ca4fc40deaf957ffbfe8299ece', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '7f33b79f3e605642f56a65d243672174b221ca35' }, index.h("smoothly-table-row", { key: '86e41722dd4ca2af660ee3896336d1c151894bae' }, index.h("smoothly-table-header", { key: 'a45d287ad3983d19c2558342cd7d8893d98e37fc' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '4a21193948f233640b2d6f0118aa2bea80f6bb0f' }, "B Content"))), index.h("smoothly-tab", { key: '68231adbcf106c17f3572982f5a5d58740213c2c', label: "innertable 2" }, index.h("smoothly-table", { key: '19add4adc328f1b744b3ee36d24b0923c1500a0e' }, index.h("smoothly-table-row", { key: 'd002836fe5cb9be4020d0c136c1cf7730cd9ec18' }, index.h("smoothly-table-header", { key: '13d4addda48d16e992cf5d2c1c4cffee0165847b' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '6f905a3d79f4f05f33ffa638f684d9ee9a91a7f9' }, index.h("smoothly-table-cell", { key: 'fdaa97d08c14401a94f804b9d18b94338c37a33b' }, "C Content"))))))), index.h("smoothly-table-row", { key: '4c81676b6a633c44c81e74c14a55863573f4fb4e' }, index.h("smoothly-table-cell", { key: '2ea26a31ef0f3b2659cc1c2d32e873e6b7e77164' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '855e772a47a12735845d671ed521f5118a56945b' }, "Expandable cell", index.h("div", { key: 'cff1b5a9e6d6a80ba5563cdbe0e798353d1da929', slot: "detail" }, "Expansion content")))), index.h("h4", { key: 'dd301800ca3390151a7e2b7552c340871b3ada65' }, "Demo table 5"), index.h("smoothly-table", { key: 'ab270e3d69ab0581922073ae676af5c3e4d36c01' }, index.h("smoothly-table-row", { key: '51511e231342b68bcd6bcb6a5408b5cdf0f8bbb9' }, index.h("smoothly-table-header", { key: '1c6f0c1c5b1a0ae641b6e29f0de63287afd6f657' }, "A"), index.h("smoothly-table-header", { key: 'b157296178ed172bff8237ea3243737829459f0e' }, "B")), index.h("smoothly-table-expandable-row", { key: '72d21b76a187aea5d3f8d9d0037d95315dda6a1e' }, index.h("smoothly-table-cell", { key: 'f72bb26c40ecfc84d9e0d931cdaec94f597690bb' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '6b5a6f9c3246f1cb7d2587f5bffae8d7f2ffea94' }, "b row"), index.h("div", { key: 'c6e651dfe3a597ae41f673634e4e81307b779d6e', slot: "detail" }, index.h("smoothly-table", { key: 'c3bf5c5dfb33de98b23c5e74f3698dc3b353ad1a' }, index.h("smoothly-table-row", { key: '0e5406f1d24248aa82c8ea7537d032e3de884801' }, index.h("smoothly-table-header", { key: 'e465ee0c16a9b35d147e85714e5c1252993b20f2' }, "C"), index.h("smoothly-table-header", { key: '18f38a2f20719e8ae6bcbe6039d25b21fef4b1d4' }, "D")), index.h("smoothly-table-expandable-row", { key: '0e62c20ba70f075d6def447a697354a39a4f38a8' }, index.h("smoothly-table-cell", { key: 'c8819381eddda17c7a7f3f08031ebdfbba5fd0d4' }, "c"), index.h("smoothly-table-cell", { key: 'a616f2a62a0d1883feb465167bbf108283108220' }, "d"), index.h("div", { key: '71c1a8685c1817f187d15f8b171b3285cfa398bf', slot: "detail" }, index.h("smoothly-table", { key: '97dc04e9fe88fc62f6b492fd596ad39dc8bec9ae' }, index.h("smoothly-table-row", { key: '199501009078d13561494af21c8ec0840ee9d104' }, index.h("smoothly-table-header", { key: 'f9e37b800be70c2f480eec874376ce8cbe3f12bc' }, "E"), index.h("smoothly-table-header", { key: '812e05fb00483ac087894496f23264a257fb00de' }, "F")), index.h("smoothly-table-expandable-row", { key: 'f32fa191f4fb8c24e0e1889a3313d05e800d0339' }, index.h("smoothly-table-cell", { key: 'da620105064652b2fd78ed180848b32562bae6d3' }, "e row"), index.h("smoothly-table-cell", { key: '3f1c00270d76defd41b7e482e6417c3ab1e7b80a' }, "f row"), index.h("div", { key: 'abdd6f4a647af8a82f8080f695727687f9bd6e13', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '6b0fed8fd85b5ac6720e9e5bab76d8962611f799' }, index.h("smoothly-table-cell", { key: '75f9071102edb24f72a8170726e7c301a3a3faf4' }, index.h("span", { key: '90fcf7a251ba34793dc66602598ccc056439d5d0' }, "one"), index.h("span", { key: '9a9f1f69a3153527aed737d1e56a20a337df19c2' }, "two"), index.h("span", { key: '5205ead387624f310cd64f301ca17773ab5c1be9' }, "three")), index.h("smoothly-table-cell", { key: '861582eff0124b03a5f97532322913181358c0c7' }, "five", index.h("smoothly-icon", { key: '356d04dbe0cf5b075f5776fe2aa1a784b108a8f0', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '8b2f3d2f93d9b8e929032afb282ad982b85eaaa4', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '226a638694ebf076a5919b431fe31f934c40af6b' }, index.h("smoothly-table-expandable-cell", { key: '7b7815d7615e48097ab17b841fde7cf5127dd862' }, index.h("span", { key: '0d237074de99748f00e5650c21f21bd608277de6' }, "nested expandable cells"), index.h("div", { key: '25c3656aa0a42e9da41fb5c8453ae5b50f5fb073', slot: "detail" }, index.h("smoothly-table", { key: 'd04902b2a68e1be3f897a460a4701cee840d4497' }, index.h("smoothly-table-row", { key: '6f8378ca445613c84228bb6f79e33b5c925fda62' }, index.h("smoothly-table-header", { key: '01406ab549f571dc9f1b7c93694976cb998516b0' }, "E"), index.h("smoothly-table-header", { key: 'e184ad1947135d32d095739c11e37eb663ed76af' }, "F")), index.h("smoothly-table-row", { key: 'dcc40d7510958ceb58f607f1b00bbfdcfa07088d' }, index.h("smoothly-table-expandable-cell", { key: '4bafb838bfce5358ded7456e18bf4e6b01955625' }, "e cell", index.h("div", { key: 'a7a29a42cf1498dd930b211a8c13fa61e4e0f5c5', slot: "detail" }, index.h("smoothly-table", { key: '5fd8eb9523d42adcf8beb802f3771551dc460269' }, index.h("smoothly-table-row", { key: 'f2186ed8479e075b0a917ab98094cbbef29d4da8' }, index.h("smoothly-table-header", { key: 'e0ddb5223b0831808a39d31c8b6e6b2bf57cd423' }, "G"), index.h("smoothly-table-header", { key: '9e3e6fc6f31039d520fa323a7f5549390cc17f76' }, "H")), index.h("smoothly-table-row", { key: 'deeefaba22b977edcf0412d7bb8cb0b426bb0e54' }, index.h("smoothly-table-expandable-cell", { key: '88821dd02885d589f8085f23e6f36c80d13b2d17' }, "g cell", index.h("div", { key: '39dbd0b03e45454d7d250e678ecbace797de9a0b', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '4d37286adc530cbfe80455a4a66b19c1eef62c7d' }, "h cell", index.h("div", { key: 'b44f5357b900bb7231516f03f9cb78b5f012abf0', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '6d8088c01c1946415d2e6ecaa452a21d08c0027b' }, "f cell", index.h("div", { key: '55f8999fe29ca292d0aa58568e7ce8a420054f8b', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: 'd5f68a4ec6b87f8852b1c8e7cf197a6b33d65289' }, "b cell", index.h("div", { key: '0b45b5765eb119e4b040aaf9c269f32cc51f847a', slot: "detail" }, index.h("smoothly-table", { key: 'bd483dfee993041149aa77d4b1858662de73542f' }, index.h("smoothly-table-row", { key: '152f5e9742fe66c3d10bb95d697fd89c291e504b' }, index.h("smoothly-table-header", { key: 'd10c9873ca10d7d0ec3693bc1170bccd2d6d3950' }, "C"), index.h("smoothly-table-header", { key: 'd9b0595ab82b9463074253048186a263a80dbcd4' }, "D")), index.h("smoothly-table-row", { key: '13c97897313ad8ed43bb275a796aff2d946d0956' }, index.h("smoothly-table-expandable-cell", { key: '216b700ed3d29cee790d9040624195981b421b42' }, "c cell", index.h("div", { key: 'bffd6278082600b414b1df53d4309b75bc519a7f', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '63f23114f39b396fd6a2b76bf1b42bd0311dac47' }, "d cell", index.h("div", { key: '1d7b427855aa5171459f09a8d30eb1fd08a7ca5c', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'd7d1f71d7dd493aa647ddd78cadafe6c1e2165f4' }, "Demo table 6"), index.h("smoothly-table", { key: '2f54b456aa9dd3df462698ec3574d05629371bdc' }, index.h("smoothly-table-row", { key: 'b3e44cf670beb3480231a53bd64f6bfea4a93764' }, index.h("smoothly-table-header", { key: '58fdc45c8f914d6fdddb7c163b386341658ab80d' }, "display"), index.h("smoothly-table-header", { key: 'd200bcfe5dc61905e8cac792fc09ccd5868be188' }, "contents")), index.h("smoothly-table-expandable-row", { key: 'e0c5ac990df41da2e3af26a8384209eb2f750a34' }, index.h("div", { key: 'f8053809f0e8231645c4275586daf98c5a006c67', class: "content" }, index.h("smoothly-table-cell", { key: 'd3455132fb39edade7ce473444b8121d2c4bf4b4' }, "A"), index.h("smoothly-table-cell", { key: 'a1e1998ec1205c136b14e178d998ce962abd0f9a' }, "B")), index.h("div", { key: 'a091c38f2c87095be721d707b5c2311f09cac5dd', slot: "detail" }, "expansion"))), index.h("h4", { key: 'a121efde3449fe3b0d137d833b6ae341b504e461' }, "Demo table 7"), " ", index.h("span", { key: '1cea473703f5570ec3b831a9b82cf560d626e480' }, "nested 1 then normal"), index.h("smoothly-table", { key: '6e48019d21d7fb678d1b326cc642df179281eb95' }, index.h("smoothly-table-row", { key: 'e7802be1bba803eb03a384d9f1c42f62f5d390d2' }, index.h("smoothly-table-header", { key: '40e805e08a0668a530c3bb4689160f8201f6b8ac' }, "A"), index.h("smoothly-table-header", { key: 'dc4682e849e8a2ee8404141eaa64bd313bd3f1de' }, "B")), index.h("smoothly-table-expandable-row", { key: 'fe90bd61f27a568eb9d08a7608a6f8fa4afb6d50' }, index.h("smoothly-table-cell", { key: 'be5a961485f323b6a7adbe07846671ea5e44e8aa' }, "a"), index.h("smoothly-table-cell", { key: '86849f70da4daea9146fe368ada9af469ca0e24e' }, "b"), index.h("div", { key: '536a13f511d78941b60fd0ca66df440dd812d36b', slot: "detail" }, index.h("smoothly-table", { key: 'cc64421e35a9b194244bf65f62bf912d45b7473d' }, index.h("smoothly-table-row", { key: '2c779f4ca95c05227dc716da7ce5a6b2bc1478bb' }, index.h("smoothly-table-header", { key: '134c7db01d37c2eacb5657b5a5412ee1c49afad5' }, "C"), index.h("smoothly-table-header", { key: '2ea508f7502be2f0a7346bdab7aea557c70786d2' }, "D")), index.h("smoothly-table-row", { key: 'dd7e394bb923e671fd77ec9e92d1e0f988582fcf' }, index.h("smoothly-table-cell", { key: '9b816eb941de433187616b5dc19e298d5531953c' }, "c"), index.h("smoothly-table-cell", { key: '4ecfb6cce1d2f0f7233d7c28ae658bcb102bd393' }, "d")), index.h("smoothly-table-row", { key: '4ee2dd20b58148f56cbc82fbc50e56dc478a1773' }, index.h("smoothly-table-cell", { key: '2cf709ba94dec6405acafc6bf51df9a000442c47' }, "ccc"), index.h("smoothly-table-cell", { key: '191db9f6db47fde77b2ae13a99708281e408a419' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '9348628506f543af56c015787e067845490a5afb' }, index.h("smoothly-table-cell", { key: '5a27eda4518331ebdff51e19f868b54ba81d3db0' }, "cccc"), index.h("smoothly-table-cell", { key: '19491dbe0a49fff575e6f2131f21cd567142664f' }, "dddd"), index.h("div", { key: '0cc05beec1eb2a94276e67e349549b1181c2800d', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: '6ad3a5ad78d7a13ee874aa1e34454b655151e212' }, index.h("smoothly-table-cell", { key: '5f87aefa8c343fed00ded2056f2a3bb4a7bf81f4' }, "ccccc"), index.h("smoothly-table-cell", { key: '6f4cab1a6e713e9919721e943f3a311babdbc514' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '2ade8194c8c81a2622075119bd0a774a8e895255' }, index.h("smoothly-table-cell", { key: '0ca024ae4bfbc7ca1736740bb99a23fd751eecf5' }, "cccc"), index.h("smoothly-table-cell", { key: '30b6ebead0a09cc72778937cc2c8a09cfaac9264' }, "dddd"), index.h("div", { key: '86684916edf971ccda8b60f99a9b14fca41ef807', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: 'a32d1ecac3af32f7d3f1f649e011b08de7d3c169' }, "Demo table 8"), " ", index.h("span", { key: '11805bd521860c5331c8b9f0d4a8a406c014ba61' }, "not nested"), index.h("smoothly-table", { key: '4009576336308323853efa04d38751a57700285b' }, index.h("smoothly-table-row", { key: 'e2844f71096510bb9b20f4e0bc48d9927671b78f' }, index.h("smoothly-table-header", { key: 'a63ac3e592875b8426dede361e956bd6b4662406' }, "C"), index.h("smoothly-table-header", { key: '4c436af23c1b72bea53a2746c284f6a5cd62b1f0' }, "D")), index.h("smoothly-table-row", { key: 'f6c7c46e2add524b441b29034577ff598c7f81a8' }, index.h("smoothly-table-cell", { key: '82eaf9546f4fd04ffd199d20139668a9612765a1' }, "c"), index.h("smoothly-table-cell", { key: '131125bdafc52dc560a2def28a0bc9166f2fff79' }, "d")), index.h("smoothly-table-row", { key: '236112fe5d153cdeb63b046273f8cff31cd5b22f' }, index.h("smoothly-table-cell", { key: '688d94753909a1fd3801bd6d1dc3dead99e67b40' }, "cc"), index.h("smoothly-table-cell", { key: 'bc1caa7f054e948ec18fec235f4b2d06a32402b1' }, "dd")), index.h("smoothly-table-row", { key: '23b9f9f34f4b2b7da11704a85b9fe375e3fedc79' }, index.h("smoothly-table-cell", { key: '1a126531b75c204a734c9b5e0b1bd3375b0fb6ab' }, "ccc"), index.h("smoothly-table-cell", { key: 'a115c869e5d45f6752d7f5e041b4d08a0bab78d0' }, "ddd"))), index.h("h4", { key: '6feebb9f06c57f279ab8a60f5d3243090a912e48' }, "Demo table 9"), index.h("smoothly-table", { key: '29c4d826c117b47c733efa914407f3f29d25701d' }, index.h("smoothly-table-row", { key: '3227be3032ba5f29711afe3269df22685be72a73' }, index.h("smoothly-table-header", { key: '076d1c42e20aebc7584ea5dd5165a33f45382cec' }, "First name"), index.h("smoothly-table-header", { key: '1110901b7d4d40f6c16a9485078640d1148c00f3' }, "Last name"), index.h("smoothly-table-header", { key: 'b9e61cf76ad893838d961521611ed26a3fe55c34', style: { width: "1px" } }, index.h("smoothly-icon", { key: '3a9cc9fd79801293bdad68ab70a74e370ac4d132', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '1d02f306f52f865ce010e64acb2929228c7bd15e' }, index.h("smoothly-table-cell", { key: '848030e2325ec5ff5fd539752323e8283b131832' }, "Jessie"), index.h("smoothly-table-cell", { key: '30435bba21263764657b3eb41ee0222e15501bb3' }, "Doe"), index.h("smoothly-table-cell", { key: 'a6edb66a4e6edaee7fb70bcbbc4b9b41928155f4' }), index.h("div", { key: '50629ea722f0569758f015bd0437e8a1d66bb045', slot: "detail" }, index.h("p", { key: '87a784ff6f169396885a315e6ad6b0920b22e319' }, "This is Jessie")))), index.h("h4", { key: '0ffdcaa8b0e2b82be3abb880610f323281830765' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '193fbefb3e6994c6252b159399a2216304d53c30' }, index.h("smoothly-table-row", { key: 'e872ad769cc23dcf369076776b439a7a5913420a' }, index.h("smoothly-table-header", { key: 'bb5573cec75c0a96ce64b417a5950ecca09593ab' }, "Company")), index.h("smoothly-table-expandable-row", { key: 'c8e12a4f92615c3b1dca5ea5434386d6d608682a' }, index.h("smoothly-table-cell", { key: '0f2496508407c14acb8820c22c05822eb9090f1f' }, "Proquse"), index.h("smoothly-lazy", { key: '5ebe1059422b7b05546f0e684da832f9e66befde', 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: '19f0e2c1a5003808858d23dbc48547efdc650c95' }, index.h("smoothly-table-cell", { key: '2e2b0d6eff03ac53f522764140249a1a37b4b7ef' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '72de23a4e67b331f5d8cfaea9412945b29a5de37', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: '8e3f421528e5484987efef812df2e3856f3b17c6' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'a4e8d1cb657daea4266f45f6623e54fdf130977c' }, index.h("smoothly-table-row", { key: '8678c8072d2e3ef513c6425290031678cff5d928' }, index.h("smoothly-table-header", { key: '6bb9b99332a14a4ce86049e0b7aa0165b8a71767' }, "Company")), index.h("smoothly-table-row", { key: 'e5a05489897c5407917fa63be289fbb205f2e02f' }, index.h("smoothly-table-expandable-cell", { key: '3180fe43068e9ff3a03dd19099f75adbf6c268ca' }, "Proquse", index.h("smoothly-lazy", { key: 'b66009b63c479e33b057c64c447f78c2cb030666', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '073a56f66b9896ec6b36f4c044046dffc71f5dc7' }, index.h("smoothly-table-expandable-cell", { key: '8fd513b716f561d50e281e51797126bd1dd87952' }, "Pax2Pay", index.h("smoothly-lazy", { key: '61e795ddcfb53acc6b3598bf944b00a5a4254278', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '554d064b27480332a853fa3aa74e6b04a7298c06' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: 'c99a3f2196512e9037ddbca6ae12de38d2d3b0e0' }, index.h("smoothly-table-row", { key: 'dc20930e2fa94a7b6be76b96c780fc308f233104' }, index.h("smoothly-table-header", { key: '41206e45c194741515bec5503db4080b5846ab6d' }, "Name"), index.h("smoothly-table-header", { key: '5c80fb1c5ffc1b9a3a26ac36e052a96b06c352fa' }, "Age"), index.h("smoothly-table-header", { key: '2fac1535bd56aa78fde0c5f68163999f87f19b16' }, "Location")), index.h("smoothly-table-row", { key: '774d89720aac88456620fad2aa294313d3a4026d' }, index.h("smoothly-table-expandable-cell", { key: 'c33663348ac58721578053b1e59794d018285725' }, "Jessie", index.h("div", { key: 'a06d9bfd6935dec6e35494e4700ce73fc804039a', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '286b615fefab1bc4c45e2476541eb2c8379c6bca' }, new Date().getFullYear() - 2000, index.h("div", { key: '82ec68afb6a3552bb0f323c9074e36689f42e0b5', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '745bae86ec773951391956639c035b13d0ff5655' }, "UK", index.h("div", { key: '12d29d81ccf035f307747c50f14ca69663e69181', slot: "detail" }, "London"))))));
|
|
12557
|
+
return (index.h(index.Host, { key: '51b35ded9f79fd725f62621440425fb4158fb499' }, index.h("h4", { key: '23c261386ae6d407b41bd51875fb273efbc2eb8c' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '1ae795cac6bd7b13d44dc28ec448c5dfb1eab8d6', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: 'ce7604a8859eaa145b243c2074718699a62cd38b' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: 'af13be417b896c4cacd5962bbcce1f1eed36b515' }), " ", index.h("h4", { key: 'fe0b0d95a28506fa9c53765bd85d4aa1380b5ac1' }, "Demo table 3"), index.h("smoothly-table", { key: '7c8df77c92d50bc0cb7b30fa9b3c347b5c4c6617' }, index.h("smoothly-table-row", { key: 'b1dda122006333ea3b811ae0ef26ccc78874252c' }, index.h("smoothly-table-header", { key: '44bd732bdcb5ffba2c0cd98890d36bba72d41884' }, "Header A"), index.h("smoothly-table-header", { key: '60a4b83a8a90bac3605e2a458883b0301b0ab79a' }, "Header B"), index.h("smoothly-table-header", { key: '8e747ba13137cd4c514341453b30bf220ea23cad' }, "Header C"), index.h("smoothly-table-header", { key: '612ed44db5916a271c28ac484da65bfa58f1e746' }, "Header D")), index.h("smoothly-table-row", { key: '6ef4d1d4562c5379084c9cbf944446f399255830' }, index.h("smoothly-table-expandable-cell", { key: '6c97ac4bf3356ba626925e7d05f97a8897b5c0cb' }, "normal row (exp.cell)", index.h("div", { key: '5880c6015f001618827158c71ff0e6194f3474b1', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: 'a5308992866c604bb19b2bf2751962005eb42fea' }, "expandable cell", index.h("div", { key: '6f34518760161e5122fb0e5c5421c26afd1fd7a3', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '1d7260ebd83fd3af49ceae40f84b1140e6cc8fac' }, "expandable cell", index.h("div", { key: '0f6fca306db05fcc62492b15b2796fcfea454f4d', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: 'f340f2ffdd41d973e07321b0b223c12373e2f099' }, "expandable cell", index.h("div", { key: '2d7d2b9a11a5c5a2fea1291a43667d652018fcd1', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: 'fa40908672f9ee6b4dda4c4f624c2cb86ec8b9e0' }, index.h("smoothly-table-cell", { key: '67b3e59e9d63021095168cc4a929e6ec986ac840' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'e8bc8bf95802917ad9d2e07365eb3b6d502bb3d2' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '22554689665c7dd33e4bae24a89510c7cd4ffdf0' }, "expandable cell", index.h("div", { key: 'e9d7e1929ff9543ed5ae36e731c0d22582a95959', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '00387a856b04a6b14c3d83b0563923286118db33' }, "expandable cell", index.h("div", { key: '8be0a558b9b16f08168bd32192e29ea499990267', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '95d701f8e523fccf5f2e02e121e0fbe4ba947026' }, index.h("smoothly-table-cell", { key: '3700c8d7e36232b86fdd7246fd7c59483b6517b9' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: '60344f1b89546b74eb4236ddb71918b3ab6516db' }, "Normal cell"), index.h("smoothly-table-cell", { key: '0e572179151ea06370591d6feee336458f62b8d4' }, "normal cell"), index.h("smoothly-table-cell", { key: '1ee1a28a276760c1b0de7fcc4580afdb5aaaa32f' }, "Normal cell"), index.h("div", { key: '3b67d84399d5de8d2c2801ac078d1168bc51bb2e', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '498f8bff4c0537fd1dc47413bcbb4d5328fde4d0' }, "Demo table 4"), index.h("smoothly-table", { key: '5d5e61c8a261f5efd6b9cb6440ef356de54e30b4' }, index.h("smoothly-table-row", { key: '7bb88e25c5ce755b851d2809bb40f8670bc603ba' }, index.h("smoothly-table-header", { key: 'd38a03f7d37db39c48932a6c43cb1fae5974697c' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: 'f3ef8a67806b3c6afb1e330f2c54b5b88e2b6027' }, "Header expansion", index.h("div", { key: '89a34e92fca0028ee35f1ff5a139b644ee6732f8', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: 'a8c947b92c3716f70409ddb3f5f765bb2ef21c21' }, index.h("smoothly-table-cell", { key: 'b9a4a84c69f62cdb426de5a885ea71a1a65fa94d' }, "A Content"), index.h("smoothly-table-cell", { key: '5d9920de7838ace6cc62634363ba2052be0ffa28' }, "Expansion cell"), index.h("div", { key: 'c3c90b0433ceb8425f97fad5ff24671825a93da4', slot: "detail" }, index.h("smoothly-tab-switch", { key: '005b9f476134a11709754dd0dd2ec65d1a49efd8' }, index.h("smoothly-tab", { key: '6e3ba20b0cd120e514887ef4f6dcdf1194fae440', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '98a5031bc6455f71ea7271186ed19606e91bf2d9' }, index.h("smoothly-table-row", { key: '9602024d5b3d043c4181d4f154d61b242f60f85b' }, index.h("smoothly-table-header", { key: 'b1a48298c6d5c4b5e2dbb81b2b67fe9b808330cd' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '12923478bd85699910491a90fb1ba79037a747a8' }, "B Content"))), index.h("smoothly-tab", { key: '38a211fcb2fa39f08b4abab4a6bf062077420957', label: "innertable 2" }, index.h("smoothly-table", { key: '0c52b2ec005ee2b9e217354a121dcf3cd1085575' }, index.h("smoothly-table-row", { key: '6e49f8762c43c2aeb0804089e113f630d7229c29' }, index.h("smoothly-table-header", { key: 'e0a1640d345ae80ba113a363ecf92c9a88708de6' }, "Header C")), index.h("smoothly-table-expandable-row", { key: 'b3df3069c0ee3cc27a69efa23a5dbf01f9b39017' }, index.h("smoothly-table-cell", { key: '2d59298537b43937184f824b1894dae09f1093f3' }, "C Content"))))))), index.h("smoothly-table-row", { key: '398950c51e841302cf70c6c4906de57560d9e286' }, index.h("smoothly-table-cell", { key: 'a35a442d9383de212850c335fc7aa50d643a66fd' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: 'd5bff81775abbabe606838b2b9abfe00c596bac9' }, "Expandable cell", index.h("div", { key: '4d2b6959b83f5c2577d39940f07cf60f3bd75934', slot: "detail" }, "Expansion content")))), index.h("h4", { key: '48e4c3931aa50a8cd4962720785b707cc8d4abec' }, "Demo table 5"), index.h("smoothly-table", { key: 'fe5d1a032e950b478df5fe05f7965f164af978d0' }, index.h("smoothly-table-row", { key: '254569ae6f28d55511b35dc6a44a768562fdd53f' }, index.h("smoothly-table-header", { key: '21e41414dfc044a80fc254716f5899580187c076' }, "A"), index.h("smoothly-table-header", { key: 'ece90aaefe8ce0908f417599798f3a09cab76ec5' }, "B")), index.h("smoothly-table-expandable-row", { key: '9810a18ffe57eae5a1605fa3447eae0e98e30c72' }, index.h("smoothly-table-cell", { key: '25d32f1932d51028a8451428861139c1685daa61' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '88c2e50333cf22982868c495035862ac0c9d48f9' }, "b row"), index.h("div", { key: '4936c3a53fdc6e5e7f437a24d04585aab0308ff0', slot: "detail" }, index.h("smoothly-table", { key: '97ce2398a891ca1824d8d231fe969fdc2194f9f7' }, index.h("smoothly-table-row", { key: '97c34fe0b3824e31844b225f3dccc4a4c07a1834' }, index.h("smoothly-table-header", { key: '67c548534556e287c85b5baa615b9ee4a6a09980' }, "C"), index.h("smoothly-table-header", { key: '8607d26470e447d7b243f2ae1d09ed231d2c30fc' }, "D")), index.h("smoothly-table-expandable-row", { key: 'af3dc065a497ac0481b244500f9aaee3a9ea2e92' }, index.h("smoothly-table-cell", { key: 'ecb14c34536e25b26b2085243b7dcbf6dfd9eb08' }, "c"), index.h("smoothly-table-cell", { key: '6b785fb1e1a988fac6923e16e8d10046b8e79895' }, "d"), index.h("div", { key: '778f347547d53773f7ca7d78f1e27aa9f1f514ed', slot: "detail" }, index.h("smoothly-table", { key: 'b3e43661a405fdcdf38129835dc81f72ab1e9513' }, index.h("smoothly-table-row", { key: 'ff63e122ffb5cbd576428e8c55bbbe2caa0eb0a9' }, index.h("smoothly-table-header", { key: 'e200c49bccc18e76a8f26af8c2fd91709f0ab1e7' }, "E"), index.h("smoothly-table-header", { key: '474e143069858b5b529841beafc897ff9a9916e9' }, "F")), index.h("smoothly-table-expandable-row", { key: 'eadd405f57e633696bd2db052a4ad36d8bd75273' }, index.h("smoothly-table-cell", { key: '51318cc6f2d98f73d579c8895fb3c76ba1400c95' }, "e row"), index.h("smoothly-table-cell", { key: '5ff6bf2ae2a24c67aad41f1bb361fd7a1f76d052' }, "f row"), index.h("div", { key: 'fc9cc6b21ce1589c7f45a3c9a52f12ffcb74619b', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: 'de4a7061c8e3505874a988c09d155736d81072bf' }, index.h("smoothly-table-cell", { key: 'c45b37d4f85b6d872ee4d5745651f12ba53c5455' }, index.h("span", { key: 'f1ccaab3bed7286d4c0ad80e1c0b4d1bf2607cc0' }, "one"), index.h("span", { key: '8674af810ea990e8be3f4237d2a3a57db8db2e4a' }, "two"), index.h("span", { key: '95c7141959bbcb2c8c9929c2bc9bc384538c5ac5' }, "three")), index.h("smoothly-table-cell", { key: 'ec7db910dc3cc2e3e2e7927e1af4b01c30f23bc2' }, "five", index.h("smoothly-icon", { key: '0d98f968459807290548568b951dd4294f073032', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '198ade6e521dc295afd66dbb122f721d3445c6b5', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: 'a70fd6842edf7b94fb99dbe0b2829c6ac302e8e5' }, index.h("smoothly-table-expandable-cell", { key: 'a2a4c921e1d9e4f1ca56ab04df93b0f1425c7df0' }, index.h("span", { key: '99ae2dea6e49dffd0efc90d4e1290f96b121e411' }, "nested expandable cells"), index.h("div", { key: 'e214102ef72d47d8003f0c4660721f3e73bbb55e', slot: "detail" }, index.h("smoothly-table", { key: 'fbba9ecaa67ccf1ff5c7d23539b3c4faf11d37ff' }, index.h("smoothly-table-row", { key: '5b356b5abe955986091795c86972e7c8dedfb0e6' }, index.h("smoothly-table-header", { key: '3a387b80348beb6593df2e21373427239725a132' }, "E"), index.h("smoothly-table-header", { key: '990944ca9580d1276647f1001be1897143ffabfe' }, "F")), index.h("smoothly-table-row", { key: 'a24cd6cd06bd02455749a5813dff08884ff7d730' }, index.h("smoothly-table-expandable-cell", { key: '96f632226a852491811fabb166d30ad3232390e2' }, "e cell", index.h("div", { key: '85f936ac49d1b8cfd909df0aec2f7d76120c458c', slot: "detail" }, index.h("smoothly-table", { key: 'add17081f7a3dc48a1b475ac6dae5b815e7967b1' }, index.h("smoothly-table-row", { key: '7054c59a67d524b905707d30a83e103d291ce695' }, index.h("smoothly-table-header", { key: '82950d41f1b24e227dd7d9128e3d6cd419f88935' }, "G"), index.h("smoothly-table-header", { key: '7ce42ef76c3d943363ce142f1b5c01dd7b4dab5f' }, "H")), index.h("smoothly-table-row", { key: 'b6681ab1291a07775dff7e771c09806b7882da70' }, index.h("smoothly-table-expandable-cell", { key: 'afddc209176b2c7568582af0421bc0d75452a952' }, "g cell", index.h("div", { key: '0fce912ac8e5218ad6c05b7062723a16949994aa', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: 'dff026211bfd19c7a8ef9e428323ae57c773eaf9' }, "h cell", index.h("div", { key: '2279bc7734a0f5794177a92490c61467de71423c', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '92abfad6d298498850261f1fc2198da12cfeb257' }, "f cell", index.h("div", { key: '3dc31a972a8bfa6f393b68c703ab91affec02a55', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '7a8f3bec9e794e6b678519b0b263a8ebf1a178cf' }, "b cell", index.h("div", { key: '4fbea5fc06942974d01fca3e4a5691f17b057830', slot: "detail" }, index.h("smoothly-table", { key: '77d25149f84328019709cc2e9ad2ce7a217be911' }, index.h("smoothly-table-row", { key: '399228c5534dccbdc3a7f150ab9c4b5fa5a5b983' }, index.h("smoothly-table-header", { key: '1ee897e7b8d3ce871deb4b2d89bac5a6d30b4af6' }, "C"), index.h("smoothly-table-header", { key: 'f3c0c86c9aeae5805eff55eaf2319efbbfe95752' }, "D")), index.h("smoothly-table-row", { key: 'fc6618e4c1f7a5a981ba9af172dbd96043dae82a' }, index.h("smoothly-table-expandable-cell", { key: '5612caa5f79b80ff181b703f4ee7aa2237bf2a7d' }, "c cell", index.h("div", { key: '4dbdddb850c53ca4c21bac31a6acb62f636ac6c9', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '6b651fd10dc99b9a1fbcf0fae07c31b360c0fe69' }, "d cell", index.h("div", { key: '958ae4bb7fc6adad65f30c5bd87512d59302cf65', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: '884e8ebdcb911f2600c24e18f108bd445b7ab44b' }, "Demo table 6"), index.h("smoothly-table", { key: 'd98c7e0bff92551854080a6893232ef52ef73d9c' }, index.h("smoothly-table-row", { key: '9e9e16cf3dbcbb770200ccfb9c64b8a6eb678e99' }, index.h("smoothly-table-header", { key: '91aad45887e6f06329e9146d802155e1da317107' }, "display"), index.h("smoothly-table-header", { key: '97b7a29f0b381cdeb3302f331f8b8c8f70949d6f' }, "contents")), index.h("smoothly-table-expandable-row", { key: '91de275cd0d3fe7b7053a0310e73ff289254728b' }, index.h("div", { key: '1891ba933e601ac77df5b55831d7de8b56af6157', class: "content" }, index.h("smoothly-table-cell", { key: 'b2660bd964a4030328df78ce92ca7daede8eed5b' }, "A"), index.h("smoothly-table-cell", { key: '949104774b8d8b6f3c00f5e435360c8a5b0acc1e' }, "B")), index.h("div", { key: '2b9322f1138b53d9d2b9ab9068e5e0bc6e8f9d35', slot: "detail" }, "expansion"))), index.h("h4", { key: '56378a1ec3e4f7567538cfde94c0bdd87446512e' }, "Demo table 7"), " ", index.h("span", { key: 'bb9685ee9ff98dfcf0d383ba9804d52849d32c35' }, "nested 1 then normal"), index.h("smoothly-table", { key: '9ae6f5b81526a775b2eb0122d9f11aa6735c53e6' }, index.h("smoothly-table-row", { key: '3e9be7613b2402eeeed6e1ada1bee80779140036' }, index.h("smoothly-table-header", { key: '812ba2a3c4a7bd32f47ed76747a95070c19d8a5b' }, "A"), index.h("smoothly-table-header", { key: 'b240b0b9d0624b1dd677aabce2423a064c6c08bc' }, "B")), index.h("smoothly-table-expandable-row", { key: '092f059addebb8806b0902339d325f44cff42fd1' }, index.h("smoothly-table-cell", { key: 'ec88368f12ac9985881121d1cf41d55fea614403' }, "a"), index.h("smoothly-table-cell", { key: '01e029ba16ae7174f44163a17539c7d827a9fcb3' }, "b"), index.h("div", { key: '89fae13e100f7bf3111c763fe0a5f892f97aa4c5', slot: "detail" }, index.h("smoothly-table", { key: 'd98d1ae09ff1ca5fb5928b0c2c9b04af9460480c' }, index.h("smoothly-table-row", { key: 'd088825f427f1abfba3e4e729be598d2a9f52271' }, index.h("smoothly-table-header", { key: 'bbe9e4fdd58637d1f047061d8ff21f424c69b118' }, "C"), index.h("smoothly-table-header", { key: '3fa1124d1921267ae31129c592369e549d42b7f8' }, "D")), index.h("smoothly-table-row", { key: 'cb9e993adaaaf705f26915842e05714cf9df711d' }, index.h("smoothly-table-cell", { key: '0ae9cb561d4959f7fb810c06395c405e143fe127' }, "c"), index.h("smoothly-table-cell", { key: '071b888b03a43d0eed525501bfabc4c79f44796f' }, "d")), index.h("smoothly-table-row", { key: '0d4e99cbc7139ee9adf72e828c4a33fb353f904d' }, index.h("smoothly-table-cell", { key: 'ac48c46e781f7737915705e750dec5ef53f611cd' }, "ccc"), index.h("smoothly-table-cell", { key: 'f9274be68c34c202145a8783ecf1c9a102e5236e' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '526ce3d98a6ec359bd2a270a1f4306b94cc15f06' }, index.h("smoothly-table-cell", { key: '6b3d45595b284244c68914495e195215d95a5db5' }, "cccc"), index.h("smoothly-table-cell", { key: 'c462e0eb709b026b842df45cf06aec2348459d6b' }, "dddd"), index.h("div", { key: 'f69fe21672deaa27ab406e5a01e60ecff46f0e9e', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'ba3629c04f136319dc904965eda31382d9690bfb' }, index.h("smoothly-table-cell", { key: 'ca3b595163ce24fb198cf55d2ace684f9501b5d7' }, "ccccc"), index.h("smoothly-table-cell", { key: 'ae00dbe6489535d79bb92eeb1bf0cd4301d82b10' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '271eb2685bb55e7968a4f72724351931413281db' }, index.h("smoothly-table-cell", { key: 'f70ebd4310de1e44f6a30c7a68439bb9b0eac15a' }, "cccc"), index.h("smoothly-table-cell", { key: '9ede6fd9b1589f0b511610717a241d5c92f88b7f' }, "dddd"), index.h("div", { key: '1886b1e36182359488e97f4b1042b3b78eff9735', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: 'c5541946942c9749f553faef3b7c85e84202da93' }, "Demo table 8"), " ", index.h("span", { key: 'caf31f46cde96cb7dfcd044d41dae130aa84b4d4' }, "not nested"), index.h("smoothly-table", { key: '05e22b3f749c16472520155d3fe4c7b8f2e05a5b' }, index.h("smoothly-table-row", { key: '3bb391a4bca51d9885eae83007d3f9bb4b93f17a' }, index.h("smoothly-table-header", { key: 'bcd6278cca1fc6fe3428cc3764e5a8359fb209eb' }, "C"), index.h("smoothly-table-header", { key: '7952bb1adef6eadaf2a84f29b8abc4d3ca402cd7' }, "D")), index.h("smoothly-table-row", { key: 'd25ddb631b030f3fc90874739cb00b0c5552f121' }, index.h("smoothly-table-cell", { key: 'e4f2a03d24f7efcb01874dfa3c199879dbab28c1' }, "c"), index.h("smoothly-table-cell", { key: 'c417b230cedbe9e4dd87ef0b1bfa20f3f6c3688f' }, "d")), index.h("smoothly-table-row", { key: 'adc0c86a1002d03231129acfce5cd7a40f3cb089' }, index.h("smoothly-table-cell", { key: '732943a8b65f134d9d0502f64713bca443a79af9' }, "cc"), index.h("smoothly-table-cell", { key: 'dea2f0020f4c8dd7e3367d14bc9c6d6d0acc8d63' }, "dd")), index.h("smoothly-table-row", { key: 'ea869528b5eee2e6dc18cf3e9a40c91a207ea6db' }, index.h("smoothly-table-cell", { key: '5a1794e075f346bde3951ca71096f46c30ba195d' }, "ccc"), index.h("smoothly-table-cell", { key: '0abb14eb7a0ba89e8c9554c5f19c30ac4402d45f' }, "ddd"))), index.h("h4", { key: '224f98ff987b968e26631bb207527c07025a2d57' }, "Demo table 9"), index.h("smoothly-table", { key: 'cfc6f020da76331640b71aff11ae8b9ede4675fc' }, index.h("smoothly-table-row", { key: '349eb0c4d8a78ff23c78018e710c7659903e5e1e' }, index.h("smoothly-table-header", { key: '643b76621a4153759118ce25153d117608cca347' }, "First name"), index.h("smoothly-table-header", { key: 'c6aec6d1d6e71e0f37b8f892e05f6de95cca7800' }, "Last name"), index.h("smoothly-table-header", { key: '90f9c6aaa2c1183a083a366ca06ac4d16d3a8188', style: { width: "1px" } }, index.h("smoothly-icon", { key: '849630497b0b9f909160dc1fe52e9ea61adca3bf', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: 'd9e6bf70df8bb6456e969fe1587dc0df8f0b3a41' }, index.h("smoothly-table-cell", { key: 'f07ddb540da19e99dd841caca74f4ebd9f96783b' }, "Jessie"), index.h("smoothly-table-cell", { key: '03807f60095d97dc7790366fb5d8c50f68194189' }, "Doe"), index.h("smoothly-table-cell", { key: '9eb039e7aca0a5135af193794541b52379206da2' }), index.h("div", { key: '1e07d22ac5f6544c86b253482da9125009f1c106', slot: "detail" }, index.h("p", { key: 'd5acae7db701d5fb4d5a1803ad923214309e3ae5' }, "This is Jessie")))), index.h("h4", { key: 'ec36a21f08b5fb689c148b6da319ce5ca9d257c1' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '142fa7aa03feba15c3d0be3abeaaebb3bf57d2fb' }, index.h("smoothly-table-row", { key: '5afff6455e38def419becd81d9ee30a727010581' }, index.h("smoothly-table-header", { key: 'e5cf3d96b7db6dbb18375076021447483ae618b1' }, "Company")), index.h("smoothly-table-expandable-row", { key: '6a69baac2ca1639d151e8f1da051cc84e00a4185' }, index.h("smoothly-table-cell", { key: '269dfec64b91c1b65e1204d95867dc499beb3d92' }, "Proquse"), index.h("smoothly-lazy", { key: 'c00915b08957723e10387cc5f404fa6c34d3ece2', 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: '2f51137e19f15bd766a382358d354bee5992bb8a' }, index.h("smoothly-table-cell", { key: '97aaa589538275a6d5ab63646bc110298bf47e13' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '1dc54430c599285aee13fb26a1b5de588b585569', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: 'a11b7428bd565d38e90615fc07ea65961ae1fc56' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'cd2972ec07c66aaa1b5cf9c9630422fedf541f10' }, index.h("smoothly-table-row", { key: '8b76eacdad16e7cb431de8a85a4e3c7fa106392f' }, index.h("smoothly-table-header", { key: 'a072c5bc21db606346da479fb44313aacb2eb609' }, "Company")), index.h("smoothly-table-row", { key: 'c184aaa82302b8ebe9c309f3f984d4ae2e2a5a96' }, index.h("smoothly-table-expandable-cell", { key: '2ef22098494d03e5dc908fe728c8982a9b3b92b7' }, "Proquse", index.h("smoothly-lazy", { key: 'e090426f9729024858fbbbfad50dc19b30199d06', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '7550d5a6f932c38fbb0d85e97aae750121847e21' }, index.h("smoothly-table-expandable-cell", { key: '098b30f7661e8b983f038f0ec9a29baa0ccdc7a1' }, "Pax2Pay", index.h("smoothly-lazy", { key: '15e7264414e10b010a6fa18dc2dcc6ff1fa89e69', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: 'e64f1315e78a6e57b7c2506d4ea32422d8ff9339' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '53a12803827744bf37720f60c3cd99439bc65eee' }, index.h("smoothly-table-row", { key: '3a45a13afaf3eba9bcf1c31a913d53c7bd996ac4' }, index.h("smoothly-table-header", { key: '4766556d4c34028d1bfada4f1eba93a6957ab8d0' }, "Name"), index.h("smoothly-table-header", { key: '95890692aec371f1ee7c3b772fa73b060b9f9113' }, "Age"), index.h("smoothly-table-header", { key: '648f385ff6ae89e95ec9d0a5f8e7b8ba422818e1' }, "Location")), index.h("smoothly-table-row", { key: '63721c569f6f084449561140168994b06afde157' }, index.h("smoothly-table-expandable-cell", { key: '486425032788b8da0381e11ebd17dff792e36bf6' }, "Jessie", index.h("div", { key: '637e06af0b62528f5f56b59fa2f4ca8471b1962c', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: 'a552c0a280737e1e126e5689662bb134c65d0438' }, new Date().getFullYear() - 2000, index.h("div", { key: '9bf19736d79312b4f24cf5e80887748505e2409a', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: 'b48dd4c3cabb278b50d9276db5ec0538d06d249b' }, "UK", index.h("div", { key: 'daded4b764817e9cb9b6a99768228480f44444dd', slot: "detail" }, "London"))))));
|
|
12557
12558
|
}
|
|
12558
12559
|
};
|
|
12559
12560
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12587,18 +12588,18 @@ const TableDemoFiltered = class {
|
|
|
12587
12588
|
}
|
|
12588
12589
|
render() {
|
|
12589
12590
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12590
|
-
return (index.h(index.Host, { key: '
|
|
12591
|
+
return (index.h(index.Host, { key: 'd7e233c053fba323a74a573623a6bf141d6f8ab1' }, index.h("smoothly-filter", { key: 'c246ea99ae3427350e8e1687cd53a3cd6058fe08' }, index.h("smoothly-filter-toggle", { key: '029e46bfb50aa37caa536d8ca9daf64bdb855a38', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '8288a44e699236f0694329ecb1d7017b9524ff9f', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '2589be0e3ae5c8a4883580570b1df34ab99245e1', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '9b2cb2fbf15b34cfb246e2bacb5520df18bd1893', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '71c2925f794a486d0ca442ca202ff53cb94ec02f', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12591
12592
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12592
12593
|
var _a;
|
|
12593
12594
|
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));
|
|
12594
|
-
})), index.h("div", { key: '
|
|
12595
|
+
})), index.h("div", { key: '3ef0a91d058fd3baa540573ae9a7455994a2864e', slot: "detail" }, index.h("smoothly-form", { key: 'e204f91a3fed50535f1ce501354c549726ec7e6b', looks: "border" }, index.h("smoothly-filter-select", { key: 'c9192a202234e985c3c731d85cb3dd8b430e1b6b', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12595
12596
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12596
12597
|
var _a;
|
|
12597
12598
|
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));
|
|
12598
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12599
|
-
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: '
|
|
12599
|
+
})), index.h("smoothly-filter-select", { key: '66da328498d889b2a87c3b93c66c185c6ecd987f', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12600
|
+
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: 'de26f6af10598652eafe5805125754800cf509c8', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12600
12601
|
.flat()
|
|
12601
|
-
.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: '
|
|
12602
|
+
.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: 'd76165d44907e57898cbbdfb426630a59bc6c4fb', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'e34e1f06642bf8a1e5d2f135a77386f3522cdd69', 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 : "?"}` })))))));
|
|
12602
12603
|
}
|
|
12603
12604
|
};
|
|
12604
12605
|
const names = {
|
|
@@ -12654,7 +12655,7 @@ const TableExpandableCell = class {
|
|
|
12654
12655
|
event.detail(this.element);
|
|
12655
12656
|
}
|
|
12656
12657
|
render() {
|
|
12657
|
-
return (index.h(index.Host, { key: '
|
|
12658
|
+
return (index.h(index.Host, { key: '7f99296c8b258bcac935f91bf61766ab55b7cb7f' }, index.h("div", { key: 'c4177f1f85595d7618dabe68bd3a4ac52528d2ad' }, index.h("smoothly-icon", { key: 'e68d816b11f7f5948be9b28f6e3f8ad1a1deba63', name: "caret-forward-outline" }), index.h("slot", { key: 'f494db81c816da589b12de1ed1d1562cf30ee36a' })), index.h("tr", { key: 'd974329b89730630cca0873471796493b19a4b12', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: '88b9d0602373ee07c224dc179480cf359d4ffdb7', colSpan: 999 }, index.h("slot", { key: 'c304e44346c82d9b6743f71403262937f3c76d3a', name: "detail" })))));
|
|
12658
12659
|
}
|
|
12659
12660
|
get element() { return index.getElement(this); }
|
|
12660
12661
|
static get watchers() { return {
|
|
@@ -12690,7 +12691,7 @@ const TableExpandableRow = class {
|
|
|
12690
12691
|
event.detail(this.element);
|
|
12691
12692
|
}
|
|
12692
12693
|
render() {
|
|
12693
|
-
return (index.h(index.Host, { key: '
|
|
12694
|
+
return (index.h(index.Host, { key: '784a683f40536548d1542c5dae42a58c93cc80d7' }, index.h("div", { key: 'bdbd93a9b79b97e6ef11a3de7c864a3f5f520dc8', onClick: () => (this.open = !this.open) }, index.h("slot", { key: 'eac3be2e5a17eae0171d69659a84f6a1ca012abb' })), index.h("tr", { key: 'd5d553074bc8663cb820de9c1db912c67731d749', class: { spotlight: this.spotlight } }, index.h("td", { key: 'f74d6d53ad0ec47c5da68796a9a96572710a2553', colSpan: 999 }, index.h("slot", { key: '4b2b30c415b95564673bc6bd97dc192575592078', name: "detail" })))));
|
|
12694
12695
|
}
|
|
12695
12696
|
get element() { return index.getElement(this); }
|
|
12696
12697
|
static get watchers() { return {
|
|
@@ -12708,7 +12709,7 @@ const TableFooter = class {
|
|
|
12708
12709
|
index.registerInstance(this, hostRef);
|
|
12709
12710
|
}
|
|
12710
12711
|
render() {
|
|
12711
|
-
return index.h("slot", { key: '
|
|
12712
|
+
return index.h("slot", { key: '8caee25c663413b4d07322ebaa29e4c4b81e6d5e' });
|
|
12712
12713
|
}
|
|
12713
12714
|
};
|
|
12714
12715
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12722,7 +12723,7 @@ const TableHeader = class {
|
|
|
12722
12723
|
this.name = undefined;
|
|
12723
12724
|
}
|
|
12724
12725
|
render() {
|
|
12725
|
-
return (index.h(index.Host, { key: '
|
|
12726
|
+
return (index.h(index.Host, { key: '9c50912894be88d8ad12e05455997404e0a6dcff' }, index.h("slot", { key: 'c7db69ee0fd006b5f4afe86e41cfae29861e2915' })));
|
|
12726
12727
|
}
|
|
12727
12728
|
};
|
|
12728
12729
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12752,7 +12753,7 @@ const TableRow = class {
|
|
|
12752
12753
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12753
12754
|
}
|
|
12754
12755
|
render() {
|
|
12755
|
-
return (index.h("div", { key: '
|
|
12756
|
+
return (index.h("div", { key: '7a3b1f9bf7edcfc68a3c130c0bc1f54dd079a8e5', ref: e => (this.element = e) }, index.h("slot", { key: '3f8f3c027aa32505d2748ee2f3252e27e2d2c5ac' })));
|
|
12756
12757
|
}
|
|
12757
12758
|
};
|
|
12758
12759
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12794,7 +12795,7 @@ const SmoothlyTableTesting = class {
|
|
|
12794
12795
|
this.counter = 0;
|
|
12795
12796
|
}
|
|
12796
12797
|
render() {
|
|
12797
|
-
return (index.h(index.Host, { key: '
|
|
12798
|
+
return (index.h(index.Host, { key: '3aa3e45e3b498bd83810d5175914264902e12ed3' }, index.h("smoothly-table", { key: '972ea10b0c8d61c3635ee82aff40cd97b195f924', color: "dark" }, index.h("smoothly-table-row", { key: '3d1c5e266bea1efed0218b55e2f3d51585adf554' }, index.h("smoothly-table-header", { key: 'f5a5b9c6b6d3b981f37a885161c1b4ccee95d984' }, "Type"), index.h("smoothly-table-header", { key: '954ea4f900d2b6da85721ff157475376153ded84' }, "Name"), index.h("smoothly-table-header", { key: '795796b0e2832e308e054077241ec5e7927cc4ca' }, "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: 'ac52f912c309fd8ff4966f88112e1734f1dca260' }, index.h("td", { key: '28882429e3af78f158c3de362cad4a5d7dc041bc', colSpan: 2 }, index.h("div", { key: '8264ea4c5ada70d8da21d37d973cb19482e87c20', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: '17bef8c3ed5e3a7d24d0ab58ecd88857d345ea02', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: 'b09e77a40ec3825d266ba203ffd66bff584f9d86' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12798
12799
|
}
|
|
12799
12800
|
};
|
|
12800
12801
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12826,7 +12827,7 @@ const SmoothlyTabs = class {
|
|
|
12826
12827
|
old.open = false;
|
|
12827
12828
|
}
|
|
12828
12829
|
render() {
|
|
12829
|
-
return (index.h(index.Host, { key: '
|
|
12830
|
+
return (index.h(index.Host, { key: '4723171c49acfc54de0dd366c86dc4ae36a748c0', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: '4da89c3ff15e778573f76dce6cf51801d16f56c1' })));
|
|
12830
12831
|
}
|
|
12831
12832
|
get element() { return index.getElement(this); }
|
|
12832
12833
|
static get watchers() { return {
|
|
@@ -12843,7 +12844,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12843
12844
|
index.registerInstance(this, hostRef);
|
|
12844
12845
|
}
|
|
12845
12846
|
render() {
|
|
12846
|
-
return (index.h("smoothly-tabs", { key: '
|
|
12847
|
+
return (index.h("smoothly-tabs", { key: '79909b0d6b9863f1f35726c9742424d09eceea67' }, index.h("smoothly-tab", { key: '6ba9e1b36f71e562b935c7ffe106743a57cfe843', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '2e98a96cabaa91794571cf01e212034cf7e528da', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '6f82adb60adf95b201785ed8c8616337468e6e44', label: "test3" }, "this is a test message again!")));
|
|
12847
12848
|
}
|
|
12848
12849
|
};
|
|
12849
12850
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12857,7 +12858,7 @@ const SmoothlyThemeColor = class {
|
|
|
12857
12858
|
this.color = undefined;
|
|
12858
12859
|
}
|
|
12859
12860
|
render() {
|
|
12860
|
-
return (index.h(index.Host, { key: '
|
|
12861
|
+
return (index.h(index.Host, { key: 'f9885148a3e90c5211fd5cb50d4612b5c2c80cd5' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12861
12862
|
}
|
|
12862
12863
|
};
|
|
12863
12864
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12909,7 +12910,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12909
12910
|
index.registerInstance(this, hostRef);
|
|
12910
12911
|
}
|
|
12911
12912
|
render() {
|
|
12912
|
-
return (index.h(index.Host, { key: '
|
|
12913
|
+
return (index.h(index.Host, { key: '59cc052519c330103c1ee7af8841c87d5834beab' }, index.h("h2", { key: '38d434f987900cb30ee0067861a40f0531c9b9e0' }, "Theme"), index.h("smoothly-theme-picker", { key: 'd53c94c8166e671ec18eb92823037ca4aa519ef2' }, index.h("smoothly-item", { key: '4525c1f1c28807319252c5ce1a2cf959c2d4602d', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: '54d67c1a54318b3fdc789ad299f6cb1eb174fd5b', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '92c34281b810fa2e12cf3ba2c43fd283a1a828ff', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '19e3e20be1923bed0c35fb77c41049131f9e5acf', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: 'b5aab0bd881c9747ce44968f9fe56473b9f2619d', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'eab343b90f723397cf0dab1d0fddc9f58b4c877d', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: 'e1700ecefee65dd925a08b7ebbb3695762191163', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: 'ceb97c7061fc1089710f32e559dffbb96e6ea8bc', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: 'ddbc893e8dc443656fbdbcd589e2835095807751', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: '88549ee7826c8acca0f8483e43d22c5ac305beca' }, index.h("smoothly-theme-colors", { key: '892b29c01a5612f924c797d057e6ac646a106499' }), index.h("smoothly-theme-guide", { key: '7b43bc2d185856c5079aa314f618fff3cad7cb5c' })), index.h("smoothly-button", { key: '8afd9ff1ec59e21ff50768b5c5ec691f18b83410', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'fdc0eff0412161470e9e82e0c8967b5fdf069338', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '509e5cd8fe45ea78a244af67f06130f9900aefb4', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: 'ca22e79d75a602dbbaa028707f35648bb404b8e5', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12913
12914
|
}
|
|
12914
12915
|
};
|
|
12915
12916
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12923,14 +12924,14 @@ const SmoothlyThemeColors = class {
|
|
|
12923
12924
|
}
|
|
12924
12925
|
render() {
|
|
12925
12926
|
return [
|
|
12926
|
-
index.h("smoothly-display", { key: '
|
|
12927
|
-
index.h("br", { key: '
|
|
12928
|
-
index.h("smoothly-display", { key: '
|
|
12929
|
-
index.h("br", { key: '
|
|
12930
|
-
index.h("smoothly-display", { key: '
|
|
12931
|
-
index.h("br", { key: '
|
|
12932
|
-
index.h("smoothly-display", { key: '
|
|
12933
|
-
index.h("br", { key: '
|
|
12927
|
+
index.h("smoothly-display", { key: 'eccf9cb726e22d4487cb6ace27703e7dfbe04134' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12928
|
+
index.h("br", { key: '0aed5ffa747946fd7cd6902115c1e37e26be7d48' }),
|
|
12929
|
+
index.h("smoothly-display", { key: '05d7b06bb92058cb0979e6c05e4f250b93b2daa9' }, "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."),
|
|
12930
|
+
index.h("br", { key: '00ea5bbf23e0810f03aaed53dddd9047a34bbab7' }),
|
|
12931
|
+
index.h("smoothly-display", { key: 'cb5d6c1b34213ef8910bddea90407fa616d7cdad' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12932
|
+
index.h("br", { key: 'ed757e80775b76dd7dd5f23b770611f58d61729d' }),
|
|
12933
|
+
index.h("smoothly-display", { key: '522fa6897643a768040295d1dcaf57e8a1be5435' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12934
|
+
index.h("br", { key: 'a640d0e6529ce9213b45eb11204d088bd32fea72' }),
|
|
12934
12935
|
];
|
|
12935
12936
|
}
|
|
12936
12937
|
};
|
|
@@ -12945,11 +12946,11 @@ const SmoothlyThemePicker = class {
|
|
|
12945
12946
|
this.element = "smoothly-css";
|
|
12946
12947
|
}
|
|
12947
12948
|
render() {
|
|
12948
|
-
return (index.h(index.Host, { key: '
|
|
12949
|
+
return (index.h(index.Host, { key: 'b04d09142b7fc625ed15fc1fddf9ef1fe152a95e' }, index.h("smoothly-input-select", { key: '7f0252291789ce32deb059120398a51f9e04bcbd', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12949
12950
|
const element = document.querySelector(`#${this.element}`);
|
|
12950
12951
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12951
12952
|
element.href = e.detail.theme;
|
|
12952
|
-
} }, index.h("label", { key: '
|
|
12953
|
+
} }, index.h("label", { key: 'faa6bf731ea355b0e6dcab3762b89a6fadcb7c7a', slot: "label" }, "Select theme"), index.h("slot", { key: 'ff72c60cea8adeeda53827354a43158af8fa3c75' }))));
|
|
12953
12954
|
}
|
|
12954
12955
|
};
|
|
12955
12956
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12970,7 +12971,7 @@ const SmoothlyToggle = class {
|
|
|
12970
12971
|
this.selected = !this.selected;
|
|
12971
12972
|
}
|
|
12972
12973
|
render() {
|
|
12973
|
-
return (index.h("button", { key: '
|
|
12974
|
+
return (index.h("button", { key: '644987b51fbf33c412d226db07f8b8f1cc2f9d6a', type: "button" }, index.h("slot", { key: '250550a1656bf524bfa26876a0f84186b71fe30d', name: "icon-slot" }), index.h("slot", { key: '70e62636f0f3248cdf9f65085f451003118b65e4' }, this.name)));
|
|
12974
12975
|
}
|
|
12975
12976
|
};
|
|
12976
12977
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12994,7 +12995,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12994
12995
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12995
12996
|
}
|
|
12996
12997
|
render() {
|
|
12997
|
-
return (index.h(index.Host, { key: '
|
|
12998
|
+
return (index.h(index.Host, { key: 'd033fcac30226c928b480e2bc0f92c488ce68c69' }, index.h("button", { key: '1689f4e4211089535dbfc5183a7d5004cd89c008', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'e196b57b5fd5251695d289ea4249e32297954958', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12998
12999
|
}
|
|
12999
13000
|
};
|
|
13000
13001
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -13007,7 +13008,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
13007
13008
|
index.registerInstance(this, hostRef);
|
|
13008
13009
|
}
|
|
13009
13010
|
render() {
|
|
13010
|
-
return (index.h(index.Host, { key: '
|
|
13011
|
+
return (index.h(index.Host, { key: '7e2ff9133320bf46ed21b80e411f8581c6ec757d' }, index.h("h4", { key: '9f22c89fb1d4c5e877b177a7c16badfa9088f2f4' }, "Toggle switches"), index.h("div", { key: '9099b945cd068c2b2e249b32cd8da32bbd147233' }, index.h("p", { key: '689b438c4bbaf0ee4f1a8dd22f65d59c7a131a18' }, "Checkmark"), index.h("span", { key: '2d38884ff8cf48f5f36b352c4e16887491eef7d4' }, index.h("p", { key: '327cda20b0a05941339d6d389bcdc5e8097d2716' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '636f256204747ee42744e09b66360b5841541520', disabled: false, size: "tiny" })), index.h("span", { key: '6c86ebfb8d47205f73d7bacf3bbca08f24e53a2f' }, index.h("p", { key: 'df4225909b433e645f8e3019aaf537dac49c402b' }, "Small"), index.h("smoothly-toggle-switch", { key: '0c662f0416479ed68702ba9a1a73b37690245868', disabled: false, size: "small" })), index.h("span", { key: 'de477be9882509062c463383ace02c4d332752c3' }, index.h("p", { key: '8a20b8b1066f68a35e3c292aee02e4295d24f47e' }, "Standard"), index.h("smoothly-toggle-switch", { key: 'ea18a16d7b2606f34c6c7e231d763d7769c307a5', disabled: false })), index.h("span", { key: '269699331f23db6209e5b17f6936a0729c7ceb87' }, index.h("p", { key: '2e9493b944415c1e4b12c59760eb71bc30875b5d' }, "Large"), index.h("smoothly-toggle-switch", { key: '1f84a5491cc25112633009e7c3b4a27dd74cf506', disabled: false, size: "large" })), index.h("p", { key: '56cb36e8507fdc1835820b76df4a1dbd89d8703a' }, "Colors checkmark"), index.h("span", { key: 'c3eeb5c1f8170e1aae021648364cab5b3315fc63' }, index.h("p", { key: '5d134f7e3f2476d1c37a21db94f490fa4fe43c00' }, "Danger"), index.h("smoothly-toggle-switch", { key: '43c56d79de55bebed1430629dbace401e5f42695', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '839c98a783ad5216e16a71e7bb77e5f81bb1dfd5' }, index.h("p", { key: 'b07bc350ec742cb530fcf52868a236bb55b7d775' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '0fdaccb0ab55dbcb643d27853cc1c788c9ca2a3c', color: "primary", disabled: false, size: "small" })), index.h("span", { key: '65b04b502eb9f1e514738697661cd719bcc3b4b1' }, index.h("p", { key: '4908170cecf35cdc9764d7b00564b56f503ce89e' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '529f8152c6b55d43f7f21ac5c8cd7457322baa5a', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '5fdde40e44e99d39a667dd72ec00eb4fc39944cd' }), index.h("p", { key: '23fe45d95d7ede42486b6bd8fc0408f2d90c269a' }, "Colors no checkmark"), index.h("span", { key: '2f551618300d7b451738c75acfb7c5d0b8a4519f' }, index.h("p", { key: '4f11c6cf7191a6720023e6e0a9240b55c85ee48d' }, "Danger"), index.h("smoothly-toggle-switch", { key: '903a863c56b8626c53a76c34af27c0420d3fcdf7', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '22a10ff174a4882b3197cd7efbdedbe5a2afa69c' }, index.h("p", { key: '96df0c1c662d450691144ed1ce4f43742d619d06' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '6950a09e8408d8afb9a9b551fd3de877e5f1e0e9', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '9cd32feede5db2e9c2ff22b8e966e704c5365fbb' }, index.h("p", { key: 'bd8dc83aea679f56bba1906cb4e0cce77fe08a15' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'd2473f0e064ae79f4d071c3e274a0e251f529643', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
13011
13012
|
}
|
|
13012
13013
|
};
|
|
13013
13014
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -13038,7 +13039,7 @@ const SmoothlyTrigger = class {
|
|
|
13038
13039
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
13039
13040
|
break;
|
|
13040
13041
|
case "button":
|
|
13041
|
-
result = (index.h("button", { key: '
|
|
13042
|
+
result = (index.h("button", { key: '2241059488fc44870d9c81d04b0a6ee3cd07292a', disabled: this.disabled, name: this.name }, index.h("slot", { key: '7fb2335d9f3cebfc867384122f62c1ab1f45679c' })));
|
|
13042
13043
|
break;
|
|
13043
13044
|
}
|
|
13044
13045
|
return result;
|