smoothly 1.2.1-alpha.55 → 1.2.1-alpha.56
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_109.cjs.entry.js → smoothly-app_110.cjs.entry.js} +144 -123
- package/dist/cjs/smoothly-app_110.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/form/demo/all/index.js +2 -2
- package/dist/collection/components/form/demo/card/index.js +1 -1
- package/dist/collection/components/form/demo/controlled/index.js +1 -1
- package/dist/collection/components/form/demo/date/index.js +1 -1
- package/dist/collection/components/form/demo/date-range/index.js +1 -1
- package/dist/collection/components/form/demo/index.js +1 -1
- package/dist/collection/components/form/demo/index.js.map +1 -1
- package/dist/collection/components/form/demo/login/index.js +1 -1
- package/dist/collection/components/form/demo/pet/index.js +2 -2
- package/dist/collection/components/form/demo/prices/index.js +1 -1
- package/dist/collection/components/form/demo/schedule/index.js +22 -0
- package/dist/collection/components/form/demo/schedule/index.js.map +1 -0
- package/dist/collection/components/form/demo/transparent/index.js +1 -1
- package/dist/collection/components/form/demo/typed/index.js +1 -1
- package/dist/collection/components/form/index.js +2 -2
- package/dist/collection/components/form/index.js.map +1 -1
- package/dist/collection/components/icon/demo/index.js +1 -1
- package/dist/collection/components/icon/index.js +1 -1
- package/dist/collection/components/input/checkbox/demo/index.js +1 -1
- package/dist/collection/components/input/checkbox/index.js +1 -1
- package/dist/collection/components/input/clear/index.js +1 -1
- package/dist/collection/components/input/color/demo/index.js +1 -1
- package/dist/collection/components/input/color/index.js +2 -2
- package/dist/collection/components/input/date/index.js +3 -3
- package/dist/collection/components/input/date/range/index.js +2 -2
- package/dist/collection/components/input/demo/index.js +5 -5
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js +1 -1
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/index.js +2 -2
- package/dist/collection/components/input/month/index.js +2 -2
- package/dist/collection/components/input/radio/index.js +1 -1
- package/dist/collection/components/input/radio/item/index.js +1 -1
- package/dist/collection/components/input/range/demo/index.js +1 -1
- package/dist/collection/components/input/range/index.js +4 -4
- package/dist/collection/components/input/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +3 -3
- package/dist/collection/components/input/submit/index.js +3 -2
- package/dist/collection/components/input/submit/index.js.map +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-db7effcb.js → p-019e330f.js} +23 -23
- package/dist/components/{p-db7effcb.js.map → p-019e330f.js.map} +1 -1
- package/dist/components/{p-b8e2c001.js → p-03b62a84.js} +4 -4
- package/dist/components/{p-b8e2c001.js.map → p-03b62a84.js.map} +1 -1
- package/dist/components/{p-4290c3dc.js → p-07b733ab.js} +4 -4
- package/dist/components/{p-4290c3dc.js.map → p-07b733ab.js.map} +1 -1
- package/dist/components/{p-2dcd7532.js → p-07d3ec9e.js} +8 -8
- package/dist/components/{p-2dcd7532.js.map → p-07d3ec9e.js.map} +1 -1
- package/dist/components/p-086f9642.js +123 -0
- package/dist/components/{p-2e5f3044.js.map → p-086f9642.js.map} +1 -1
- package/dist/components/{p-62096c0f.js → p-08777b22.js} +10 -10
- package/dist/components/{p-62096c0f.js.map → p-08777b22.js.map} +1 -1
- package/dist/components/{p-72d4e417.js → p-0b980f10.js} +5 -5
- package/dist/components/{p-72d4e417.js.map → p-0b980f10.js.map} +1 -1
- package/dist/components/{p-062a6fe4.js → p-0c8bbdc3.js} +2 -2
- package/dist/components/{p-062a6fe4.js.map → p-0c8bbdc3.js.map} +1 -1
- package/dist/components/{p-dfde995c.js → p-1070ed11.js} +3 -3
- package/dist/components/{p-dfde995c.js.map → p-1070ed11.js.map} +1 -1
- package/dist/components/{p-91c1f4d3.js → p-11efb4da.js} +6 -6
- package/dist/components/{p-91c1f4d3.js.map → p-11efb4da.js.map} +1 -1
- package/dist/components/{p-e358e53c.js → p-1204db0b.js} +13 -13
- package/dist/components/{p-e358e53c.js.map → p-1204db0b.js.map} +1 -1
- package/dist/components/{p-f9cb46a5.js → p-131461c4.js} +2 -2
- package/dist/components/{p-f9cb46a5.js.map → p-131461c4.js.map} +1 -1
- package/dist/components/{p-bf57d733.js → p-147ec824.js} +2 -2
- package/dist/components/{p-bf57d733.js.map → p-147ec824.js.map} +1 -1
- package/dist/components/{p-f4e939e4.js → p-15807e7e.js} +9 -9
- package/dist/components/{p-f4e939e4.js.map → p-15807e7e.js.map} +1 -1
- package/dist/components/{p-285fe73a.js → p-194be519.js} +7 -7
- package/dist/components/{p-285fe73a.js.map → p-194be519.js.map} +1 -1
- package/dist/components/{p-59595cb3.js → p-20d5fac8.js} +2 -2
- package/dist/components/{p-59595cb3.js.map → p-20d5fac8.js.map} +1 -1
- package/dist/components/{p-b95db1c4.js → p-2240500f.js} +10 -10
- package/dist/components/{p-b95db1c4.js.map → p-2240500f.js.map} +1 -1
- package/dist/components/{p-95102e4e.js → p-23770a20.js} +2 -2
- package/dist/components/{p-95102e4e.js.map → p-23770a20.js.map} +1 -1
- package/dist/components/{p-0e712224.js → p-2749acb5.js} +9 -9
- package/dist/components/{p-0e712224.js.map → p-2749acb5.js.map} +1 -1
- package/dist/components/{p-4c4607c5.js → p-2930104b.js} +32 -32
- package/dist/components/{p-4c4607c5.js.map → p-2930104b.js.map} +1 -1
- package/dist/components/{p-22c9eb96.js → p-295811a6.js} +10 -10
- package/dist/components/{p-22c9eb96.js.map → p-295811a6.js.map} +1 -1
- package/dist/components/{p-e5f4d278.js → p-34355667.js} +3 -3
- package/dist/components/{p-e5f4d278.js.map → p-34355667.js.map} +1 -1
- package/dist/components/{p-77638386.js → p-346ebd99.js} +7 -7
- package/dist/components/{p-77638386.js.map → p-346ebd99.js.map} +1 -1
- package/dist/components/{p-8bf3df8f.js → p-35080dc5.js} +8 -8
- package/dist/components/{p-8bf3df8f.js.map → p-35080dc5.js.map} +1 -1
- package/dist/components/{p-b83c0cdb.js → p-358396f3.js} +3 -3
- package/dist/components/{p-b83c0cdb.js.map → p-358396f3.js.map} +1 -1
- package/dist/components/{p-aeb593b8.js → p-3fcaa69d.js} +3 -3
- package/dist/components/{p-aeb593b8.js.map → p-3fcaa69d.js.map} +1 -1
- package/dist/components/{p-9040a584.js → p-4325ac30.js} +2 -2
- package/dist/components/{p-9040a584.js.map → p-4325ac30.js.map} +1 -1
- package/dist/components/{p-fca663c0.js → p-45800269.js} +3 -3
- package/dist/components/{p-fca663c0.js.map → p-45800269.js.map} +1 -1
- package/dist/components/{p-405d6f00.js → p-4bbdd1c9.js} +6 -6
- package/dist/components/{p-405d6f00.js.map → p-4bbdd1c9.js.map} +1 -1
- package/dist/components/{p-2245665c.js → p-4da92b01.js} +2 -2
- package/dist/components/{p-2245665c.js.map → p-4da92b01.js.map} +1 -1
- package/dist/components/{p-6f5a2d5b.js → p-54b99067.js} +2 -2
- package/dist/components/{p-6f5a2d5b.js.map → p-54b99067.js.map} +1 -1
- package/dist/components/{p-8f277683.js → p-558481f1.js} +4 -4
- package/dist/components/{p-8f277683.js.map → p-558481f1.js.map} +1 -1
- package/dist/components/{p-d0d172ed.js → p-58d5e72e.js} +25 -25
- package/dist/components/{p-d0d172ed.js.map → p-58d5e72e.js.map} +1 -1
- package/dist/components/{p-9088d27f.js → p-5bf952c5.js} +8 -5
- package/dist/components/p-5bf952c5.js.map +1 -0
- package/dist/components/{p-df19616b.js → p-5da33c08.js} +3 -3
- package/dist/components/{p-df19616b.js.map → p-5da33c08.js.map} +1 -1
- package/dist/components/{p-5066e613.js → p-5e56437f.js} +4 -4
- package/dist/components/{p-5066e613.js.map → p-5e56437f.js.map} +1 -1
- package/dist/components/{p-0f7a9aad.js → p-60f63920.js} +3 -3
- package/dist/components/{p-0f7a9aad.js.map → p-60f63920.js.map} +1 -1
- package/dist/components/{p-22fe3436.js → p-62ab1899.js} +2 -2
- package/dist/components/{p-22fe3436.js.map → p-62ab1899.js.map} +1 -1
- package/dist/components/{p-0025863f.js → p-6790f452.js} +9 -9
- package/dist/components/{p-0025863f.js.map → p-6790f452.js.map} +1 -1
- package/dist/components/{p-86fc6d36.js → p-707f32c7.js} +2 -2
- package/dist/components/{p-86fc6d36.js.map → p-707f32c7.js.map} +1 -1
- package/dist/components/{p-802d4c20.js → p-72feb959.js} +3 -3
- package/dist/components/{p-802d4c20.js.map → p-72feb959.js.map} +1 -1
- package/dist/components/{p-844a4416.js → p-77b1f721.js} +10 -10
- package/dist/components/{p-844a4416.js.map → p-77b1f721.js.map} +1 -1
- package/dist/components/{p-c8f16f2f.js → p-7962c1af.js} +5 -5
- package/dist/components/{p-c8f16f2f.js.map → p-7962c1af.js.map} +1 -1
- package/dist/components/{p-43fd9c2d.js → p-7b144a9e.js} +2 -2
- package/dist/components/{p-43fd9c2d.js.map → p-7b144a9e.js.map} +1 -1
- package/dist/components/{p-258504c6.js → p-7ba67f13.js} +13 -13
- package/dist/components/{p-258504c6.js.map → p-7ba67f13.js.map} +1 -1
- package/dist/components/{p-43d0c1ec.js → p-7baf0810.js} +21 -21
- package/dist/components/{p-43d0c1ec.js.map → p-7baf0810.js.map} +1 -1
- package/dist/components/{p-6f3fa567.js → p-7c13984b.js} +4 -4
- package/dist/components/p-7c13984b.js.map +1 -0
- package/dist/components/{p-036a11dd.js → p-7d547395.js} +7 -7
- package/dist/components/{p-036a11dd.js.map → p-7d547395.js.map} +1 -1
- package/dist/components/{p-252f435e.js → p-7f64dfd8.js} +6 -6
- package/dist/components/{p-252f435e.js.map → p-7f64dfd8.js.map} +1 -1
- package/dist/components/{p-8e748704.js → p-7f7c4cf3.js} +2 -2
- package/dist/components/{p-8e748704.js.map → p-7f7c4cf3.js.map} +1 -1
- package/dist/components/{p-484c8e9f.js → p-8325e020.js} +2 -2
- package/dist/components/{p-484c8e9f.js.map → p-8325e020.js.map} +1 -1
- package/dist/components/p-855617c6.js +45 -0
- package/dist/components/{p-0fa3f5a7.js.map → p-855617c6.js.map} +1 -1
- package/dist/components/{p-259190db.js → p-870628fb.js} +2 -2
- package/dist/components/{p-259190db.js.map → p-870628fb.js.map} +1 -1
- package/dist/components/{p-6bd00b48.js → p-8b29f2b4.js} +2 -2
- package/dist/components/{p-6bd00b48.js.map → p-8b29f2b4.js.map} +1 -1
- package/dist/components/{p-8b653306.js → p-8cf76a5d.js} +6 -6
- package/dist/components/{p-8b653306.js.map → p-8cf76a5d.js.map} +1 -1
- package/dist/components/p-8e140c7a.js +121 -0
- package/dist/components/p-8e140c7a.js.map +1 -0
- package/dist/components/{p-04b7f978.js → p-8f43fcdd.js} +2 -2
- package/dist/components/{p-04b7f978.js.map → p-8f43fcdd.js.map} +1 -1
- package/dist/components/{p-e9ce7bf9.js → p-92061151.js} +2 -2
- package/dist/components/{p-e9ce7bf9.js.map → p-92061151.js.map} +1 -1
- package/dist/components/{p-b41ec3e0.js → p-920711b0.js} +6 -6
- package/dist/components/{p-b41ec3e0.js.map → p-920711b0.js.map} +1 -1
- package/dist/components/{p-290784f7.js → p-9690faa5.js} +4 -4
- package/dist/components/{p-290784f7.js.map → p-9690faa5.js.map} +1 -1
- package/dist/components/{p-78f4df54.js → p-9a61768f.js} +3 -3
- package/dist/components/{p-78f4df54.js.map → p-9a61768f.js.map} +1 -1
- package/dist/components/{p-1e152a40.js → p-a0ae39bb.js} +2 -2
- package/dist/components/{p-1e152a40.js.map → p-a0ae39bb.js.map} +1 -1
- package/dist/components/{p-9344bf25.js → p-a26360d7.js} +2 -2
- package/dist/components/{p-9344bf25.js.map → p-a26360d7.js.map} +1 -1
- package/dist/components/{p-4efff7b4.js → p-a375981d.js} +3 -3
- package/dist/components/{p-4efff7b4.js.map → p-a375981d.js.map} +1 -1
- package/dist/components/{p-765d9313.js → p-a3987ada.js} +4 -4
- package/dist/components/{p-765d9313.js.map → p-a3987ada.js.map} +1 -1
- package/dist/components/{p-17794f14.js → p-a4c683f7.js} +11 -11
- package/dist/components/{p-17794f14.js.map → p-a4c683f7.js.map} +1 -1
- package/dist/components/{p-20881197.js → p-a73d4047.js} +3 -3
- package/dist/components/{p-20881197.js.map → p-a73d4047.js.map} +1 -1
- package/dist/components/{p-9cb820c5.js → p-aabc0016.js} +4 -4
- package/dist/components/{p-9cb820c5.js.map → p-aabc0016.js.map} +1 -1
- package/dist/components/{p-1995505a.js → p-b2ffaca2.js} +23 -23
- package/dist/components/{p-1995505a.js.map → p-b2ffaca2.js.map} +1 -1
- package/dist/components/{p-20f60ede.js → p-b747b713.js} +13 -13
- package/dist/components/{p-20f60ede.js.map → p-b747b713.js.map} +1 -1
- package/dist/components/{p-b8e8d142.js → p-b79a65d9.js} +3 -3
- package/dist/components/{p-b8e8d142.js.map → p-b79a65d9.js.map} +1 -1
- package/dist/components/{p-99568b5a.js → p-bdc029ad.js} +7 -7
- package/dist/components/{p-99568b5a.js.map → p-bdc029ad.js.map} +1 -1
- package/dist/components/{p-eec2649a.js → p-bf52b8d1.js} +2 -2
- package/dist/components/{p-eec2649a.js.map → p-bf52b8d1.js.map} +1 -1
- package/dist/components/p-c29ca9d9.js +241 -0
- package/dist/components/{p-14024783.js.map → p-c29ca9d9.js.map} +1 -1
- package/dist/components/{p-6acdcb78.js → p-c5ebb66b.js} +8 -8
- package/dist/components/{p-6acdcb78.js.map → p-c5ebb66b.js.map} +1 -1
- package/dist/components/{p-15112f2e.js → p-c77f4c0f.js} +3 -3
- package/dist/components/{p-15112f2e.js.map → p-c77f4c0f.js.map} +1 -1
- package/dist/components/{p-2f3b4735.js → p-c7be31eb.js} +6 -6
- package/dist/components/{p-2f3b4735.js.map → p-c7be31eb.js.map} +1 -1
- package/dist/components/{p-5d000366.js → p-c9a29ee1.js} +9 -9
- package/dist/components/{p-5d000366.js.map → p-c9a29ee1.js.map} +1 -1
- package/dist/components/{p-58437ae8.js → p-ca6e8175.js} +2 -2
- package/dist/components/{p-58437ae8.js.map → p-ca6e8175.js.map} +1 -1
- package/dist/components/{p-8e13449b.js → p-cb083b20.js} +2 -2
- package/dist/components/{p-8e13449b.js.map → p-cb083b20.js.map} +1 -1
- package/dist/components/{p-2072c622.js → p-cb45cc1f.js} +4 -4
- package/dist/components/{p-2072c622.js.map → p-cb45cc1f.js.map} +1 -1
- package/dist/components/{p-2c93fde9.js → p-d0049fe4.js} +2 -2
- package/dist/components/{p-2c93fde9.js.map → p-d0049fe4.js.map} +1 -1
- package/dist/components/{p-85265529.js → p-d104367f.js} +9 -9
- package/dist/components/{p-85265529.js.map → p-d104367f.js.map} +1 -1
- package/dist/components/{p-0ac899b2.js → p-d2aa1c38.js} +5 -5
- package/dist/components/{p-0ac899b2.js.map → p-d2aa1c38.js.map} +1 -1
- package/dist/components/p-de39a980.js +207 -0
- package/dist/components/{p-d9620164.js.map → p-de39a980.js.map} +1 -1
- package/dist/components/{p-697c3178.js → p-e25aaa1d.js} +15 -15
- package/dist/components/{p-697c3178.js.map → p-e25aaa1d.js.map} +1 -1
- package/dist/components/{p-560771d7.js → p-e27c488b.js} +10 -10
- package/dist/components/{p-560771d7.js.map → p-e27c488b.js.map} +1 -1
- package/dist/components/{p-56235c3f.js → p-e2de28a2.js} +3 -3
- package/dist/components/{p-56235c3f.js.map → p-e2de28a2.js.map} +1 -1
- package/dist/components/{p-b09ce609.js → p-e54d19d9.js} +2 -2
- package/dist/components/{p-b09ce609.js.map → p-e54d19d9.js.map} +1 -1
- package/dist/components/{p-36365329.js → p-e660be53.js} +4 -4
- package/dist/components/{p-36365329.js.map → p-e660be53.js.map} +1 -1
- package/dist/components/{p-54a6c919.js → p-e96a36e8.js} +2 -2
- package/dist/components/{p-54a6c919.js.map → p-e96a36e8.js.map} +1 -1
- package/dist/components/{p-1f93537e.js → p-ec959ba7.js} +14 -14
- package/dist/components/{p-1f93537e.js.map → p-ec959ba7.js.map} +1 -1
- package/dist/components/{p-2f04e84f.js → p-ed0b2856.js} +4 -4
- package/dist/components/{p-2f04e84f.js.map → p-ed0b2856.js.map} +1 -1
- package/dist/components/{p-c090ac4b.js → p-ee61f718.js} +2 -2
- package/dist/components/{p-c090ac4b.js.map → p-ee61f718.js.map} +1 -1
- package/dist/components/{p-a14e7882.js → p-f1cc5346.js} +4 -4
- package/dist/components/{p-a14e7882.js.map → p-f1cc5346.js.map} +1 -1
- package/dist/components/{p-635413e0.js → p-f815774c.js} +2 -2
- package/dist/components/{p-635413e0.js.map → p-f815774c.js.map} +1 -1
- package/dist/components/{p-a3f22345.js → p-f9c491ef.js} +66 -60
- package/dist/components/p-f9c491ef.js.map +1 -0
- package/dist/components/{p-78332392.js → p-fb11d1db.js} +8 -8
- package/dist/components/{p-78332392.js.map → p-fb11d1db.js.map} +1 -1
- package/dist/components/{p-e79802d6.js → p-fd058de9.js} +14 -14
- package/dist/components/{p-e79802d6.js.map → p-fd058de9.js.map} +1 -1
- package/dist/components/{p-5541919e.js → p-fe562681.js} +20 -20
- package/dist/components/{p-5541919e.js.map → p-fe562681.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +144 -138
- package/dist/components/smoothly-app-demo.js.map +1 -1
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-back-to-top.js +1 -1
- package/dist/components/smoothly-burger.js +1 -1
- package/dist/components/smoothly-button-confirm.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-checkbox.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-select.js +1 -1
- package/dist/components/smoothly-filter-toggle.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-schedule.d.ts +11 -0
- package/dist/components/smoothly-form-demo-schedule.js +8 -0
- package/dist/components/smoothly-form-demo-schedule.js.map +1 -0
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-icon.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +23 -23
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-color-demo.js +1 -1
- package/dist/components/smoothly-input-color.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-edit.js +1 -1
- package/dist/components/smoothly-input-file.js +1 -1
- package/dist/components/smoothly-input-month.js +1 -1
- package/dist/components/smoothly-input-price-demo.js +1 -1
- package/dist/components/smoothly-input-radio-item.js +1 -1
- package/dist/components/smoothly-input-radio.js +1 -1
- package/dist/components/smoothly-input-range-demo.js +1 -1
- package/dist/components/smoothly-input-range.js +1 -1
- package/dist/components/smoothly-input-reset.js +1 -1
- package/dist/components/smoothly-input-select.js +1 -1
- package/dist/components/smoothly-input-submit.js +1 -1
- package/dist/components/smoothly-input.js +1 -1
- package/dist/components/smoothly-item.js +1 -1
- package/dist/components/smoothly-label.js +1 -1
- package/dist/components/smoothly-lazy.js +1 -1
- package/dist/components/smoothly-load-more.js +1 -1
- package/dist/components/smoothly-modal.js +1 -1
- package/dist/components/smoothly-next-demo-colspan.js +1 -1
- package/dist/components/smoothly-next-demo-filler-row-demo.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_109.entry.js → smoothly-app_110.entry.js} +143 -123
- package/dist/esm/smoothly-app_110.entry.js.map +1 -0
- package/dist/esm/smoothly-input-checkbox-demo.entry.js +1 -1
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-24a9b92c.entry.js → p-007b4bab.entry.js} +2 -2
- package/dist/smoothly/p-6d9cf6a6.entry.js +2 -0
- package/dist/smoothly/p-6d9cf6a6.entry.js.map +1 -0
- package/dist/smoothly/p-c35d7ab7.entry.js +2 -0
- package/dist/smoothly/{p-ddf20417.entry.js → p-fc0c0853.entry.js} +2 -2
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/form/demo/schedule/index.d.ts +4 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
- package/dist/cjs/smoothly-app_109.cjs.entry.js.map +0 -1
- package/dist/components/p-0fa3f5a7.js +0 -45
- package/dist/components/p-14024783.js +0 -241
- package/dist/components/p-2e5f3044.js +0 -123
- package/dist/components/p-6f3fa567.js.map +0 -1
- package/dist/components/p-9088d27f.js.map +0 -1
- package/dist/components/p-a3f22345.js.map +0 -1
- package/dist/components/p-d9620164.js +0 -207
- package/dist/esm/smoothly-app_109.entry.js.map +0 -1
- package/dist/smoothly/p-121b7e5c.entry.js +0 -2
- package/dist/smoothly/p-121b7e5c.entry.js.map +0 -1
- package/dist/smoothly/p-8fa9500d.entry.js +0 -2
- /package/dist/smoothly/{p-24a9b92c.entry.js.map → p-007b4bab.entry.js.map} +0 -0
- /package/dist/smoothly/{p-8fa9500d.entry.js.map → p-c35d7ab7.entry.js.map} +0 -0
- /package/dist/smoothly/{p-ddf20417.entry.js.map → p-fc0c0853.entry.js.map} +0 -0
|
@@ -8235,7 +8235,7 @@ const SmoothlyForm = class {
|
|
|
8235
8235
|
var _a, _b, _c;
|
|
8236
8236
|
this.changed = [...this.inputs.values()].some(input => (Editable.type.is(input) ? input.changed : true));
|
|
8237
8237
|
if (this.validator) {
|
|
8238
|
-
const flaws = (_b = (_a = this.validator) === null || _a === void 0 ? void 0 : _a.flaw(this.value).flaws) === null || _b === void 0 ? void 0 : _b.reduce((r, f) => (f.property ? Object.assign(Object.assign({}, r), { [f.property]: f }) : r), {});
|
|
8238
|
+
const flaws = (_b = (_a = this.validator) === null || _a === void 0 ? void 0 : _a.flaw(Data.convertArrays(this.value)).flaws) === null || _b === void 0 ? void 0 : _b.reduce((r, f) => (f.property ? Object.assign(Object.assign({}, r), { [f.property]: f }) : r), {});
|
|
8239
8239
|
for (const [property, input] of this.inputs.entries()) {
|
|
8240
8240
|
this.validate(flaws, property, input);
|
|
8241
8241
|
}
|
|
@@ -8355,7 +8355,7 @@ const SmoothlyForm = class {
|
|
|
8355
8355
|
await Promise.all([...this.inputs.values()].map(input => Editable.Element.type.is(input) && input.setInitialValue()));
|
|
8356
8356
|
}
|
|
8357
8357
|
render() {
|
|
8358
|
-
return (h(Host, { key: '
|
|
8358
|
+
return (h(Host, { key: '1d9d37d4d3c61cbf3fbb844dbe72c1eed2335938' }, h("smoothly-spinner", { key: 'b8c7d90a3e089d7d52a1486a1dedbd166e3207e7', overlay: true, hidden: !this.processing }), h("form", { key: '1eae5c52bf9a4c92da64f2bf9500b524d9cb124d', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, h("fieldset", { key: '75a96e948df29ae53698993b122ba1a1b8ca7f0b' }, h("slot", { key: '9b197a101f00720485dbe22c7c799ff1c710778d' })), h("div", { key: 'c3d2ad2b7007e03afca830609c53a5a744e15167' }, h("slot", { key: '0dfb32cdf5a653cf88f3c8295cbd0abe7ac3cca3', name: "clear" }), h("slot", { key: '60cbc0922c41c48e9bdfd7921dfade2aef44f920', name: "edit" }), h("slot", { key: 'ded5e82b98663d312145f451fdea0224133361a3', name: "reset" }), h("slot", { key: '865d5339d8d09ff8edfeb00e8f3f963564226635', name: "delete" }), h("slot", { key: 'cbad91b715a714ee8fd1effe79b06965bc3fd4e5', name: "submit" })))));
|
|
8359
8359
|
}
|
|
8360
8360
|
get element() { return getElement(this); }
|
|
8361
8361
|
static get watchers() { return {
|
|
@@ -8373,7 +8373,7 @@ const SmoothlyFormDemo = class {
|
|
|
8373
8373
|
registerInstance(this, hostRef);
|
|
8374
8374
|
}
|
|
8375
8375
|
render() {
|
|
8376
|
-
return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-date-range", { key: '
|
|
8376
|
+
return (h(Host, { key: 'f1ca7be120d87c8cdb9bd0c9121b7ccc2346d812' }, h("div", { key: '0a57eceabdcb885bb2b114c107bbdbf0297c4396' }, h("smoothly-form-demo-all", { key: 'ceedbb7ddd84562a8e4ee35e15b7b9ea51c8e979' }), h("smoothly-form-demo-pet", { key: '4cba93208eb3e1ef043a19713d08a286e705c5ff' }), h("smoothly-form-demo-card", { key: 'f5f566679b5dae179121e826534594daea439bc9' }), h("smoothly-form-demo-login", { key: 'befffde4476de1a6b3e5918fea806391482bfdd3' }), h("smoothly-form-demo-prices", { key: 'bd187e2eed55caf537cdb4383f2ef8d08de2de96' }), h("smoothly-form-demo-typed", { key: '3d059700b23d5cdb4bca6b133bec53b44bec85a3' }), h("smoothly-form-demo-transparent", { key: 'ebfb7021b446605a417d1ef7a839ddd7d565cc54' }), h("smoothly-form-demo-date", { key: 'a9af3ae6f5d7e4a71d3ebe4c1c3bf029fb2bb9b7' }), h("smoothly-form-demo-schedule", { key: '2011739c48572e39e1eea2d330e1b04caf0ef94b' }), h("smoothly-form-demo-date-range", { key: '11317d1feb82c20fc09284cb996e55f80038ed2f' }), h("smoothly-form-demo-controlled", { key: 'd9ac6a284edbe2fe977abbe1947cf3412066cecb' }))));
|
|
8377
8377
|
}
|
|
8378
8378
|
};
|
|
8379
8379
|
SmoothlyFormDemo.style = SmoothlyFormDemoStyle0;
|
|
@@ -8383,9 +8383,9 @@ const SmoothlyFormDemoAll = class {
|
|
|
8383
8383
|
registerInstance(this, hostRef);
|
|
8384
8384
|
}
|
|
8385
8385
|
render() {
|
|
8386
|
-
return (h(Host, { key: '
|
|
8386
|
+
return (h(Host, { key: 'f24ac803db965645290763057bd1230a3123d1b6' }, h("h2", { key: 'd0acef992a1610c807639136d041cff6cc6ec269' }, "All inputs"), h("smoothly-form", { key: '8edb30c23ed6dca4e1c0df70b4252fba6c973bc6', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
|
|
8387
8387
|
Object.entries(e.detail.value).forEach(([key, value]) => console.log(key, value));
|
|
8388
|
-
} }, h("smoothly-input", { key: '
|
|
8388
|
+
} }, h("smoothly-input", { key: '2a2cb7fcad7d202a4eac70e7afef558423aed257', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '2b735ec5a01555419fd7fbee889aecce3823004a', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: 'b3c5c0105b909e6d12faf1063dd89ac7e5e3f1ab', size: "icon", slot: "end" })), h("smoothly-input", { key: 'da05d67ac53bbcaa7d1df327903a88b4bda7ddd5', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '9cea89c87657646a1695784616b2b6528ab29a15', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'd846018ac718c5edaf3af59a799c1f0719295fc7', clearable: true, name: "radioFirstInput" }, h("label", { key: '75d8455e9c3fff37ebaf26a0ca9ab96f3fe47ca3', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '4ad289b3f1e6ab329d0d9d5260b3ad805c74947b', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '7567c6aabde81a027372ed78420832b74ba0b12d', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'a24e987bcfd2d8e3c17319f552570568bcc322eb', value: "third" }, "Label 3")), h("smoothly-input-color", { key: 'b822ebfe6fd9e39c4d8ddebf7560650e897d26a0', name: "color" }, "Color"), h("smoothly-input-select", { key: '2b188685740f2986a2905a12a41599d2fb27a387', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '442ddbf643f8593f014e9c8ebfb89b548e25f9e4', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'b426d55f660ea12f314c808970185ba84ca96c2e', value: "1" }, "January"), h("smoothly-item", { key: '3bd9373d991fcf8b32464a2911cb94b6ffbe3e98', value: "2" }, "February"), h("smoothly-item", { key: 'afad8edbbbd715d6f47d59ff2b0e3b56effa4a28', value: "3" }, "March"), h("smoothly-item", { key: '00811873dbc227b95b271f6ffb399ed9cb91ff77', value: "4" }, "April"), h("smoothly-item", { key: '1cb9763c83f89593cf5c3acc2fa6c1131b96f4b9', value: "5" }, "May"), h("smoothly-item", { key: '162a4852b915c8b4823ba0cfb8b9224a3da02329', value: "6" }, "June"), h("smoothly-item", { key: 'a82491db9bdbc0876c368b4753a6bacf10f1f809', value: "7" }, "July"), h("smoothly-item", { key: '8c2ef1528a44c3f34baf3a867210791b7db4df38', value: "8" }, "August"), h("smoothly-item", { key: '018b8535cd06d8fb76af46807acd67f777aa839c', value: "9" }, "September"), h("smoothly-item", { key: '5559631cf35eebf6dbc2daf016ac65cae0100d56', value: "10" }, "October"), h("smoothly-item", { key: '7a05b0f47332d3c47b171c7af45616098818cb3b', value: "11" }, "November"), h("smoothly-item", { key: '783eba3fc1f02dda35b95bc3168d8fc40a2cfb9b', value: "12" }, "December")), h("smoothly-input-select", { key: '708ae228ebac730d88542fadac9eacdbef65816d', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'ab3cc10c5837684c8c3fd31189ab9df3488d484f', value: "folder", selected: true }, h("smoothly-icon", { key: '23a5c0fa737f6d2787b68a1f74b1945f7e6db4f9', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'bf26b10ff966c3c228838b97e8193ecbe73fe1ee', value: "camera" }, h("smoothly-icon", { key: '0dbc3d1789c62478fcf7a8fe7b3de76a2952f27a', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '04a361a611548788fc62295e38f1a142587171e8', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '1a1be95b3bd3560f7f96b0fdc1c5c183f409cdb6', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: '90e62b694df1dd076c6ae8d2f1a2c300d1fe8667', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: 'fd79baee4d795d8bc85c07da9ad648b6f9be66ce', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: 'f4c6ce348957870ef206697bcc9a48d65ce97039', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: 'c5dc005f7bd1953be10ffa4cab2abb994779aa4f', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'bcfcae2f743f64d25b41cbf66835dad3b6859798', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: '78a97ca7891fd91b59efe623a67eb96711a79d63', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '3d9c41e44797337be3864d9fbb029e300309aa92', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: 'b3fcea11a832b7b36049d4e4adeb555f80146652', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: 'ef82a2ac85080c6b45efe658e76e9c0bc0469f14', slot: "label" }, "Profile"), h("smoothly-icon", { key: '1155235a811c711d163c187b1597fb80ee62c8c7', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '87ff969b859405209fb9bcfce698b9d319f34b72', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: 'bf68e9ad454eff0c639b5da2c7242fc402a35c65', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '447e503c8e3c48b93f41f620b5fc277dc4d8d475', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '1a732b5a30f9e7b5d87a09be76c2fcecec722394', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '9ef5b1fddf599242589f45a77ae81d53cfb6244b', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'a9d1d83e4d1bfd131cec91e4a64ef26134294d48', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
|
|
8389
8389
|
}
|
|
8390
8390
|
};
|
|
8391
8391
|
|
|
@@ -8394,7 +8394,7 @@ const SmoothlyFormDemoCard = class {
|
|
|
8394
8394
|
registerInstance(this, hostRef);
|
|
8395
8395
|
}
|
|
8396
8396
|
render() {
|
|
8397
|
-
return (h(Host, { key: '
|
|
8397
|
+
return (h(Host, { key: '6ce5500bac732834bb5dfad51a4176eb6919e084' }, h("h2", { key: 'd0bfdef60eb67936e2b4462a1a4bb2c89dc59993' }, "Card"), h("smoothly-form", { key: 'a708e697d518fa8950c2cf83cc076e92ebffbaef', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, h("smoothly-input", { key: '166ba0f75ac66c2d5f11f03c8fadb20cf89d6435', type: "card-number", name: "card" }, "Card #"), h("smoothly-input-submit", { key: 'd61c7bd39e8c09ae774606b92a8bb3e537836e57', size: "icon", slot: "submit", color: "success", fill: "solid" }), h("smoothly-input", { key: '70b23dd5937565ad6c87f9936b83a02d2f8c070c', type: "card-expires", name: "expires" }, "Expires"), h("smoothly-input", { key: 'dc59de914f323faed35381b6c4eb2e4c72539178', type: "card-csc", name: "csc" }, "CVV/CVC"), h("smoothly-input", { key: 'b27fdb3e0a8fc1c02d3c570e1e3fb434f97e63b3', type: "text", name: "name.first" }, "First Name"), h("smoothly-input", { key: 'e76461cffe3afca778b1151a188b47c7ef7d9c8d', type: "text", name: "name.last" }, "Last Name"))));
|
|
8398
8398
|
}
|
|
8399
8399
|
};
|
|
8400
8400
|
|
|
@@ -8430,7 +8430,7 @@ const SmoothlyFormDemoControlled = class {
|
|
|
8430
8430
|
event.detail.result(false);
|
|
8431
8431
|
}
|
|
8432
8432
|
render() {
|
|
8433
|
-
return (h(Host, { key: '
|
|
8433
|
+
return (h(Host, { key: '7844d1e5845e087bc559f6f3395dbffa97ce3059' }, h("h2", { key: '56c4d14611046efdf9b06816e59aea0e7e3a2fad' }, "Controlled"), h("smoothly-form", { key: '875ef51cf0633aef4bb3510d8a22f0f41dcaa944', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input", { key: '08550c8bf896ce5996a2ea17da506bf55e6d0cef', type: "text", name: "name", value: this.name }, "Name"), h("smoothly-input-select", { key: '9f2394024404cee03db2563fa1fc674fb1d23fb8', name: "currency" }, h("span", { key: '837b2f0f698e6299eaa6d56dd71ea53558edc502', slot: "label" }, "Currency"), this.currencies.map(currency => (h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: 'd4cf009fb3f52de30d6f26990d9fa44f21d8f50e' }, "Dummy"), h("smoothly-input-month", { key: '9d149577b8ac244b2a00c5643e9d06a332929895', name: "date", value: this.date, next: true, previous: true }, h("span", { key: '36fa1ee96d15026fc2db142c17864e7dcd458a9a', slot: "year-label" }, "Year"), h("span", { key: 'cf11d02d8dacaee8c5d073e635997495a1bea1bc', slot: "month-label" }, "Month")), h("smoothly-input-edit", { key: '06304a23cd66351fb145733e675bd960b5340b5f', slot: "edit", size: "icon", color: "primary", fill: "default" }), h("smoothly-input-reset", { key: 'b002ca14148b17cd648602c8b950f65c2106a07b', slot: "reset", size: "icon", color: "warning", fill: "default" }), h("smoothly-input-submit", { key: '998f09cbbf11b0e5dbf2efa606fa7ad7a80cc86c', slot: "submit", size: "icon", color: "success" }))));
|
|
8434
8434
|
}
|
|
8435
8435
|
static get watchers() { return {
|
|
8436
8436
|
"name": ["nameChanged"]
|
|
@@ -8461,7 +8461,7 @@ const SmoothlyFormDemoDate = class {
|
|
|
8461
8461
|
event.detail.result(false);
|
|
8462
8462
|
}
|
|
8463
8463
|
render() {
|
|
8464
|
-
return (h(Host, { key: '
|
|
8464
|
+
return (h(Host, { key: 'fec03fe6e146f8c4ca93d4cd4418d997e1dac8de' }, h("h2", { key: '767fa5fdb9f5474e12bd65857fc97b6e734eb6e0' }, "Date input"), h("smoothly-form", { key: '6f5fa68123ea141e005d8f8730f04828298863d0', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date", { key: '5e290e7adfeea3b1527763f03bea07614c225402', name: "date" }, "Date"), h("smoothly-input-submit", { key: 'c69663690016397e994f7045e57a04ba26f4aba8', slot: "submit" }, h("smoothly-icon", { key: '7cf86ec53b1c8d02a44a9fe410a9597051b8baea', name: "checkmark-outline" })))));
|
|
8465
8465
|
}
|
|
8466
8466
|
};
|
|
8467
8467
|
SmoothlyFormDemoDate.style = SmoothlyFormDemoDateStyle0;
|
|
@@ -8490,7 +8490,7 @@ const SmoothlyFormDemoDateRange = class {
|
|
|
8490
8490
|
event.detail.result(false);
|
|
8491
8491
|
}
|
|
8492
8492
|
render() {
|
|
8493
|
-
return (h(Host, { key: '
|
|
8493
|
+
return (h(Host, { key: '250862ffe0d53e328905329437e91b5ebad8562b' }, h("h2", { key: '536e40aadb53f8ed550fe333e587b93172e8d415' }, "Date-range input"), h("smoothly-form", { key: 'e74f74d9b1c5ece5e0d7b0961964322b5cb10bfb', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '34570b46ba3407959fe53675ca6069d39b1020f9', name: "range" }, "Range"), h("smoothly-input-submit", { key: '61250eec0b407776f16c883832e6525ed43f4e8e', slot: "submit" }, h("smoothly-icon", { key: '60d386f83cc1f370534ba360e5769b300840483f', name: "checkmark-outline" })))));
|
|
8494
8494
|
}
|
|
8495
8495
|
};
|
|
8496
8496
|
SmoothlyFormDemoDateRange.style = SmoothlyFormDemoDateRangeStyle0;
|
|
@@ -8500,7 +8500,7 @@ const SmoothlyFormDemoLogin = class {
|
|
|
8500
8500
|
registerInstance(this, hostRef);
|
|
8501
8501
|
}
|
|
8502
8502
|
render() {
|
|
8503
|
-
return (h(Host, { key: '
|
|
8503
|
+
return (h(Host, { key: '2a5f43deb8d5412bd6e3f689121dae61a8e810fe' }, h("h2", { key: '4da410bb5c2d0567d2ded09d3d12d2e734754783' }, "Login"), h("smoothly-form", { key: 'd7d13e509e44bbf7565c44ffba00ad05d47a0bef', looks: "border" }, h("smoothly-input", { key: 'dfe6efa937a9a30356f8fe83ee0f177983450100', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: '0f77f8eace6a54580330c59dde1f78d7fc2b9777', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: '9fd28636ee5650135f8d92fe3652952df6fdd0b4', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'a55b68e79b7e4eda5cd0b9b936b8d568d6c395fb', slot: "submit" }))));
|
|
8504
8504
|
}
|
|
8505
8505
|
};
|
|
8506
8506
|
|
|
@@ -8516,20 +8516,40 @@ const SmoothlyFormDemoPet = class {
|
|
|
8516
8516
|
}
|
|
8517
8517
|
render() {
|
|
8518
8518
|
var _a, _b;
|
|
8519
|
-
return (h(Host, { key: '
|
|
8519
|
+
return (h(Host, { key: 'db081d6ec048537567ff4c3de3efb80f02e875a9' }, h("h2", { key: '152ec589606c14d600458d16edd6aa2c45366007' }, "Pet"), h("h3", { key: '51ccb3e2d3a10b11579fa24ae5998a10ed2e656c' }, "Value"), h("smoothly-form", { key: 'b1e76f0e962498c312fb61b2198f27e177eedeea', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: 'c60c6da48f5e5c62b84a934dd908f18278bd5a7a', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: '92cf53c5a0fc3dbb9d1f7b042c6600458524cfd7', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: 'e4e9f551b36342ac128b5c189e372add1453be38', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
8520
8520
|
this.hasOwner = e.detail.hasOwner;
|
|
8521
8521
|
e.stopPropagation();
|
|
8522
|
-
} }, "Has Owner"), this.hasOwner && (h(Fragment, { key: '
|
|
8522
|
+
} }, "Has Owner"), this.hasOwner && (h(Fragment, { key: 'd4e41bd4f0ea384e45d3c7b0ebcfc8fef0c8a273' }, h("smoothly-input", { key: 'a8f6dec76b80683428d77f30c3e444a883d1afc7', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '7556e46fc24f10f1ca8252d3759e13ef6be294e7', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: 'eb895e44123c07d936fbdca933b873aa20eed521', name: "owner.picture" }, h("span", { key: '8b44d1b0e331113f3d9c994edd860bcbbaa0235a', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '5ea7342881dc271817826891f9e4007d4d1f1389', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '6209c4291574f87a35c1904defebd4cbde66290c', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: 'b9dc7ac7da7ff8593e1a2e4a4d328dd81dfc5992', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '21d3858ea701a6286251ae44371b2dbb9c370412', name: "owner.favoriteHat" }, h("span", { key: '2e8cef55162db373af79645a4b5e374a6b40bbb2', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '24133d180e198e554b63de26bc3323cbe3744601', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '274fb656b13bde70abea4fa35eb688cdf46eacb8', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'df83a30c36b5177a23d8763d5e66611db3bbe697', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '5a733c0b2ff06ddad303ec77097775d4a42fadb5', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: '6d2fcc2affe9250787419dce8157912339803fee' }, h("span", { key: 'b589d7b6ca57d95b621d827cfb5927db3faca50b', slot: "summary" }, "Summary"), h("div", { key: 'd4d1293918327030bdee186d4ca5a55682b3703c', slot: "content" }, h("smoothly-input", { key: '5959e26fe56c7347f7c15a17cdfd4f2acdfb9fef', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: 'd1bb869132deb842aa805655d552906c80858ec8', name: "summary.picture" }, h("span", { key: 'f8b1915acdd0d42eb33978fcb02f662d65a8f2ab', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: 'b64e66df7956ab1a05197fe2d51e44361f984c0e', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '5466ee7830e653a6f6db25961645c9ab203ccb51', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '7ce763b3bef80bc5e0e0206c7f66fec8631d29d6', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '83b72df95cff68356940bdaec14fc5afb136fc36', name: "summary.favoriteHat" }, h("span", { key: 'f8b6d174307542335f4da99192b8aaf6c85c9aec', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: 'b75782058ca787708a313135fc1e8bb152e6b3c3', name: "summary.month" }, h("span", { key: '696e8468f1f4ed059418e8ce73630f2e342bbddc', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '8e667d352bd2c206980b6104c67f9ae2c5a99966', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'd1aaf397f6b3ab4f09334b5a7bb29dc8d21c6ddd', name: "summary.favoritePizza" }, h("span", { key: 'f3b6a36b33d5a57ae90fed082e49f64009f918cd', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: 'a3623c6c863c01ececceb3662bc28e866bb02624', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '560c301f9084430a3116610ecac87526c4c75fe3' }, h("smoothly-tab", { key: 'a6daa32792c96cc28522f8be2bedd0cb55c0fd11', label: "Dog" }, h("smoothly-input", { key: '7d49e5553a141bddea389bf51dd84a9c77bcefe6', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: 'aa8ad2af83ad5f74e7094cddde1ad86232708335', name: "dog.picture" }, h("span", { key: 'ba9254c5c1e741d44136d0f6cbb28d5f4f0dafc4', slot: "label" }, "Dog picture")), h("smoothly-input-date", { key: '8e49fb563376bd4349e7151a8ef4292fffa2badd', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '5a8b95b3fa01a59a7e6cfe32c0158b10d6548805', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '9db97eab10483487370a2eea58a7b4c69bf1d6c4', name: "dog.favoriteHat" }, h("span", { key: '84f01e17a57d9bc3ce1c6c7e3973ebddf6ec1388', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '40b05d29bf1fce02de12100fd649d3c24313b104', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'e7477ef30a27eced86023fd8463c8982e3c949cd', name: "dog.favoritePizza" }, h("span", { key: 'f58e1ccc4ddabc64df4f567ea3b279075acb17e8', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: 'f02baf4ffd3456d15eda802c1f701e941bf74c08', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: 'cffe512b4e6ac0a4c9ca085de43e1924e3778b7b', label: "Cat", open: true }, h("smoothly-input", { key: 'f7196eec6788c2f294ff6743bb4360e1a57b0a14', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'f4912e7af63e667a438d389a82cd4292fdcdaf7d', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: 'fa69764806f0a1ba82cc066aedcc1ce9e18e0a50', type: "json", value: this.value })));
|
|
8523
8523
|
}
|
|
8524
8524
|
};
|
|
8525
8525
|
SmoothlyFormDemoPet.style = SmoothlyFormDemoPetStyle0;
|
|
8526
8526
|
|
|
8527
|
+
const SmoothlyFormDemoPrices$1 = class {
|
|
8528
|
+
constructor(hostRef) {
|
|
8529
|
+
registerInstance(this, hostRef);
|
|
8530
|
+
}
|
|
8531
|
+
render() {
|
|
8532
|
+
return (h(Host, { key: '5ed4038bcc2aaa09d52b20596234e323fb2fc8f7' }, h("h2", { key: 'd9a9121129755d8a9f9a38976ac7a277d152b5f7' }, "Prices"), h("smoothly-form", { key: 'b1d1646ef95052ecf5e56786132405bc99fcdc55', looks: "line" }, h("smoothly-input", { key: '682ab8b618be4ba29d0a0823f76ccc5d4f0fb88d', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: 'a50fde19f136d84e78b33a556ef06132d3de9862', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: 'af5cbc7ba716720732f2ca8378bcd6930c858124', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '26c3529dadcca120c36f4e9e429af3a2a0c67afe', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '1bd61f5772d6cecb4d8122f0bb7e12d0fd78750b', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '7c81bd4291f7530da19745d67c3fb7b791fbf429', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '9b5da213d1fde556b6c5c5295203a8d3abfe14ba', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '9dc494033b06e3a6e14f9ba9f5bc3c7cc7e3bd88', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '6f8a1c4c31461564c2acea4034117f4e78846dc6', slot: "submit" }))));
|
|
8533
|
+
}
|
|
8534
|
+
};
|
|
8535
|
+
|
|
8536
|
+
var ScheduledEvent;
|
|
8537
|
+
(function (ScheduledEvent) {
|
|
8538
|
+
ScheduledEvent.type = object({
|
|
8539
|
+
date: fromIs("isoly.Date", Date$1.is),
|
|
8540
|
+
amount: number(),
|
|
8541
|
+
});
|
|
8542
|
+
})(ScheduledEvent || (ScheduledEvent = {}));
|
|
8543
|
+
var TimeTable;
|
|
8544
|
+
(function (TimeTable) {
|
|
8545
|
+
TimeTable.type = object({ schedule: ScheduledEvent.type.array() });
|
|
8546
|
+
})(TimeTable || (TimeTable = {}));
|
|
8527
8547
|
const SmoothlyFormDemoPrices = class {
|
|
8528
8548
|
constructor(hostRef) {
|
|
8529
8549
|
registerInstance(this, hostRef);
|
|
8530
8550
|
}
|
|
8531
8551
|
render() {
|
|
8532
|
-
return (h(Host, { key: '
|
|
8552
|
+
return (h(Host, { key: 'a2dfe85cbe9a77c05371417039b053de1ff6438f' }, h("h2", { key: '55c26e3adbbf9bd5f96c665f7adfd1ae4f30bb68' }, "Schedule"), h("smoothly-form", { key: '4800c705002c5f850ca5bc117d7d2269acdf6df4', looks: "line", validator: TimeTable.type }, h("smoothly-input-date", { key: 'a370ad7ed5c8feaf03fd91f3a9fd58e4cf378fc3', name: "schedule.0.date" }, "Date"), h("smoothly-input", { key: '7d99e4f920f10aebbb99678f74a9bf46da4e5728', name: "schedule.0.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: '11911e751725ad9f2eb47e796d6ed34c55db8bdc', name: "schedule.1.date" }, "Date"), h("smoothly-input", { key: '54edda245c6b1803da201addf93942b6d640ae00', name: "schedule.1.amount", type: "price" }, "Amount"), h("smoothly-input-date", { key: 'e800f5668d0df1af08c65ed91ec1c3690789d1b6', name: "schedule.2.date" }, "Date"), h("smoothly-input", { key: 'fc5e69f6de150b83389b34b4fd51d82eec7422c1', name: "schedule.2.amount", type: "price" }, "Amount"), h("smoothly-input-reset", { key: '8b32edd5df32e1e1a12314adf83a701d5b8353c1', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '87350ae3b3bc920cb1f89d8a4b63f13a91f658eb', slot: "submit" }))));
|
|
8533
8553
|
}
|
|
8534
8554
|
};
|
|
8535
8555
|
|
|
@@ -8538,7 +8558,7 @@ const SmoothlyFormDemoTransparent = class {
|
|
|
8538
8558
|
registerInstance(this, hostRef);
|
|
8539
8559
|
}
|
|
8540
8560
|
render() {
|
|
8541
|
-
return (h(Host, { key: '
|
|
8561
|
+
return (h(Host, { key: '33e58258f38663c8283869c8aa751ce54b6ff131' }, h("h2", { key: 'd257eb6844086ddff32d309aefe38e3d3c49aab4' }, "Transparent"), h("smoothly-form", { key: '215bf30f6faa569f594bfb0dcfbf325dedaced3d', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: 'ce7f5ae99c6fc49fc1ff8aa52accbec42440ef6d', name: "file" }, h("span", { key: '3a9770ab2e6dcbdc5cfb77cab7b4dcf5324d9357', slot: "label" }, "File"), h("smoothly-icon", { key: 'e6ad4f9a1aae3f1c458ac3c0d2aa36e5b18dfc71', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '5b6e425b22c551e516b7b95f03aab78a4a0bdb70', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '28d44980fcc5b752884afa43a2eb3217d87ff8ba' }, "Date"), h("smoothly-input-date-range", { key: 'd98533b265ea972f8cea9f9d7e24a7bbed315afa' }, "Date Range"), h("smoothly-input-select", { key: '046e7d26992ec93436b9b55ed0b7ad1d5e9ed0b2', name: "transport" }, h("smoothly-item", { key: '8f04e6b1398efd270dc28c72de932f00b967afb8', value: "plane" }, h("smoothly-icon", { key: '027bb9786ae542ab1d9ebe25747798999e8afc67', name: "airplane-outline" })), h("smoothly-item", { key: '7df0d69db219641e7d0b5f577987a0fb787f8b7c', value: "car" }, h("smoothly-icon", { key: '69dd108bcb129943931c80ae65e809851e637b2d', name: "car-outline" })), h("smoothly-item", { key: '554f0e330adfa4f357a5403e61f4df724830ebbb', value: "bus", selected: true }, h("smoothly-icon", { key: 'fff4c573b60864f3a17336ab999d735cdb1bbac4', name: "bus-outline" }))), h("smoothly-input-submit", { key: '922e7c4c4cb99315ae58ca6014bad981e39822c7', icon: "checkbox-outline" }))));
|
|
8542
8562
|
}
|
|
8543
8563
|
};
|
|
8544
8564
|
|
|
@@ -8560,7 +8580,7 @@ const SmoothlyFormDemoTyped = class {
|
|
|
8560
8580
|
registerInstance(this, hostRef);
|
|
8561
8581
|
}
|
|
8562
8582
|
render() {
|
|
8563
|
-
return (h(Host, { key: '
|
|
8583
|
+
return (h(Host, { key: 'aa45fe19db2b739480b0d6e1acf25f5d25021fe7' }, h("h2", { key: '5a75209e55f6082316117ab8202ac29ec45f6fec' }, "Typed Contact"), h("smoothly-form", { key: 'dce44554c5d5523c0035a7a51bdd795423e2b682', validator: Contact.type }, h("smoothly-input", { key: 'fb7eba03fcca4a8f832ef757b92864fb0ed9c308', name: "name.first" }, "First Name"), h("smoothly-input", { key: '6acff61dc9c33c18aaa9c2d3c03b1602684a0c47', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '368aadb5ad7ea5807ccc2b0f0b969e0a86c1ad89', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '7f787fd008d9e5915f97ab994834e4323e8efd0b', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: '52748a9b0f51a5bb7f7955708544a1e2fb3b4e30', name: "country" }, h("span", { key: '779b0df0a80132981dbf8131cb7657c4ac9cd50f', slot: "label" }, "Country"), Alpha2.values.map(country => (h("smoothly-item", { value: country }, from$1(country))))), h("smoothly-input-date", { key: '5ec8b16b0e21c6d369c0edbb1db313d00aa23eed', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: '1fb641919146d2d69762c1eff443c2a280d42065', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '183df4f3ededc6c7dfd8e1cb27142959e7694a90', slot: "submit", size: "icon", color: "success" }))));
|
|
8564
8584
|
}
|
|
8565
8585
|
};
|
|
8566
8586
|
SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
|
|
@@ -8658,7 +8678,7 @@ const SmoothlyIcon = class {
|
|
|
8658
8678
|
}
|
|
8659
8679
|
render() {
|
|
8660
8680
|
var _a;
|
|
8661
|
-
return h(Host, { key: '
|
|
8681
|
+
return h(Host, { key: 'b98eb1398e4508e58a131c6d5ff723486c0a32f7', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
|
|
8662
8682
|
}
|
|
8663
8683
|
static get watchers() { return {
|
|
8664
8684
|
"toolTip": ["nameChanged"],
|
|
@@ -8679,7 +8699,7 @@ const SmoothlyIconDemo = class {
|
|
|
8679
8699
|
this.props = {};
|
|
8680
8700
|
}
|
|
8681
8701
|
render() {
|
|
8682
|
-
return (h(Host, { key: '
|
|
8702
|
+
return (h(Host, { key: '1c6981b2ead8d852bd3095ea2b8e167ccfa3999e' }, h("h2", { key: 'a674e2334702d721bbe80c38e340dd4df83b1d8c' }, "Filter and Variants"), h("smoothly-form", { key: '7ce406f374d1d73f0ef76988f94366a0737dca0c', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: '2880e33baad9499180d57e928a613a839edf5504', name: "filter" }, "Filter"), h("smoothly-input-select", { key: '238a669e80f19114a5530d5fbc46e12d4607818c', name: "variant" }, h("span", { key: 'd03a1b35b864531d62e2d09f99a1e3f500170ffa', slot: "label" }, "Variant"), h("smoothly-item", { key: '0e826e3272ed4c017ad98a7a7d6b137b71ef9333', value: "outline" }, "outline"), h("smoothly-item", { key: '0e330f7e224f1bb4e9a99f5e1e162a786888b14c', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: 'c5aabc95974e08dfc599ff7d639918647c04100f', slot: "end" }))), h("h2", { key: '83a640f95d8fce430ece0c95c7a8cb360747e5eb' }, "Props"), h("smoothly-form", { key: 'd04aa102e7fa19243158a4927e0fd1073076dc3a', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: 'fb220fa5e5ddd2483d0af445008e8f53132dbfc9', name: "color" }, h("span", { key: '469f2b7809c85dab743be2a787deea0f928cf887', slot: "label" }, "Color"), Color.types.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: '93d833e82d0329fe42fd699550e7090d2aee8b10', slot: "end" })), h("smoothly-input-select", { key: 'ca8185ac3e6dec1b773dcc84eb3e0b67c84fd897', name: "flip" }, h("span", { key: '430a8a3e7333ab6f854bfeb26f27375a6f085b39', slot: "label" }, "Flip"), h("smoothly-item", { key: 'bdaa614c66e08e12a03b63ecb92e6f8fd4b22477', value: "x" }, "x"), h("smoothly-item", { key: '091a2f82865030b1c35d4d974683a35bd2b15f87', value: "y" }, "y"), h("smoothly-input-clear", { key: 'a845f8a9224de65fbbec6fca8a25da9126beb661', slot: "end" })), h("smoothly-input-select", { key: 'f7c069d6af5a183902268d411bcc6ad2ea7dd11b', name: "size" }, h("span", { key: 'e8a85b03fac104008ab9c3351ee1fc604f906762', slot: "label" }, "Size"), h("smoothly-item", { key: '9d986f27066f821c253f7604f3c2fe3c2c5daece', value: "tiny" }, "tiny"), h("smoothly-item", { key: '706de8a8dee95736dfd610c87f0c6ddee4053d8e', value: "small" }, "small"), h("smoothly-item", { key: 'fb34e0afcf503ea5a373c110bca59bc500189495', value: "medium" }, "medium"), h("smoothly-item", { key: 'aa72f96fcd840ef012d9bb3ea5f4785a2d47247f', value: "large" }, "large"), h("smoothly-input-clear", { key: '650667d92f842cc29b2b821a813f6afe68a855a7', slot: "end" })), h("smoothly-input-range", { key: '14095e1c264aa84327020bde44c9ed1a16f6682b', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: '9b70eebe0d7a713d38fd99f02023fb6a1a9b889a', slot: "end" }))), h("h1", { key: '9e7af6108684d5a189e7ccaecec8bf4ae9b63d52' }, "Icons"), h("div", { key: '1de01a285b956ffe3a540022f2905b6257cea5bc', class: "icons" }, [
|
|
8683
8703
|
...Icon.Name.values
|
|
8684
8704
|
.filter(name => !this.display.filter || name.includes(this.display.filter))
|
|
8685
8705
|
.map((name) => (this.display.variant ? `${name}-${this.display.variant}` : name)),
|
|
@@ -9103,7 +9123,7 @@ const SmoothlyInput = class {
|
|
|
9103
9123
|
}
|
|
9104
9124
|
render() {
|
|
9105
9125
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
9106
|
-
return (h(Host, { key: '
|
|
9126
|
+
return (h(Host, { key: '3fbe62c49a8bb7d7cfb7e15800ae409551955d82', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, h("slot", { key: 'ed341e08868536ddcef3d753c9a538eaab339a80', name: "start" }), h("div", { key: '61c5e6d8d17e034e4a5a30e2aa7451e190322791' }, h("div", { key: '80de8d4b66076c356208fd5aca76a871ea78adb5', class: "ghost" }, h("div", { key: '9e03dc99e94796848c823280aa2008e8923057a8', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: 'f18338e4bb535a353ccd19c011959df294103555', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: '011ecaafbcc906ae0d0f4d8e39820a3a63cd168a', 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 => {
|
|
9107
9127
|
this.state = this.stateHandler.onKeyDown(event, this.state);
|
|
9108
9128
|
if (!this.readonly && !this.disabled)
|
|
9109
9129
|
this.smoothlyKeydown.emit(Key.create(this.name, event));
|
|
@@ -9116,7 +9136,7 @@ const SmoothlyInput = class {
|
|
|
9116
9136
|
if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
|
|
9117
9137
|
this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
|
|
9118
9138
|
}
|
|
9119
|
-
} }), h("label", { key: '
|
|
9139
|
+
} }), h("label", { key: 'ea3151b8d79f3475d02c8b0b8761c286ffb4d9a1', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: 'f7175e37987972a88d5bd7756b61253240835ed4' })), h("smoothly-icon", { key: '89f2bf409e15b617656a7cadb96c8b6b4146e4a5', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), h("slot", { key: '3d1a9674c76bdbac5ebd98137df4eca4a8690322', name: "end" })));
|
|
9120
9140
|
}
|
|
9121
9141
|
get element() { return getElement(this); }
|
|
9122
9142
|
static get watchers() { return {
|
|
@@ -9197,7 +9217,7 @@ const SmoothlyInputCheckbox = class {
|
|
|
9197
9217
|
!this.disabled && !this.readonly && (this.checked = !this.checked);
|
|
9198
9218
|
}
|
|
9199
9219
|
render() {
|
|
9200
|
-
return (h(Host, { key: '
|
|
9220
|
+
return (h(Host, { key: '95a1522022f5a25c402a1563187cc1f483d88ec1', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, h("input", { key: 'a8b3077019550c1ff4e44eb9a81f817d5390ee84', type: "checkbox", checked: this.checked }), this.checked && h("smoothly-icon", { key: '161bcd14b479d105d143137493a956ab82f46146', name: "checkmark-outline", size: "tiny" }), h("label", { key: 'd7f7dfc554a0706ff045a83a95931d50ac124832' }, h("slot", { key: 'c6ac7cca4bdb1aa315d4e0ef1811b3c4ae3a655a' }))));
|
|
9201
9221
|
}
|
|
9202
9222
|
get element() { return getElement(this); }
|
|
9203
9223
|
static get watchers() { return {
|
|
@@ -9247,7 +9267,7 @@ const SmoothlyInputClear = class {
|
|
|
9247
9267
|
}
|
|
9248
9268
|
render() {
|
|
9249
9269
|
var _a;
|
|
9250
|
-
return (h(Host, { key: '
|
|
9270
|
+
return (h(Host, { key: '443c2519cefdff110d087244d4a153a9b1a2b408', title: this.tooltip }, h("smoothly-button", { key: 'c88f9fa84c854b37db34f498addddd95f71b628e', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, h("slot", { key: '4dffca4a3499f5fbf79bf2d7a91a1e0e6a7f0052' }), h("smoothly-icon", { key: '331c0dcd767585f0711c1072580dff6d91f39e06', name: "close", size: "tiny" }))));
|
|
9251
9271
|
}
|
|
9252
9272
|
};
|
|
9253
9273
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
@@ -9397,7 +9417,7 @@ const SmoothlyInputColor = class {
|
|
|
9397
9417
|
}
|
|
9398
9418
|
render() {
|
|
9399
9419
|
var _a, _b, _c, _d, _e, _f;
|
|
9400
|
-
return (h(Host, { key: '
|
|
9420
|
+
return (h(Host, { key: '7f1cdee26ce9429dcfce8d03d876c66c4bc6b4ad', style: {
|
|
9401
9421
|
"--hexCode": this.value,
|
|
9402
9422
|
"--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
|
|
9403
9423
|
"--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
|
|
@@ -9406,7 +9426,7 @@ const SmoothlyInputColor = class {
|
|
|
9406
9426
|
"--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
|
|
9407
9427
|
"--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
|
|
9408
9428
|
"--element-height": `${this.element.clientHeight}px`,
|
|
9409
|
-
} }, h("smoothly-input", { key: '
|
|
9429
|
+
} }, h("smoothly-input", { key: '56287469e8bf02977505c701fe5ed71354928d76', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, h("slot", { key: 'a9ab7e21bfc75d25ab1000deb2270fab7dbdf864' })), h("div", { key: 'd0512a2df8b8a1de5e64729c616bccc9c89bb296', class: "color-sample" }), h("smoothly-icon", { key: '06289ee0bec2159be080b61ace4959d9c51b34bc', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), h("div", { key: '8133f8753df1b4df9f64783aead0f08c5755932e' }, h("slot", { key: '1477cf5aa7ff10134e84eb8807d139ff256d6e60', name: "end" })), this.open && !this.readonly && (h("div", { key: '8b190e294cc1b315ad8d3fd769afd544546d914b', class: "rgb-sliders" }, h("smoothly-toggle-switch", { key: '39c25111b8a835258d2573a9901df7fc632242e4', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
|
|
9410
9430
|
}
|
|
9411
9431
|
get element() { return getElement(this); }
|
|
9412
9432
|
static get watchers() { return {
|
|
@@ -9420,7 +9440,7 @@ const SmoothlyInputColorDemo = class {
|
|
|
9420
9440
|
registerInstance(this, hostRef);
|
|
9421
9441
|
}
|
|
9422
9442
|
render() {
|
|
9423
|
-
return (h(Host, { key: '
|
|
9443
|
+
return (h(Host, { key: 'c2fe23975b38b280a677c518054c4e60e6af2e2c' }, h("h2", { key: 'd9c3935d08df05cdf004cad00512a228c39c642e' }, "Color"), h("smoothly-input-color", { key: 'ffafa281cf391ee7d741055b4baae0dac8fe6a7c', name: "color" }, "Choose color")));
|
|
9424
9444
|
}
|
|
9425
9445
|
};
|
|
9426
9446
|
SmoothlyInputColorDemo.style = "style.css";
|
|
@@ -9512,13 +9532,13 @@ const SmoothlyInputDate = class {
|
|
|
9512
9532
|
event.stopPropagation();
|
|
9513
9533
|
}
|
|
9514
9534
|
render() {
|
|
9515
|
-
return (h(Host, { key: '
|
|
9535
|
+
return (h(Host, { key: '6955944dd414b37f64792071b7cf07f18ed38ed3' }, h("smoothly-input", { key: '334571bf04611a652c3feffe1e5faa5c7b1f26c0', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9516
9536
|
e.stopPropagation();
|
|
9517
9537
|
this.value = e.detail[this.name];
|
|
9518
|
-
} }, h("slot", { key: '
|
|
9538
|
+
} }, h("slot", { key: '7540f9c4b099fd8a659cc1e39b2a1195b0a7f59a' })), h("span", { key: 'ebdb6a365e74a5c635f63811ce309c160d5af35d', class: "icons" }, h("slot", { key: 'e5ebb2ef8dbd85a62c6a71e93fd41886ee9ac308', name: "end" })), this.open && !this.readonly && (h("nav", { key: '6924bc97b9f03e84bc449039f33232b05fc15729' }, h("smoothly-calendar", { key: '68964bdc3c4fc4a7e8a84bec206ecb39ae65947c', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
|
|
9519
9539
|
this.value = event.detail;
|
|
9520
9540
|
event.stopPropagation();
|
|
9521
|
-
}, max: this.max, min: this.min }, h("div", { key: '
|
|
9541
|
+
}, max: this.max, min: this.min }, h("div", { key: '27fac3ecaaebb4ce91f4c6e7503fb9308f3bb6f3', slot: "year-label" }, h("slot", { key: '2d3a5016114b92a0036321efc3fa8b86006ed7c5', name: "year-label" })), h("div", { key: '47124124ab93b08722058f150101093abbbbb950', slot: "month-label" }, h("slot", { key: '06fe48332f022c57e380381b02f30889cad73a39', name: "month-label" })))))));
|
|
9522
9542
|
}
|
|
9523
9543
|
get element() { return getElement(this); }
|
|
9524
9544
|
static get watchers() { return {
|
|
@@ -9624,12 +9644,12 @@ const SmoothlyInputDateRange = class {
|
|
|
9624
9644
|
}
|
|
9625
9645
|
render() {
|
|
9626
9646
|
const locale = navigator.language;
|
|
9627
|
-
return (h(Host, { key: '
|
|
9647
|
+
return (h(Host, { key: '888acc7f9b13d584516df9b02b00a6d1d355bc67', tabindex: 0 }, h("section", { key: '4d48b609e57b5efb08d6a959e5e6493590a4d958', onClick: () => !this.readonly && (this.open = !this.open) }, h("smoothly-input", { key: '9b08f7f4b55ee7c47caae23c60557fee2474d7e9', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
|
|
9628
9648
|
? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
|
|
9629
9649
|
: undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
9630
9650
|
e.stopPropagation();
|
|
9631
9651
|
this.inputHandler(e.detail);
|
|
9632
|
-
} }, h("slot", { key: '
|
|
9652
|
+
} }, h("slot", { key: '05a2ad08ac0a1ffafc57b296c6b307a3e94d93b1' }))), h("span", { key: 'a30ab3b21738225028eeb8ec224c1e57e6867d5b', class: "icons" }, h("slot", { key: 'dc9950b0053872d98e537dc2b52959ec804dc88e', name: "end" })), this.open && (h("nav", { key: '957af34215a9aed9c77a287bb0c9dd0b38130a2e' }, h("smoothly-calendar", { key: '4ef33a937d1e3bd08769284d12678ae264d32710', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9633
9653
|
e.stopPropagation();
|
|
9634
9654
|
this.start = e.detail;
|
|
9635
9655
|
}, onSmoothlyEndChange: e => {
|
|
@@ -9660,17 +9680,17 @@ const SmoothlyInputDemo = class {
|
|
|
9660
9680
|
this.alphanumeric = "!@##";
|
|
9661
9681
|
}
|
|
9662
9682
|
render() {
|
|
9663
|
-
return (h(Host, { key: '
|
|
9683
|
+
return (h(Host, { key: 'f5fb9f6b4974bc45606cf2d8c8e36d1df5615968' }, h("smoothly-input-demo-standard", { key: '76b7f4807acddd7a1abaafc15dd2a831023b1e2d' }), h("div", { key: 'cf8fa718aef87f25b5e808ab2e6208b1aaee69ea', class: "inputs" }, h("h2", { key: '19b8c7a5a6bc49fb40aee9e84ac9773c5def7366' }, "Calendar"), h("smoothly-input-date", { key: '927e3a5305f7ed3b7f0b968580604a8d647d6cab', name: "some-date" }, "Calendar"), h("h2", { key: '1764deed7d46371f2e4f788916bab240d4f239d8' }, "Date Range"), h("smoothly-input-date-range", { key: '9f5201fc2ee08446de0f9d76651db829866f848c', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '7376ad2973f5925d66e859bedefde669fa1150a8', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: '4b596600cc7f285bc256da0e745797d8d7901c1d', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '4a5a7f575ded4a0279e9281712dc7e89a2d80bda', looks: "grid", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9664
9684
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9665
|
-
} }, h("smoothly-input-clear", { key: '
|
|
9685
|
+
} }, h("smoothly-input-clear", { key: '0a6fcc2bf611100b030151f697a92c265cab70ce', slot: "end", size: "icon" })), h("h2", { key: '6dff02322fe2e6d046ab87783ee10e2bf8811846' }, "Date"), h("smoothly-input-date", { key: '12d8d46d4b3b6c15edaf3dc57b42f8b8ae2e7673' }, "Date"), h("smoothly-input-date", { key: 'e29de3a00b02eddf2d1b12bacd3cac2fcd4ba21d', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'da1503dc2c330128d6c45cf8ddae57ddfa07777a', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '1928e5521e5f057770e55cb01779f4db5ea2b969', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'd2a7c44b60f34eae763e9d2ab0a1638116cb4ab6', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'c8f3b4d83b9c7b7e9bc7a77e69f5a5f62574f383', slot: "end", size: "icon" })), h("h2", { key: '3fd8792c958f964c72268ea7864e559b23ed0437' }, "Select"), h("div", { key: '3a9eb0b50df2f894a6bdd21b929ae6359c861cd1', class: "select-div" }, h("smoothly-input-select", { key: '0cfb6c169c267de816dfa241d60fe276e240ab8f', name: "select-dessert", looks: "border" }, h("label", { key: 'dc2e67f25a9e838324b0af86086fb383f62ed885', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: 'ffb1b308014b5860cd6211fd474b5fd0b324004b', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'ff46f80bed769056e4724b1aa349ab8df6316277', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '7234bcf8495a875b320b44b3cf685960c16994b6', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '368eb6a25a0cab467d6c15ae162d80f9fd2b694d', value: "4" }, "Cookie"), h("smoothly-item", { key: 'ba54e39b1ef822b404c7b41d8ede588efffb9379', value: "5" }, "Croissant"), h("smoothly-item", { key: '3508452be1107a52a6eae701cfefddb7430a0f83', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '8fbb58174a3ff374d1b6f9ecb41f4eafc42ac3df', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '442fd11b7bed0671dbad3d3c6513f610f068263b', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: 'c25ff454d762fbf5c3753c940c5f19270f77c930', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '3eab5157ea0aced4df728508eceddd9de2108c41', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: 'e091e11fac9863053119399195eb7b151d40d5b1', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: 'f951cf1b3c8921fb7e5a56ce717cbc5ce9ee2105', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: 'd218c0a625bf06749ce47c6771e3d551080c9792', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '7dcf5a03476f818a5843034813da35c185631322', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '27b8c6510f419ed030987fc6279121336549e541', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'a4fee9f21deca306d278d4f9e79107ae6604921b', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '72dffbe468f90f77d86aced927ce371995d5f485', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '1cdfcffbfb7d105ba775827736dea14298c449cf', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '4918e8c669062246ebbc6646b40e3f1b63c03744', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '863ce71edfa5a6812ec68f4d91a5b93bd03cb02a', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '71b4cbd7e1d2f4ad2dd1e1e81f983eb5af57320d', value: "folder", selected: true }, h("smoothly-icon", { key: '85a9c63762b5a906e74bd14472caf542308b12fc', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'e376aff6f1f203274cc4c7e5185f429f2ab2413a', value: "camera" }, h("smoothly-icon", { key: 'acf038728fb05e63e8ca9a23d86ddfa775e75c88', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: 'e5e3c9cdbee2bd5d25405bb00bc8a1b0a28bbcbe', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'e8fb5709c0e79b9e38580a16f81fb1d7bbc4a37a', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9666
9686
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9667
|
-
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '
|
|
9687
|
+
.map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '9e3f99927f6e54ee05c91f8aa5cf7f6ebcf69998', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '07d0a34094bc6ab9fbef7e4dbcdce146042b2b88', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '152ef005ce3793e97354445a860ad68cbee8ab33', value: "1" }, "January"), h("smoothly-item", { key: 'f7e641e238be611474914f9019d8f0c04e1748c4', value: "2" }, "February"), h("smoothly-item", { key: 'cc5d5bd3eca19b02bcd890569bba07742dcedc04', value: "3" }, "March"), h("smoothly-item", { key: '5c3c1adbb28372473d78d5358025f00c2f179eca', value: "4" }, "April"), h("smoothly-item", { key: 'e67ff66dc999b688481fdfdd3f9c401ff0ae308f', value: "5" }, "May"), h("smoothly-item", { key: '24fef6b4773f4a541443ed337e9efd6aadd40ad3', value: "6" }, "June"), h("smoothly-item", { key: 'd870d078612432334a40908b71d4c80969f6c307', value: "7" }, "July"), h("smoothly-item", { key: '0476e0648671e4d40a942a9f0b3d4ceac4c00e70', value: "8" }, "August"), h("smoothly-item", { key: '1036c20d89e5e8d2239a3e159d709c6146e5bffa', value: "9" }, "September"), h("smoothly-item", { key: '284995044dbfcc51e19d5f0df1573c56b2e4c6eb', value: "10" }, "October"), h("smoothly-item", { key: '2db4b959ef88bb76743c5244da2b658e56a92b63', value: "11" }, "November"), h("smoothly-item", { key: '32da23e740fa20b0bbe4e659a9676057d0e9aa73', value: "12" }, "December"))), h("h2", { key: '156972cad40cac5ffb02ace653cf02befacd6b6a' }, "Duration"), h("smoothly-input", { key: 'c94595a4b896161c04d02d6215ba538e29edcdc3', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9668
9688
|
const duration = e.detail.duration;
|
|
9669
9689
|
this.duration = duration;
|
|
9670
|
-
} }, "Duration"), h("smoothly-input", { key: '
|
|
9690
|
+
} }, "Duration"), h("smoothly-input", { key: '6866dd633ddcf17b103ec8cbc5710e52862a2d4f', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9671
9691
|
const duration = e.detail.duration;
|
|
9672
9692
|
this.duration = duration;
|
|
9673
|
-
} }, "Duration"), h("h2", { key: '
|
|
9693
|
+
} }, "Duration"), h("h2", { key: 'd0b5633f6333132c4260b3d1cbce7af063e56f6d' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '7b981f8d3094db4beceb49819e39cd64d3a58cdc', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), h("h2", { key: '4a6cb992d7a790ac8f90a9457624b39dde605f1f' }, "Identifiers"), h("smoothly-input", { key: 'ea8c8c5733677215ebe8bb58dbdb003e0fe2ffcc', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '59d0e1b81408577c66471703272024ea00e65b23', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '0c37d4cc4c095af41847d0481dbaa758344a1f44', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '1f007396c2ce2eeb4b808f6cf685101ecaaa2b39', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'e98f7782122213569d5849aeb51bebef7dc76e1a', type: "identifier-camel" }, "Camel"), h("h2", { key: '10370fde30ddc40fb1756fda0a13473ef6b54c5c' }, "Input Alternatives"), h("smoothly-input", { key: 'b6477cffb527fe7aadefc72fcea14edec8d9be52', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: '8e74243a055105befb639cd9349a8851762d5634', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '3233f8e9ffa51aabef8677a3c6b9e340099fc76c', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '8b44ab9254c128952ce3403930cd0d2b33869f67', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '874ea98d4329a8de0179ab35738439c988c5795d', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '320e158a5b8e453b260a4641dcdd7e7eebb735ed', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '3842e1d2cdb6114319aa7997123e9643b9749efc', placeholder: "test" }), h("smoothly-input-submit", { key: '06ce532c4703c3c798c91c9416b21ecddd6db84b', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: '2dbce1c8a6d42eba1c40ced7750d4728b999210e' }, "Smoothly checkboxes"), h("div", { key: 'a1804c8d0644e13a196a37ae1eec78d27f2aedb3', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: 'a420ffd579f723297c69ad49ea6cb0ee0c9596de', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '249c0ba3c8745e8333f8b535d4b409f7b37473df', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd784dcad4cf36a3ac7c1de6b01fc2563cee5844d', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '2d547862dc1f1e401ce0e28161ec22518bf50daf', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: '660cbd34a71a2f3db60f4bcb71f84d65b0a2e26d', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: 'c611d17fe695f639bece084d60334ec600c29dd9', name: "third-checkbox" }, "3rd")), h("h4", { key: '472ff0bc98b21b279f81b6023208b4dbed53da87' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '8d5be0841845fb0077a09d130231ab53c4bd4fb9', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '1405d82a5326946e9b75aaa044c493101cd10cf6', name: "checkmark-circle", slot: "start" }), h("label", { key: '0de40dc5cd9ed9c8fc179603c99b506969de235b', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '7a580563ae23ff537bbd3d24949b4c5293301919', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '802ac68270881b22463edb41b1993da3523caf24', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '3fc3d97e8a222e4bb4ed345cc3fd2dc722b15915', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '12edb81d592e715090fb863ba1f813b829eb6c25', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '6eefa5acda608df32bf346f4d39112d416d303d0', name: "radioSecondInput" }, h("label", { key: 'adfdd8cccf5066275893d97312bc25f4a534fb4c', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '212a3e5b79ae95879528b06e2c5c171d30346574', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '1b7e69595c0ff030d70c81983f6ba2935bff0a59', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'f021ef6ba5491e532c956770dec1cdb743b2ecd8', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '5e9aeb6fab5d2e163f3dd0af8e6c907d7c216159', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'b89bffddc3d2ecc88f2f77065babd1ed961d9a30', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '2ac6c8f18deefff5e47a4956c482ded44a4bce56', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: 'd745e05ff520d1437f67e7e52a81494f4aad1fba' }), h("smoothly-input-color-demo", { key: 'f75787af771c042203883f797b3f018e48f6770d' }), h("smoothly-input-price-demo", { key: 'bfd9b06dbbb6626e32687b48bb9cbdce12cc59e3' }), h("smoothly-back-to-top", { key: '7c1b9cb3aaf8e709a2c0cd746eb98f9426d51a10' }))));
|
|
9674
9694
|
}
|
|
9675
9695
|
};
|
|
9676
9696
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
@@ -9699,7 +9719,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9699
9719
|
}
|
|
9700
9720
|
render() {
|
|
9701
9721
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9702
|
-
return (h(Host, { key: '
|
|
9722
|
+
return (h(Host, { key: '47b726ba113bc1a9f6fc1939a6337ee5a0741e1b', class: { vertical: !!this.options.vertical } }, h("div", { key: 'c429d933fc8433d42ab46875decd514855cd1e83', class: "description" }, h("h2", { key: '3211b544b609eb41c0ff234e60fe1d69c7f5d046' }, "Input Standard"), h("p", { key: '4821da07bb22b485566be6edbdfed274dbb5e484' }, "Height of input should be ", h("code", { key: '7b9eece83abad5736b3e20008dcd6180be00a0cc' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), h("smoothly-form", { key: '8b7a0f3eb0597bf481193e136878bb9b06e57c4a', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '2f375af36f6b222583aef2c127118684200382f9', name: "looks" }, h("span", { key: 'f17cd19cd1c65db729df20cebfe3e29aebdb7f85', slot: "label" }, "Looks"), Looks.types.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-checkbox", { key: '7102fb6e60c26f369fc333edd177dab299693644', name: "readonly" }, "Readonly"), h("smoothly-input-select", { key: 'ea5bd1dac640c8c98d5f2f6673593dfba7ed7d97', name: "color" }, h("span", { key: '7980f0882dc8dc731cabab158c7e8e71323bcb09', slot: "label" }, "Color"), Color.types.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: 'de3487a00564e32a27aa17e098dda3efb9847fd8', slot: "end" })), h("smoothly-input-checkbox", { key: '01bcc9cc34538608689edbd72a39ca628b8c0b90', name: "vertical" }, "Vertical Layout"), h("smoothly-input-checkbox", { key: 'd0a37ae43bf75b530c245c68e20bb358a651405c', name: "showLabel", checked: this.options.showLabel }, "Show Label"), h("smoothly-input-checkbox", { key: '78c63416b6bb19948677fb79b0505c56150e7289', name: "placeholder", checked: this.options.placeholder }, "Placeholder"), h("smoothly-input-range", { key: 'd2cb1e9c0507d7adcd680c310bc0fa55092d8789', label: "Border Radius (rem)", name: "borderRadius", value: this.options.borderRadius, min: 0, max: 2, step: 0.25 }))), h("div", { key: 'd3b4fd9eee3d70175d1225534e87d1f98d5ecf23', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '214c05ffa1d43a097fd5598249e71115cc90c7d1', class: "width" }, "100%"), h("div", { key: '7445c862f785d4ca8e0df3c18fc48f1ab03c79cc', class: "left-padding" }, "0.5rem - left padding"), h("smoothly-input", { key: 'c1d5a3adf710d94a7386d429e4089cb0b0e35b47', name: "text", looks: this.options.looks, placeholder: placeholder, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '3ae870f1a680a08ebcba67b1e566b7754606914c' }, "Text"), h("smoothly-input-clear", { key: '05da5780e131498e29b56b68f5fda946cc572873', slot: "end" })), h("div", { key: 'c9507311ebbd91b05617354ece57e32c09412243', class: "height" }), h("smoothly-input-select", { key: '8ac37d8cb08d5147ee60cca2e98980a14de2c517', name: "month", looks: this.options.looks, placeholder: placeholder, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && h("label", { key: 'dd2870e1536d0671798fe2cf268d698c5feff5d1', slot: "label" }, "Select"), h("smoothly-item", { key: '54d23e9b1e368c7a740481baa4247ec77c029f30', value: "1" }, "January"), h("smoothly-item", { key: '927f087be317bf0f2b166712653b92b4b451dddc', value: "2" }, "February"), h("smoothly-item", { key: '9fd277a3f60e6e6cc52566797e4056be56b0e04d', value: "3" }, "March"), h("smoothly-item", { key: 'f10d69e96a9449036ef957a01baf09f32d08cc4d', value: "4" }, "April"), h("smoothly-item", { key: '151b21bd845de134bbf5396d1c29bd4a9b240310', value: "5" }, "May"), h("smoothly-item", { key: '2caa06bdd8d6ce4626e97530463a2ceeef078410', value: "6" }, "June"), h("smoothly-item", { key: 'b3bb56d7acfe778609d91e9baf72ea395e9ab89d', value: "7" }, "July"), h("smoothly-item", { key: '57778be76f481702639d4fa57d46ce4e5adee6ca', value: "8" }, "August"), h("smoothly-item", { key: '16e4109e3c570a2c32b09a3847e64da5d884c561', value: "9" }, "September"), h("smoothly-item", { key: 'bebc7d0128740166e9b949c4f6802747403ed540', value: "10" }, "October"), h("smoothly-item", { key: '6eff62b76c73599ab9aa9122cb22091e0736320e', value: "11" }, "November"), h("smoothly-item", { key: 'bb6159a94027e46dcb5d6b7996c2a3b86a59cda0', value: "12" }, "December"), h("smoothly-input-clear", { key: '39c2a60887d89d16ee67acda33a7278be288f6ec', slot: "end" })), h("div", { key: '18b0a4eede115170b32c0a120418c33c7c0a4a01', class: "height" }), h("smoothly-input-checkbox", { key: '7b6eb4a3ddcf38cd8164515b9487dabecb2cb888', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), h("div", { key: '7f5fcf95e74535cd4c8622e3dbfb567a9cf9539a', class: "height" }), h("smoothly-input-radio", { key: '31be89feab2c450d187bf7101938b237393e4b12', name: "radio", clearable: true, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: 'd5bdee2736aa83a4a60fffe4dc4f8389d263dbab', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '8a18eb04c6da4a282f772a84c3ff9562bb0a28f7', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e9e8704f31d673dd6e4ea48386b772b6cca07302', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'cb1994125c6a7c375c95d399585a46ac3dcd6be5', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '39738fd1d1d4e93081fe679ddb5c374e029c0f01', slot: "end" })), h("div", { key: '252ccaa1ea0e51f8226e63ae2d7f21e7156176b5', class: "height" }), h("smoothly-input-file", { key: 'faa0b5950dd568dfa3c5b2ebab89c21b30247cd4', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '0b9968f955b82f53ea92ae3621173ca0f0a164ea', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'ea108267cf7ca3209731a39426d0fc944220384e', slot: "end" })), h("div", { key: 'd543999aadc649fc4bd83bb1157d96693766d974', class: "height" }), h("smoothly-input-range", { key: '8717c01cf5a8dbb452781cab15845c6d4eeb8e90', name: "range", label: this.options.showLabel ? "Range" : undefined, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, h("smoothly-input-clear", { key: 'def04faa521043b8c35ae9727d419e87eb8ca425', slot: "end" })), h("div", { key: '71f44309b1f61848bd786a17fe160c90a9e6a442', class: "height" }), h("smoothly-input-color", { key: 'b176f693f1c259ca42f9251a6409f0aefd315121', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '37bfab45f78dc75b94890fab9adfaaed0ad80dbe' }, "Color"), h("smoothly-input-clear", { key: '47ea6ea8da52dcaf79bde93d8b7918d5261284e9', slot: "end" })), h("div", { key: '27026781cce6638bb300be29b7ad685f86cfd4b6', class: "height" }), h("smoothly-input-date", { key: '4091de15bcb914fbde33b04af065b865b29759f6', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'e504eb72a2cd64972ed3ed2b8ce6b61e3747ece8' }, "Date"), h("smoothly-input-clear", { key: 'dd4d203425dba7c6f4915c2ea9c94a802c19f3d9', slot: "end" })), h("div", { key: 'dafd7d8ba6c3110c8a05e972bd13d016b5c9f13a', class: "height" }), h("smoothly-input-date-range", { key: 'd0d82374c75edc18dfe14c689a4fec49eb73e456', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '050227f950e23cb4bb8c0b2cdca392c94a418dac' }, "Date Range"), h("smoothly-input-clear", { key: '6d4992842629755749d81375f54f2bd6d41f0348', slot: "end" })), h("div", { key: '483d512b770279fa68b71e30c028e0304b31bad5', class: "height" }), h("div", { key: 'e47cf778f5146224ba2308bb0e945ba3b66daead', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9703
9723
|
}
|
|
9704
9724
|
get element() { return getElement(this); }
|
|
9705
9725
|
};
|
|
@@ -9738,7 +9758,7 @@ const SmoothlyInputEdit = class {
|
|
|
9738
9758
|
}
|
|
9739
9759
|
render() {
|
|
9740
9760
|
var _a;
|
|
9741
|
-
return (h(Host, { key: '
|
|
9761
|
+
return (h(Host, { key: '4a7251d30dc56d103cce6f4c646e87c1f9dedb2f', title: this.toolTip }, h("smoothly-button", { key: '10187eef09463ed960cd9fab4a224c603a3f2ac7', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, h("slot", { key: '31a06bf95969d56a3d5d4a2214580ffa1a5a054f' }), h("smoothly-icon", { key: 'ae6116c6f7ac25efb5a511d14816b489bee3dc1c', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9742
9762
|
}
|
|
9743
9763
|
};
|
|
9744
9764
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -9852,7 +9872,7 @@ const SmoothlyInputFile = class {
|
|
|
9852
9872
|
}
|
|
9853
9873
|
render() {
|
|
9854
9874
|
var _a, _b, _c;
|
|
9855
|
-
return (h(Host, { key: '
|
|
9875
|
+
return (h(Host, { key: '1c91c11701f45734b2d5685bd0c6a543bdbb6fb7', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: 'f8ab23e372eabeac02168549ceb03f7a9eb5cbc4' }, h("slot", { key: '6eba1aa1e14556c55d647c0afdfc8382f4322994', name: "label" })), h("div", { key: '13e73b1c5b9d7e5cd4655237619a94929a2182fd', class: "input" }, h("smoothly-button", { key: '6a9f5ae011900e5b80a8106d5ccba3931515f382', type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '582510137aca819dc05ccd6b75fa1168a1eefa47', name: "button" })), h("span", { key: 'f91cacc327e3643948633cde61974a7fa433c7bb' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '03b0f3af81ff691b034231a7b9bb159e97d60a43', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '8bf1766c10bad401e01a4fa1c7dfbc2aa12af1c4', name: "document-attach-outline" })), h("input", { key: '8884488c624c70a0ff57f030b43f2acdd11d2ea4', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("div", { key: '63c67251fd574e731d7b4eb926cd0f92e5bfeafb', class: "end", onClick: (e) => e.stopPropagation() }, h("slot", { key: '6c880201bcac2587a0e4432015ee9202cf2767a1', name: "end" }))));
|
|
9856
9876
|
}
|
|
9857
9877
|
get element() { return getElement(this); }
|
|
9858
9878
|
static get watchers() { return {
|
|
@@ -9973,9 +9993,9 @@ const SmoothlyInputMonth = class {
|
|
|
9973
9993
|
}
|
|
9974
9994
|
render() {
|
|
9975
9995
|
var _a, _b;
|
|
9976
|
-
return (h(Host, { key: '
|
|
9996
|
+
return (h(Host, { key: '31a5375f473313057fdee7b8d7b87594ac238550' }, h("smoothly-icon", { key: '78271c79baeaa0892cff0ef62be3eddc88574d3c', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9977
9997
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
9978
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: '
|
|
9998
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: 'ae36fb2b6d31d627f29ff20d5a1cf71ab5648626', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: '14b76d20799c3ffdeee0bd8abc2c17de24a50205', slot: "label" }, h("slot", { key: '7a02aaaa7c03963d2a4266fc5f20d595453ff938', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : Date$1.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: 'd7203269b2e6be8b45120bc9315fcba8a207fe32', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, h("div", { key: 'b73693770456df31f3eedce66b344775ecc9cb68', slot: "label" }, h("slot", { key: '649381e8437b40b805bcd089b06264d83c078629', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : Date$1.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: '2d5f6e00759a55b9ab596c45e97421081e83dc55', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9979
9999
|
disabled: this.readonly || !this.allowNextMonth,
|
|
9980
10000
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
9981
10001
|
}
|
|
@@ -9998,7 +10018,7 @@ const SmoothlyInputPriceDemo = class {
|
|
|
9998
10018
|
this.currency = "USD";
|
|
9999
10019
|
}
|
|
10000
10020
|
render() {
|
|
10001
|
-
return (h(Host, { key: '
|
|
10021
|
+
return (h(Host, { key: 'bad11b3c20ae711a30e32dbe00b0fd9a4fe2e233' }, h("h2", { key: '1f0b35ab38d25f7cf85e5d88a94a1155bd9958c0' }, "State demo on smoothly-input"), h("p", { key: 'b2f1472ebca834019523652fba825675cbd79c08' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '0b91d3d13dd721e2cb1f0e597eceef6df7b10664' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'cfcbe6cb9e757806316b0452e49c621483136391', name: "currency", onSmoothlyInput: e => (this.currency = Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '697ee9173e9673c9208193a2becdc7d688fa9e4e', type: "price", currency: this.currency }, "price")));
|
|
10002
10022
|
}
|
|
10003
10023
|
};
|
|
10004
10024
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
@@ -10107,7 +10127,7 @@ const SmoothlyInputRadio = class {
|
|
|
10107
10127
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10108
10128
|
}
|
|
10109
10129
|
render() {
|
|
10110
|
-
return (h(Host, { key: '
|
|
10130
|
+
return (h(Host, { key: '84feefdf8a3f79ac031f8f4e12af4eaea6d3b464', class: "floating-label" }, h("slot", { key: '5394a95744be929c8a0d5bbce9e09abc53edd8d9', name: "start" }), h("div", { key: '34f00d17365ec06c256338f759e24e6d13592997' }, h("slot", { key: '528b489815eb69473529b683965fc79ce80aaad4', name: "label" }), h("div", { key: '42dc1e97f591cef1ba66d1c16e0843c9f6b21c75', class: "options" }, h("slot", { key: '9db82fe518bd4790cf7cb95e2dfd083ef8e67795' }))), h("slot", { key: '67ede49d41d2e031da5387f819058031e886e1d1', name: "end" })));
|
|
10111
10131
|
}
|
|
10112
10132
|
get element() { return getElement(this); }
|
|
10113
10133
|
static get watchers() { return {
|
|
@@ -10138,7 +10158,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
10138
10158
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10139
10159
|
}
|
|
10140
10160
|
render() {
|
|
10141
|
-
return (h(Host, { key: '
|
|
10161
|
+
return (h(Host, { key: 'e7cf32e18aaa3c68ed5f10ddd837d00c57ce314c', onClick: () => this.inputHandler() }, h("input", { key: '48daeb5ece6f22f24d7ba0d21d6ab1d5ffe050ef', name: this.name, type: "radio", checked: this.selected }), h("smoothly-icon", { key: '981a3f17ce966be3bd90a3030d5eed18ed1ae087', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), h("label", { key: '3c3e288cbd8496bd4c2a62b83865eae8e39019a6' }, h("slot", { key: 'c660628b0873ef7041a06d90884f1bd88046dfed' }))));
|
|
10142
10162
|
}
|
|
10143
10163
|
get element() { return getElement(this); }
|
|
10144
10164
|
};
|
|
@@ -10242,17 +10262,17 @@ const SmoothlyInputRange = class {
|
|
|
10242
10262
|
}
|
|
10243
10263
|
render() {
|
|
10244
10264
|
var _a, _b, _c;
|
|
10245
|
-
return (h(Host, { key: '
|
|
10265
|
+
return (h(Host, { key: '54110def7ede46a497e9f89badfa411f2101f9f1', class: {
|
|
10246
10266
|
"output-side-right": this.outputSide === "right",
|
|
10247
10267
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10248
|
-
} }, h("slot", { key: '
|
|
10268
|
+
} }, h("slot", { key: '2a5b1e0011a44f1d61965cf7d5c40fb65810d70e', name: "start" }), h("div", { key: '8d6c07448362f9b14c0fbc5e6d12f14ad7900d18' }, h("label", { key: '1f0c9181fcb31bb9481e2831d97807824d0fda3b', htmlFor: this.name }, this.label), h("smoothly-input", { key: '5cfa5a192ec52e3b1542c8b902fc0708f9f7f638', 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(),
|
|
10249
10269
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10250
10270
|
e.stopPropagation();
|
|
10251
10271
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10252
|
-
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), h("smoothly-display", { key: '
|
|
10272
|
+
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), h("smoothly-display", { key: 'ba0ffa533194066830cbd8644dc56407ca8e98f6', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: '89a2f41c2e5b11ad7ca84be16fce678348b05684', 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 => {
|
|
10253
10273
|
event.stopPropagation();
|
|
10254
10274
|
this.setValue(event.target.valueAsNumber);
|
|
10255
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '
|
|
10275
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: 'bdb12803d40ceb8205d3f34516e9cc7d5f0c55b7', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'f605bf487c677804bbd6b1da7329fdc10a8f24bd', name: "end" })));
|
|
10256
10276
|
}
|
|
10257
10277
|
get element() { return getElement(this); }
|
|
10258
10278
|
static get watchers() { return {
|
|
@@ -10266,7 +10286,7 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10266
10286
|
registerInstance(this, hostRef);
|
|
10267
10287
|
}
|
|
10268
10288
|
render() {
|
|
10269
|
-
return (h(Host, { key: '
|
|
10289
|
+
return (h(Host, { key: 'c2c0307b8cfb3649b3829935ceac7a239c0a3035' }, h("h2", { key: '3dc59277ebd70ee6d2845111fac8cc705ae274af' }, "Range"), h("h3", { key: '50b58f50d58c00c86f0746ce5c05b1f57b57efa2' }, "Phone Number"), h("smoothly-input-range", { key: 'ae8d9c8125beb1790cbd642d9b25ed202635c7a2', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '7b8e733f33aa344bdd07be2b23cb566485a4d13a' }, "Stars out of ten"), h("smoothly-input-range", { key: '55c63696b90405074cabee9694379befd5aa9310', max: 10, step: 1, label: "Stars" }), h("h3", { key: '27f0e64c163354a5c7669100e1a074ae2d9a141d' }, "Percent"), h("smoothly-input-range", { key: '2035cfb5de1eeaf6edc7086417dc00c9dee8c339', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '04fab376af7923769f62db4246062508c1ef1194' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '145a4d0fa6fa5903f5690cb25554af63a28edcef', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '2a3ff0a0b93638f49fb59015acc37e30f22f934f', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '33cfa613f632309014a96dfd2a678bf9f71b2b67', size: "icon", slot: "end" }))));
|
|
10270
10290
|
}
|
|
10271
10291
|
};
|
|
10272
10292
|
|
|
@@ -10312,7 +10332,7 @@ const SmoothlyInputReset = class {
|
|
|
10312
10332
|
}
|
|
10313
10333
|
render() {
|
|
10314
10334
|
var _a;
|
|
10315
|
-
return (h(Host, { key: '
|
|
10335
|
+
return (h(Host, { key: '8542dba163fb848653f31f2559e52aac50826c40', title: this.tooltip }, h("smoothly-button", { key: 'dcac9b394999e1751be7786f4eb7b3033ce2d5a7', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, h("slot", { key: '5756f37b4fe0cae8e0f6e0e7d0776cae56f2f002' }), h("smoothly-icon", { key: 'aecb2d327ddf0b0441c48660c9b061fa338fdd3b', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10316
10336
|
}
|
|
10317
10337
|
};
|
|
10318
10338
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10619,14 +10639,14 @@ const SmoothlyInputSelect = class {
|
|
|
10619
10639
|
this.addedItems = this.addedItems.concat(h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10620
10640
|
}
|
|
10621
10641
|
render() {
|
|
10622
|
-
return (h(Host, { key: '
|
|
10642
|
+
return (h(Host, { key: '77b737ac05a0d8b9d3fe8db6306fe81f4ee97b39', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '8f549454e69eb794d47fa643cbc4bad2fc68857e', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: 'ddd39f505092f309a5d5eb56926df33ddc232935', class: "icons", ref: element => (this.iconsDiv = element) }, h("slot", { key: '8df456070caa226409275ac6d50bb90b829c50ee', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '9699f72860c346e361b88817404d4a22edffac5c', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), h("smoothly-icon", { key: '4f64b8e04265eb823850429fe8e3ba542afb7aa1', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), h("slot", { key: 'b36a00495be201be9d1ea10845e913e16e43473b', name: "label" }), h("div", { key: '19f27845b4447ef076e3af20cf468c26e58abdb2', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '233c2685b69af4035e5f4c032749739bcef5701c', class: "search-preview" }, h("smoothly-icon", { key: '764c0b65b6514ba132e10555a8f657e054b4242a', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: 'aaf77a87b98051aa1afd3cd451656cba9ce2ba07', name: "backspace-outline", size: "small", onClick: e => {
|
|
10623
10643
|
e.stopPropagation();
|
|
10624
10644
|
this.filter = "";
|
|
10625
10645
|
this.element.focus();
|
|
10626
|
-
} }), this.mutable && (h("smoothly-icon", { key: '
|
|
10646
|
+
} }), this.mutable && (h("smoothly-icon", { key: 'b8e6dbb740957e94f050717281891d4f72475261', name: "add", size: "small", onClick: e => {
|
|
10627
10647
|
e.stopPropagation();
|
|
10628
10648
|
this.addItem();
|
|
10629
|
-
} })))), h("slot", { key: '
|
|
10649
|
+
} })))), h("slot", { key: '7082316f2573c94e9e05ea2407624b716e93619a' }), this.addedItems)));
|
|
10630
10650
|
}
|
|
10631
10651
|
get element() { return getElement(this); }
|
|
10632
10652
|
static get watchers() { return {
|
|
@@ -10675,7 +10695,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10675
10695
|
this.disabled =
|
|
10676
10696
|
!this.delete &&
|
|
10677
10697
|
(p.readonly ||
|
|
10678
|
-
("validator" in p && p.validator instanceof Type$1 && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(p.value))) ||
|
|
10698
|
+
("validator" in p && p.validator instanceof Type$1 && !((_a = p.validator) === null || _a === void 0 ? void 0 : _a.is(Data.convertArrays(p.value)))) ||
|
|
10679
10699
|
!p.changed);
|
|
10680
10700
|
});
|
|
10681
10701
|
}
|
|
@@ -10687,7 +10707,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10687
10707
|
}
|
|
10688
10708
|
render() {
|
|
10689
10709
|
var _a, _b;
|
|
10690
|
-
return (h(Host, { key: '
|
|
10710
|
+
return (h(Host, { key: 'f659d9fcff6418ed79a26b588a0b2392a85affa2', title: this.toolTip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
|
|
10691
10711
|
}
|
|
10692
10712
|
};
|
|
10693
10713
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
@@ -10728,7 +10748,7 @@ const SmoothlyItem = class {
|
|
|
10728
10748
|
: false;
|
|
10729
10749
|
}
|
|
10730
10750
|
render() {
|
|
10731
|
-
return (h(Host, { key: '
|
|
10751
|
+
return (h(Host, { key: '51866154258a830cd316996c2995632892c68034', tabIndex: -1 }, h("slot", { key: 'd09f55dd228895f53f8ba4231229ea98aab10b48' })));
|
|
10732
10752
|
}
|
|
10733
10753
|
get element() { return getElement(this); }
|
|
10734
10754
|
static get watchers() { return {
|
|
@@ -10749,9 +10769,9 @@ const SmoothlyLabel = class {
|
|
|
10749
10769
|
}
|
|
10750
10770
|
render() {
|
|
10751
10771
|
var _a;
|
|
10752
|
-
return (h(Host, { key: '
|
|
10772
|
+
return (h(Host, { key: '0fc0990f6f3a09be9ba3d964867e6e964725499f', title: this.description, style: {
|
|
10753
10773
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10754
|
-
} }, h("slot", { key: '
|
|
10774
|
+
} }, h("slot", { key: '6e1b85b84645891087866414a70a9f91aa90a8db' })));
|
|
10755
10775
|
}
|
|
10756
10776
|
};
|
|
10757
10777
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -10770,7 +10790,7 @@ const SmoothlyLazy = class {
|
|
|
10770
10790
|
this.show = true;
|
|
10771
10791
|
}
|
|
10772
10792
|
render() {
|
|
10773
|
-
return (h(Host, { key: '
|
|
10793
|
+
return (h(Host, { key: 'de115abe3101a1fa5d32e3ae3cef919afca90ea4' }, h("slot", { key: '61aa5f412fbbeca1c1b2f9bafde7d87bca0a94b9', name: "before" }), h("smoothly-load-more", { key: '6c3bd20f8f1b0d2b8900dcbb640f33dd76c7452a', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'f0b6bd381a12f5270797494a6eb414c38763e5fd' })));
|
|
10774
10794
|
}
|
|
10775
10795
|
};
|
|
10776
10796
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10814,7 +10834,7 @@ const LoadMore = class {
|
|
|
10814
10834
|
}
|
|
10815
10835
|
}
|
|
10816
10836
|
render() {
|
|
10817
|
-
return h(Host, { key: '
|
|
10837
|
+
return h(Host, { key: '7169adeca2956b6f0c85e3a7ceab410a3dddd7f5' });
|
|
10818
10838
|
}
|
|
10819
10839
|
get element() { return getElement(this); }
|
|
10820
10840
|
};
|
|
@@ -10834,7 +10854,7 @@ const SmoothlyModal = class {
|
|
|
10834
10854
|
this.smoothlyModalChange.emit(this.open);
|
|
10835
10855
|
}
|
|
10836
10856
|
render() {
|
|
10837
|
-
return (h(Host, { key: '
|
|
10857
|
+
return (h(Host, { key: '583eadffaf2e24575a5c1cc4e1fddd804b184dd5', role: "alertdialog" }, h("div", { key: 'ca8af6bb11f18895f1899db9facd795c061430c0', class: "modal" }, h("div", { key: 'bc66d69748c12e5707f7c601717d1f96309ee09d', class: "header" }, h("slot", { key: 'b41c4051fd74e25efc53334172724b91070a4359', name: "header" }), this.closable && h("smoothly-icon", { key: '138c5ba8fdcf1d1132d92c36299615ea1fda0f3a', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), h("slot", { key: '0ac2f594b68b53729724f8fc372b9a451d42b909' }), h("div", { key: '05b7d6ca01ee55b0e2a1afd34226505a0f9772c1', class: "actions" }, h("slot", { key: 'd3395b6b76ace8c9916b9d60e4208bd7a3e8d032', name: "actions" })))));
|
|
10838
10858
|
}
|
|
10839
10859
|
static get watchers() { return {
|
|
10840
10860
|
"open": ["openChanged"]
|
|
@@ -10850,7 +10870,7 @@ const SmoothlyNextDemo = class {
|
|
|
10850
10870
|
registerInstance(this, hostRef);
|
|
10851
10871
|
}
|
|
10852
10872
|
render() {
|
|
10853
|
-
return (h(Host, { key: '
|
|
10873
|
+
return (h(Host, { key: '60c3283a34f49ab6a4659a41c8eafc515f9c7fd3' }, h("smoothly-next-demo-filler-row-demo", { key: '77eaf9cf368e33ca06c60cb2b34f18448027f057' }), h("smoothly-next-demo-group", { key: 'b62f7ed677da7d68a0fbff87d484957ae4ea4085' }), h("smoothly-next-demo-colspan", { key: '2672c58491d55006de5eda3dc7bbea3b125671e3' }), h("smoothly-next-demo-simple", { key: 'b701d8f0a5524a35a62c48def77524b41a25cc4d' }), h("smoothly-next-demo-nested", { key: 'd259132a77f2a87de80cf994b3fa5ddec4563ee6' }), h("smoothly-next-table-demo-filtered", { key: '3a8e47d65dd5c7a6df239724202eac698c1db513' })));
|
|
10854
10874
|
}
|
|
10855
10875
|
};
|
|
10856
10876
|
SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
|
|
@@ -10863,7 +10883,7 @@ const SmoothlyNextDemoColspan = class {
|
|
|
10863
10883
|
registerInstance(this, hostRef);
|
|
10864
10884
|
}
|
|
10865
10885
|
render() {
|
|
10866
|
-
return (h(Host, { key: '
|
|
10886
|
+
return (h(Host, { key: 'df964ef528038285bbb443ee142a458d30a90034' }, h("smoothly-next-table", { key: 'e77a70224fa439572abbdd63cec975210e99cdd1', columns: 3 }, h("smoothly-next-table-head", { key: '6e51cf68461146e3acdf7003f16763039d9dda86' }, h("smoothly-next-table-row", { key: 'ba54cfc7a0a443491b67660c42cc99006fea80a9' }, h("smoothly-next-table-cell", { key: '985a23855b1b57c117370e39f66c0d4ee8f1728e' }, "Date"), h("smoothly-next-table-cell", { key: 'db397be5b860dfb375116a703129c06aff459c88' }, "Skip"), h("smoothly-next-table-cell", { key: '4866035423aeb9be54ecdf4224824736da589e60' }, "Total"))), h("smoothly-next-table-body", { key: '3895a9ce7e1e99096e94047986bbaea5e97f4c6b' }, h("smoothly-next-table-row", { key: '8e87d59e6ad7375df967a8d8b740cc8239fb417f' }, h("smoothly-next-table-cell", { key: '9e5550ddc219055bc3aae5c9c929dfe6933f5530', span: 2 }, h("smoothly-display", { key: '8fc193c4898ff3ab664b6b509b4deab457c99a0a', type: "date", value: "2024-01-01" })), h("smoothly-next-table-cell", { key: '56df306600fad13929a4f08d357c62abe0b1fac3' }, h("smoothly-display", { key: '152b90ed8c85136b20ec651d763c154ac8318a0f', type: "price", value: 120, currency: "EUR" }))), h("smoothly-next-table-row", { key: '3f1f972cc513a2b0b82b139ed01875d8d101deec' }, h("smoothly-next-table-expandable-cell", { key: '297d2e5331445962a77f669d840274d40ab1d200', span: 2 }, h("smoothly-display", { key: '079f748f7c4809c30080862a03f27c9e1daf4fba', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '599db2779c2d88385fff227c7bcc6b3fd508cb9c', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-next-table-expandable-cell", { key: '9c92e47338583d58c16374a429fac3d2aedcd2bb' }, h("smoothly-display", { key: 'c072fec08a530cf960f42ad03e6f7c67ef305ef8', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'ef79407b764bedefb609a539cbab40360c0a7908', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-next-table-row", { key: '947e544357fc6e210b93ee003e321c73f3c82333' }, h("smoothly-next-table-cell", { key: '090db5b1929506fe82979753d286cfa8cbd3cb4b' }, h("smoothly-display", { key: '8bce5c18a3de593664aebedb6f38d6d362622fa8', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '63d657c27f8ee3eddb380316d4b390e2b52e638e' }, "Not Skipped"), h("smoothly-next-table-cell", { key: '3bf06598be8daecb99b231f5112fc5efc16b5931' }, h("smoothly-display", { key: '73c7ee768c664d8ad24a6683cfdc063482865305', type: "price", value: 320, currency: "EUR" })))))));
|
|
10867
10887
|
}
|
|
10868
10888
|
};
|
|
10869
10889
|
SmoothlyNextDemoColspan.style = SmoothlyNextDemoColspanStyle0;
|
|
@@ -10882,7 +10902,7 @@ const SmoothlyNextDemoFillerRowDemo = class {
|
|
|
10882
10902
|
}, 3000);
|
|
10883
10903
|
}
|
|
10884
10904
|
render() {
|
|
10885
|
-
return (h(Host, { key: '
|
|
10905
|
+
return (h(Host, { key: 'c1da7082635613c6a9b96c62a18d2f8fe931c16d' }, h("smoothly-display", { key: 'f268b945e214f4e6bedadfc8760099c24f1153f8', type: "text", value: "Filler row" }), h("smoothly-next-table", { key: '503113478f8567b748215c8c02ce09013252d5f9', color: "primary", columns: 4 }, h("smoothly-next-table-head", { key: 'e3f303b449bf0f456887269cb81d8ee067bdc5df' }, h("smoothly-next-table-row", { key: 'e16a60bd48e8b2bd43b10d339bb6b97dd514ae3c' }, h("smoothly-next-table-cell", { key: 'b28228816e03b8bb8cd1f2fc14cebd4fbe6f1d08' }, "Breed"), h("smoothly-next-table-cell", { key: 'c6b3f0030b283b4ad58dff2abe50f59ae5315893' }, "Country"), h("smoothly-next-table-cell", { key: '02ccdd4d8b246affde08d0b4e23f375e0911462a' }, "Coat"), h("smoothly-next-table-cell", { key: 'd3e2f2581b66cf3af1d477ec54635a562f6a61c5' }, "Origin"))), h("smoothly-next-table-body", { key: '1e01764e4db08a222999559d775aa14fee1f5d4f' }, this.cats === undefined ? (h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-next-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, a.breed), h("smoothly-next-table-cell", null, a.country), h("smoothly-next-table-cell", null, a.coat), h("smoothly-next-table-cell", null, a.origin)))))))));
|
|
10886
10906
|
}
|
|
10887
10907
|
};
|
|
10888
10908
|
SmoothlyNextDemoFillerRowDemo.style = SmoothlyNextDemoFillerRowDemoStyle0;
|
|
@@ -10895,7 +10915,7 @@ const SmoothlyNextDemoGroup = class {
|
|
|
10895
10915
|
registerInstance(this, hostRef);
|
|
10896
10916
|
}
|
|
10897
10917
|
render() {
|
|
10898
|
-
return (h(Host, { key: '70d2dd2dcbd5c5e3c2d588a366fa9b87863243d2' }, h("smoothly-display", { key: 'b0212092a6685c71aa718578dfb0ebd0a72e459a', type: "text", value: "Group" }), h("smoothly-next-table", { key: '7f473deee404d56b49f2973910045c1e470fbaaa', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'cbb973bb0ffdea0e7410689028d62681061b7cff' }, h("smoothly-next-table-row", { key: 'd82759c2e9f780bb53e1e23ee90b177b5eb26abd' }, h("smoothly-next-table-cell", { key: 'd7957baaaf9efd8f7a767a54a242d2ce27687a3a' }, "Date"), h("smoothly-next-table-cell", { key: 'dfa1042e8d0e6db88c29c61aac4a1f4570a0a023' }, "Total"))), h("smoothly-next-table-body", { key: 'edc534b5d69c5655b083db908df120e2f10170cf' }, h("smoothly-next-table-row-group", { key: '909330ec7432261f56904717bfa721787a119955', align: true }, h("smoothly-display", { key: 'c1db511c75c24e69565d1cc05ef51731ba0fd81d', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '7a7fb0e36259c1adee7776da82b5ff378ff791d2', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: 'cdcbd3f6ce838ce60e8f5d42ead292ccc3729c2e' }, h("smoothly-next-table-cell", { key: '7d21a731cc1893ea63e13c50d3cf671fa2fe0011' }, h("smoothly-display", { key: '87befa0f97174f23ee9a474635cb818ed964e04e', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '01156a10b8824cc657db43f72756ae1709005561' }, h("smoothly-display", { key: '2d1fe31159297857c50c777f9a73f1851386d393', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '16124d2ed2617ca40d92aa880a9d21b1fa04cb45', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '0151b86701c1f3d32fe734babeba1de7af6dcc94' }, h("smoothly-next-table-cell", { key: 'a286c3dd314c6e93010dd498b8a1bcaec10b8460' }, h("smoothly-display", { key: '77994c252da71ce6bb57434dd7bb002147e73d36', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '22c9f0264a9051322bf8daf51149667a920078c8' }, h("smoothly-display", { key: 'b447f3fdc7af526aef677401cecd6de70fa22158', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '4cf39352b8436ecf13a308c3ec9415291cfbe95b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: '8f53cbf117a984da9ceabdc9879fcc26144d1bfe' }, h("smoothly-next-table-cell", { key: '4db43eb57bf0d1e942ca5b7212a764f895661eef' }, h("smoothly-display", { key: 'dc473c385dc275aad4a0c744d634ee8e7704075c', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: 'dd6dc7a46f28460c12ba723a27decac0a4a43edb' }, h("smoothly-display", { key: '91d6f726fbf5be5ad7c265d5c559f2616862a7f8', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '068aebe864fb40936257ead559556c777054c2d8' }, h("smoothly-display", { key: 'a22fe7a8fb41f36e87cd4cbb2401491c4b3209bf', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'b2c6b6f3e67458cd634f5e6c942255695217c01d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '48da54388f3599d2a67f0111db9cd36e3ee76f08' }, h("smoothly-next-table-cell", { key: '6ec917d2b63a4156a2c60edecf342eb1e60e189a' }, h("smoothly-display", { key: '1ae142931e8e2c0c0321d4e7a420c63d30882445', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '60584cd04d673ae9ba0086276132cefad4f2c1cb' }, h("smoothly-display", { key: '9f6827b5d5740dd6952de3b49c881f00d8bea250', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '450d80c148d3d4170108db329a57408aeb8b5ce6', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '9d867450686277252dc6e8163fc930af3d3bea89' }, h("smoothly-next-table-cell", { key: 'f77354087f5f40385943800aed812c9fcec9e4e1' }, h("smoothly-display", { key: 'aff7023e5d7f26a13d2e308fdf3909da60c5e930', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'f7f85a4001f2672b22c439c53dfbf32feef0a2cc' }, h("smoothly-display", { key: 'a7186b8c6ed0dfe9c2981150906934db7e83fd66', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3c0f4f2bf7c42b69c42edbeb57a2adc9ae25e866', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '4002ff000a0d2c847f6dbe422c866832d4065dfb' }, h("smoothly-display", { key: '93e46371ba6811635476f26e28b3bf89acd8bcc0', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: '3ec41149d5b823304c4f70efed1ce31d23fc8835' }, h("smoothly-next-table-cell", { key: '5d02a5f774401a901dfeeb59484e9c85b583ef04' }, h("smoothly-display", { key: 'c2de3b4d7471438b0d23042b32b6f7c82858e103', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '6a3f54460d53d8ca3e81a5cb2891989c91e5c57e' }, h("smoothly-display", { key: '57e1c12900f5bd907a99c6d399c1ddb52ccc37cf', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'e1d6b95a96d7c283c8b9687299507d6be883593b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'c78d9e78fc51fc5203b4067e00009887a3d7fc26' }, h("smoothly-next-table-cell", { key: 'b19f7aa21fbf4ac62787bd441d79b0eeef54cc45' }, h("smoothly-display", { key: '3eecac5f48442242ede4d2217ffbea05c4398401', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '5a95a8cdf0a813728dc3c25e4429d5b30fa0c7aa' }, h("smoothly-display", { key: '8805f2d30d0c4dbf183a0abbb77f14369505b8a8', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd713d8f746d2e5315cf2992e6c3c3467e535288d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'aea80493eef7265c884af333b169bb3d1f214116' }, h("smoothly-display", { key: '3f06be72320a7cb91aef1e8a4723a16ec190f3c7', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '85cb6c9674e3d0a02a91cd5842475491b2a358f1' }, h("smoothly-next-table-cell", { key: '3a8c5fe7327c5464856ee4ad5eea01407848050b' }, h("smoothly-display", { key: '30ccbf188b381609343f2f5f5dd635188bb82329', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'f31e51f43fc1d9cc8b7cd2a3a4c537d0e59188d3' }, h("smoothly-display", { key: '63029e39d20e9f449ae21c68c15776a6e826c76c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '68a410a5ddcbaa69829f1be2c92a999f916703b8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'f38999ef55ff663e15bb019ad079b24975274018' }, h("smoothly-next-table-cell", { key: '2ac2cda43d4a854868b8202d0807dd7957ad498b' }, h("smoothly-display", { key: '77f896cd1ce8952d83f675f0660095f0a48ddb55', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '62b2b32643911ca751c6c046ad3c4d914a80fb81' }, h("smoothly-display", { key: '0251fe1a5db76897e9478eb71bc0a6661a8a5e91', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '96a553725e85ae7e35519d3e92457684e3392bd3', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '28c32734ef20147549515e4e971c21b0580e7f04' }, h("smoothly-next-table-row-group", { key: 'ff8ff694cfa4dd46dd6444e4e3386000a3e75c52' }, h("smoothly-display", { key: '46b0b94ebaa45a4ea0ce5b8f05034630f50f1685', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '22da3f0bbd80a500c30a5a7b759a3ea29671b702', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'b3583284edcbec4223471b37a832d16b75d65757' }, h("smoothly-next-table-row", { key: '3e84adad7a56dec216230d43db9b8c95deae1a5c' }, h("fake-cell-wrapper", { key: '8315b2592865a3397725d37e8b9a714fafb73e64' }, h("smoothly-next-table-cell", { key: '4cccdc6caf58746e577e6d058f5cbf0ee3d487b8' }, h("smoothly-display", { key: '5b6fc1ebd1416cca42f39f4f2dc980d67dde5d55', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'a08de0a127e624a6a1b8f0140aa19bf39bf19f60' }, h("smoothly-next-table-expandable-cell", { key: '08f4283c64872575241104dde960640747d7d52e' }, h("smoothly-display", { key: '8c6162749e8f8cdf5450539f359307292ff0c611', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '0b84599a4e9ea3711bd4347c5387387638c20135', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'f60388cdb82d64b6b07337af5aa0e648309092e5' }, h("smoothly-next-table-expandable-row", { key: '5f1956aeacec9377d7ae6220c3952821d56e1766' }, h("fake-cell-wrapper", { key: '9ead9cd0c04025597d844e5c1b042913e3053ec6', class: "span-2" }, h("smoothly-next-table-cell", { key: '5bde0f35613a2464584f68c9bcf016553a7601a5', span: 2 }, h("smoothly-display", { key: 'ba8267d1fb2aebbb26e08c97a2d33e185f220fdd', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '3c4d275e604567ff5f149fdb560a6fd7a0a91e17', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: 'b048b1c3281a00674c50ff995ad9d549cbe2c64d' }, h("smoothly-display", { key: '071513d6663b344a3be78067ed369e55654f0d85', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '593e1a857e77fd737cd1fab09459db2b77864a00', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10918
|
+
return (h(Host, { key: '73e0d51a0e3941caa16b1283f7f5187faadf13ee' }, h("smoothly-display", { key: '9fd00526fbe6993eb98bed95c4e8133f3f504fcf', type: "text", value: "Group" }), h("smoothly-next-table", { key: 'c6c937a3fa59c2160ae57bf5a9ef23ba722987dc', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: '741787df74f06380286cf41f1184f035139d0382' }, h("smoothly-next-table-row", { key: '20f9b4b44711073c70949669cb68d0f501bdd3e2' }, h("smoothly-next-table-cell", { key: '3546f61d968e85d20b542ea5a92b81a8ce63d645' }, "Date"), h("smoothly-next-table-cell", { key: '40bed3b1560bca9dc819fcabc8d33488b7bea127' }, "Total"))), h("smoothly-next-table-body", { key: '8a540b22896eb43a08f7020aa8d56508e78ea12b' }, h("smoothly-next-table-row-group", { key: '101cf27ef3e9957b4c8254dd9d4f7d41fba2857a', align: true }, h("smoothly-display", { key: '9b1630b69a098adc01cc728fe82505c353f1a0e8', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '433febcf1be2636198111e2ff066d9b968c05cfc', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-next-table-expandable-row", { key: '490e20cf154a4061ed1a657edbd96656113b102b' }, h("smoothly-next-table-cell", { key: 'a0d033cf6d284533ec446061240955d4659e1c65' }, h("smoothly-display", { key: 'f8ae356be115913eac2ed8f26a0e76855751a604', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: '6881fa42948499ee14d986cd0cd5a368893e5f5d' }, h("smoothly-display", { key: 'b2a0fa9795870ae6479f095968f3402d50cfcf5c', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '43a981cb81cf85e3ab7c67ceed9d316a3003d5f3', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '568e724e4c95b267413e3dc7781e72750b633e11' }, h("smoothly-next-table-cell", { key: '6a3d8ba835df4fdd5076ef5a5907694f5811a6ca' }, h("smoothly-display", { key: '9b95129e71a0664e6689bd6dc857f4cb31cbb979', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'b37ed4086dbfe19631ec46be7e7b1da0859defb7' }, h("smoothly-display", { key: '56b504514e11cd5e6e1ceae622996b2027a7dcbf', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '1bc72a8145f2d9b93a99dce1e29ab0ead788487a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-next-table-row", { key: 'c2c9e92cc455b621889a6eb41e8cdc9687e5c620' }, h("smoothly-next-table-cell", { key: '5b5cb852a3ff871701f47866cc37f98c36aba26f' }, h("smoothly-display", { key: '0aae4cd0bac3cab1b22ad73de06bf696a333f8d7', type: "date", value: "2024-01-02" })), h("smoothly-next-table-cell", { key: '1192d53740c70a16d01e1e2a8ec03c1d14d9e801' }, h("smoothly-display", { key: 'c13c4433a0ba620e16604fb47450727d4ba56e5c', type: "price", currency: "EUR", value: 130 }))), h("smoothly-next-table-row-group", { key: '896fecd9312899190a2ecf4579c50073a31c8272' }, h("smoothly-display", { key: '1dbcff7150422fc2153a9816ec874dfba429d229', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '8af0f60fb62c097a55b1f14c1d9e02a598f139d9', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: '5274bbc35439a4d52d970c77082f0d7d886789c0' }, h("smoothly-next-table-cell", { key: '18702a617d8766b19f79a1a2934533d7cf2632c0' }, h("smoothly-display", { key: '57f2d3ab2d7098d021c9db4631e9cc6b2d898c70', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cdfa422283047bb1afe7fe0defd6b4901ac62747' }, h("smoothly-display", { key: '2cded0b74d7b9387f7b729b4c2946915bb0871ae', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '492dd23dbf0ce2c01d5c423d9b1b78a9fe237226', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '70607593f49e8087a182352ddb2699f8eb76b023' }, h("smoothly-next-table-cell", { key: '46f7e9ba5e04b3e17c1744c5dbd0b865bf4d6071' }, h("smoothly-display", { key: '2366d67e25f1280f7c84b56e05120a4a009e02ea', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'fe940858dc68bf595db43924f4089eeae2022b39' }, h("smoothly-display", { key: 'e95e4585fbc58e8414b4b8500cc0a399f89fce22', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'b20b19c014495f1fdc58a17bb9e4670b450dde24', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: 'e6372f8af60c8680990326d82e9bc8039d5d2f7b' }, h("smoothly-display", { key: '5918a19899072b4c412bb2d19ef3f204eeb51c24', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-next-table-expandable-row", { key: 'a8dd0ade6e75b3332970b5c28dbea16ae872f020' }, h("smoothly-next-table-cell", { key: 'c543cc174821d05a7d4975486d6419bcfb48ae91' }, h("smoothly-display", { key: '733a433dd0ca61e10fea401f34665aeb6ed0989a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'bc86fa504846290f49aa36dd765fbf39a883b657' }, h("smoothly-display", { key: '5e0e011989b9b1d75b004961abc9193c98426e1d', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '4eb921562f4dff18d46d375cd7a5186ffd1c18a5', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: '821ec4169165ea4e4ffac5e0145cec0204fec6e3' }, h("smoothly-next-table-cell", { key: '482c9d096428c376fa64e47aa9ae271875b6f871' }, h("smoothly-display", { key: '267bade15f3e214d34342ad317195371c9ab1242', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '8bb4e5393b37855c6e00e9a3039017b0e469163f' }, h("smoothly-display", { key: '158af69d312342e2307d7be4efbf6d5238f1659b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '7798eaf8ed6782e1707cfd5c9837f8142d733185', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-next-table-row-group", { key: '9799c11e2626f6a0f7e0e532b781824469d4b6f9' }, h("smoothly-display", { key: 'f0df60840283455397ad35e452e69abd7b57cb89', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-next-table-expandable-row", { key: 'b4be64833f56b5d1f8c625d544d24fcba34c03eb' }, h("smoothly-next-table-cell", { key: '86c434c87a86ab6b595a22f3de7fa931a090e048' }, h("smoothly-display", { key: '819b0da7a8fca04342206ab782a7794726ee556b', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-next-table-cell", { key: 'cb73520ad44afc7502da06c4ec8f6af6adfc2aa0' }, h("smoothly-display", { key: '5e65f0ca6614d9831b357f120b8a7ed2eafd0a61', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'ea9a6fad058b361c77bb84609dd2e7c6b92d9c35', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-next-table-expandable-row", { key: 'f38de8ba3d30cb2a9d1e7020910d5fe651a2ec4f' }, h("smoothly-next-table-cell", { key: 'db56a476ca28a0aeef97bbda8f8317079d9898eb' }, h("smoothly-display", { key: '65e33d8d3650a6a5423d47dc2ed210b1a7e083e3', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-next-table-cell", { key: '50fd46d73a79ac39ea9e531191a7bbfc5cadfdd3' }, h("smoothly-display", { key: '676a02bce793ce04d4bfe29a57b12abcda9cb674', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd49a81b1f0308aed4f9dd0d1a4d11e285f5628e4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '6172e15917d0c9b07926941c115d0339577b9f6d' }, h("smoothly-next-table-row-group", { key: '702cca3f9968b90ca9f60ae7bce2e073fd86d4c7' }, h("smoothly-display", { key: '2d3c71c4c17adb59fa8bcb66eb55ee6dd928f240', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '63ca204543351f120d71ee90a1e6e5207056dba2', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '36df63f982fceb5e1b67c2de95dd4ca723e1dd9e' }, h("smoothly-next-table-row", { key: 'feb2b626f45881f3a3a62a2a80e77f8f0d4d3b15' }, h("fake-cell-wrapper", { key: '09a6f0f745d31db96d20c5ba6ac93826e330e005' }, h("smoothly-next-table-cell", { key: '33c207294cc202b6a4dddef00c10e09188ace9b5' }, h("smoothly-display", { key: '7fedc6e2142345eca9320691d55bfc6a6c68372e', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'f9bbeba9c8c5b8d3d8a2581640bd87c5d48e1924' }, h("smoothly-next-table-expandable-cell", { key: '5480d2f107c282fc1698a4ed5ca58ebb39ff3bd9' }, h("smoothly-display", { key: '0132a7d7ba67472992803f43a5ed50732ec6aa1f', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '48690f2e40c2b6123fb66c7ddd3c963f05856f40', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '23ebf8d2daf83e932d7cde68f105dac6059be750' }, h("smoothly-next-table-expandable-row", { key: 'be8b9c21325679a26baae80c6e833824caf07a5d' }, h("fake-cell-wrapper", { key: 'ea1bdce957a2e0677664d276bfe5d22ecc4c708f', class: "span-2" }, h("smoothly-next-table-cell", { key: '3054bde065a700326ee80abb13a7ce570197898c', span: 2 }, h("smoothly-display", { key: '8dbd6a6fff628c111dba1ffb0138c9126adcd595', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '4c1dff73ee6eb514fe07e314b37f07013baeb817', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-next-table-row-group", { key: 'e235f9efbdf19ffe8fb98e68a8689c316762886c' }, h("smoothly-display", { key: '42e97b716d151160d2faa8af41e5e5d6aea75196', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '02d3309510ef2a76491a5b64801a9d4a6079817d', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10899
10919
|
}
|
|
10900
10920
|
};
|
|
10901
10921
|
SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
|
|
@@ -11841,7 +11861,7 @@ const SmoothlyNextDemoNested = class {
|
|
|
11841
11861
|
registerInstance(this, hostRef);
|
|
11842
11862
|
}
|
|
11843
11863
|
render() {
|
|
11844
|
-
return (h(Host, { key: '
|
|
11864
|
+
return (h(Host, { key: '8d402c4a13f9c2ae7176508216f6232cde00bcc9' }, h("smoothly-display", { key: '3ab020c9699a20216585d74a5cfc9adeb73a5406', type: "text", value: "Nested" }), h("smoothly-next-table", { key: 'be338a335b25518a43f7e671ac1ed4262c2d4266', color: "primary", columns: 8 }, h("smoothly-next-table-head", { key: '38d7656a7f2d12fdd5ca683d6b4f33d36977f73e' }, h("smoothly-next-table-row", { key: '3aaa246a20c21e68a37c8c883ba6d2706f19d15a' }, h("smoothly-next-table-cell", { key: 'd5a593133612990b2decf038e55ae107dbf9f8cd' }, "Id"), h("smoothly-next-table-cell", { key: '0e0f3d8b15b96722ca88ed87125550bd0fb990bc' }, "Registered"), h("smoothly-next-table-cell", { key: '34e6651990dc769ba5ef753d28846e65e7ac2ae6' }, "Name"), h("smoothly-next-table-cell", { key: '843eee09c7d972d1d4cc0ee7ad199717069b46e9' }, "Age"), h("smoothly-next-table-cell", { key: '6f47009c22df7d3efbe4b842dbcb20c21f0a11df' }, "Balance"), h("smoothly-next-table-cell", { key: 'ea9ed27fb4f2ef95cbc4ed78142bebf30de4c671' }, "EyeColor"), h("smoothly-next-table-cell", { key: 'ae77adcd3055cd6a8c08df9ca1f60a987bef5454' }, "Gender"), h("smoothly-next-table-cell", { key: 'e93ff6e84fc354d39ec4631b69f1f99aab9ee03d' }, "Company"))), h("smoothly-next-table-body", { key: 'afd73ac894bb93aa31bd99fd589a5487049e6051' }, data$1.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.registered), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance), h("smoothly-next-table-cell", null, entry.eyeColor), h("smoothly-next-table-cell", null, entry.gender), h("smoothly-next-table-cell", null, entry.company))))), h("smoothly-next-table-foot", { key: '23141fcd7197a63216f95a94ecc19cfa68825c4f' }, h("smoothly-next-table-row", { key: '546bd6375e4ee101cb4551db132e28f13271eb62' }, h("smoothly-next-table-cell", { key: '56649bec5494996c0dcf3ad3a34c24eef081f587' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '8b1fba8cc4f995f1247fc8e72aa83efa9cc8a183' }, "Footer Cell"))))));
|
|
11845
11865
|
}
|
|
11846
11866
|
};
|
|
11847
11867
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
@@ -11856,7 +11876,7 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11856
11876
|
}
|
|
11857
11877
|
render() {
|
|
11858
11878
|
var _a;
|
|
11859
|
-
return (h(Host, { key: '
|
|
11879
|
+
return (h(Host, { key: '19e0f084a09ccbdfd1b02ad2a303cb4b8fea8b3a' }, h("smoothly-next-table", { key: 'e3f73d442144d49b9f5c5ec37b53eaa8d32c9fe1', columns: 4 }, h("smoothly-next-table-head", { key: '90b8c436ce8deb7e6fc21749b6bf8446907c120c' }, h("smoothly-next-table-row", { key: '3fcb64b37aacd6bf6f2f42e3f72eb7d8cfe4442c' }, h("smoothly-next-table-cell", { key: '4df45e5d226a04caaea11e10d6e2913566ccafb5' }, "Id"), h("smoothly-next-table-cell", { key: '369eade6f61d7b0b610f27216dfa6cd4a05db40b' }, "Name"), h("smoothly-next-table-cell", { key: 'c400606b0bdc1467818f1493a0617529cd0e1951' }, "Age"), h("smoothly-next-table-cell", { key: 'da06335fe3248ed4f6cf96d9878682de78aad286' }, "Balance"))), h("smoothly-next-table-body", { key: '28a1b173a15e680aa9c6819fdf61575c86488103' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
|
|
11860
11880
|
}
|
|
11861
11881
|
};
|
|
11862
11882
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
@@ -11869,7 +11889,7 @@ const SmoothlyNextDemoSimple = class {
|
|
|
11869
11889
|
registerInstance(this, hostRef);
|
|
11870
11890
|
}
|
|
11871
11891
|
render() {
|
|
11872
|
-
return (h(Host, { key: '
|
|
11892
|
+
return (h(Host, { key: '66b3e68121b5d77bde910b396f198d1753ca8c71' }, h("smoothly-display", { key: '25216cd0f6a2d2e14b0492cd430205354adff73a', type: "text", value: "Simple" }), h("smoothly-next-table", { key: '639281176a112a8a5ed55705214570c36a2ecc41', color: "primary", columns: 2 }, h("smoothly-next-table-head", { key: 'd99d3f3cbb215bdf5e980f7a32949cfdba6fa89a' }, h("smoothly-next-table-row", { key: '9f9d60323cd22f8d3109df3310daf048312d0e99' }, h("smoothly-next-table-cell", { key: '43088a1b90e9161e38d951b86124b7b3601c5086' }, "Breed"), h("smoothly-next-table-cell", { key: 'afe9bb2f57af8e7bafedf4970a4d9ef7b3c6bf7e' }, "Coat"))), h("smoothly-next-table-body", { key: '1e7c4ac3d94cea0ee68f82bb8d6808dd46ef256e' }, cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-next-table-expandable-row", { key: '016ef5b866f560bb6d5b677cb95d8d172bcae52f' }, h("div", { key: 'fcb81c069b8c4b46744b40ce427fedf9ae99039f', slot: "detail" }, "Content", h("br", { key: '716d0f3cec5a99c3f4be2bf5d637aa79d96895a0' }), "of", h("br", { key: '059b52649e48de5cfe0dab3705dfb2bd6d3eeb7f' }), "the", h("br", { key: 'fb6a41055c5f031c7020fdc3acc7850b766da7b3' }), "expandable", h("br", { key: '0e93dabefbe33ee903bbe669565d358ce4a806b5' }), "row"), h("smoothly-next-table-cell", { key: '18a19f3258b40f8599e28cd5982301c149d4f1aa' }, "Cell1 in expandable row"), h("smoothly-next-table-cell", { key: '69d677973b55205f30c189df03ea0e9b7bd26bfd' }, "Cell2 in expandable row")), h("smoothly-next-table-row", { key: '26ea11b415a30ad7c32ee3d0e4f4d8aea9eda7f6' }, h("smoothly-next-table-cell", { key: '8f25926ec015829c5e478622535123318c42f17d' }, "Cell5"), h("smoothly-next-table-expandable-cell", { key: 'c3f3c58cb1be39d20ede7e9f3e40319edc38c768' }, "Expandable Cell", h("div", { key: '96f13cdd7068afb194661942636d9375815ba57b', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-next-table-row", { key: 'f97abc78791cd5582cc83ce66e21ea2b8495e13b' }, h("smoothly-next-table-expandable-cell", { key: '8539c01c7749e704ecf19b07b00a24b49d4abeac' }, "Expandable Cell 1", h("div", { key: 'd82b27f6a549600cc32c136b20495f73bc54f978', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-next-table-expandable-cell", { key: 'a89e91aa1bcb9849f7de2f12f9ffbad0f0035ead' }, "Expandable Cell 2", h("div", { key: 'b347602a29cc9ab1bd82ad45b8c397daebd47c60', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-next-table-foot", { key: 'dbf4a77570431284f7322090e270d412618dddfc' }, h("smoothly-next-table-row", { key: 'c89965f6ea56be40b678f41381cb5985748ec4ed' }, h("smoothly-next-table-cell", { key: '9557848e7e943309e7132c61736f0ece5141b623' }, "Footer Cell"), h("smoothly-next-table-cell", { key: '2111281a0a42972c1c9fed6620b27307e72e6604' }, "Footer Cell"))))));
|
|
11873
11893
|
}
|
|
11874
11894
|
};
|
|
11875
11895
|
const cats = [
|
|
@@ -11961,7 +11981,7 @@ const SmoothlyNextTable = class {
|
|
|
11961
11981
|
event.stopPropagation();
|
|
11962
11982
|
}
|
|
11963
11983
|
render() {
|
|
11964
|
-
return (h(Host, { key: '
|
|
11984
|
+
return (h(Host, { key: '4a0635a7fdb8d4cf9cf69d1a68d0acee29e16868', style: { "--columns": this.columns.toString() } }, h("slot", { key: '23b51de6de66bd017f63dac920eb13f1f414d099' })));
|
|
11965
11985
|
}
|
|
11966
11986
|
};
|
|
11967
11987
|
SmoothlyNextTable.style = SmoothlyNextTableStyle0;
|
|
@@ -11974,7 +11994,7 @@ const SmoothlyNextTableBody = class {
|
|
|
11974
11994
|
registerInstance(this, hostRef);
|
|
11975
11995
|
}
|
|
11976
11996
|
render() {
|
|
11977
|
-
return (h(Host, { key: '
|
|
11997
|
+
return (h(Host, { key: 'fb0f615885030954edd781631fbf110eaa61b2ae' }, h("slot", { key: '3915d5a2c5479ae421fdcdb854756cdcbf5545af' })));
|
|
11978
11998
|
}
|
|
11979
11999
|
};
|
|
11980
12000
|
SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
|
|
@@ -11989,7 +12009,7 @@ const SmoothlyNextTableCell = class {
|
|
|
11989
12009
|
}
|
|
11990
12010
|
render() {
|
|
11991
12011
|
var _a;
|
|
11992
|
-
return (h(Host, { key: '
|
|
12012
|
+
return (h(Host, { key: 'e96e359c49c923816bf0078fa2989916c10b3f17', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '935ce02ad19e664e7a86be96eb195afd1e4d9789' })));
|
|
11993
12013
|
}
|
|
11994
12014
|
};
|
|
11995
12015
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -12061,18 +12081,18 @@ const TableDemoFiltered$1 = class {
|
|
|
12061
12081
|
}
|
|
12062
12082
|
render() {
|
|
12063
12083
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12064
|
-
return (h(Host, { key: '
|
|
12084
|
+
return (h(Host, { key: '447b40076e72611bf082180e871eff0d648c56e1' }, h("smoothly-display", { key: 'dff28311d67134417c250df087d787521b566bdb', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '1a9d516641da3145ccc8268d7a4510d489721e62' }, h("smoothly-filter-toggle", { key: '6f33cb914309d6725e10c6b87a1044612f3c2281', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '5af94424768de9d6e4135142e66ff7e94c3f227f', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '66224dd74c0fd79a2cb40d1d7e99800ed2075752', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'b11fe5181c76b39b319febe34a58d6f20df1c558', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'ac37fbd330512a3860bb0ee98270bc5b3145f4f6', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12065
12085
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12066
12086
|
var _a;
|
|
12067
12087
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12068
|
-
})), h("div", { key: '
|
|
12088
|
+
})), h("div", { key: '6e682a5a475a91eb40fc726ce5ed4f479bd8794b', slot: "detail" }, h("smoothly-form", { key: '9acf2fb857029ce04264aa6674b88fc330515d60', looks: "border" }, h("smoothly-filter-select", { key: 'bdef0d610c7f49eb118f1101562fff6d2d34ce3e', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12069
12089
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12070
12090
|
var _a;
|
|
12071
12091
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12072
|
-
})), h("smoothly-filter-select", { key: '
|
|
12073
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '
|
|
12092
|
+
})), h("smoothly-filter-select", { key: '4b55eeaedb18374dc42d682b52a21e6ba3150455', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12093
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '22a44d8ce6798333b3518cd8469f5ffba0302cb5', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
|
|
12074
12094
|
.flat()
|
|
12075
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '
|
|
12095
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '441da24631cc87d3ce523ee5cad032587d670dcd', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bd5036886b9bb2459b25c8dd21d44df5db651957', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-next-table", { columns: 4 }, h("smoothly-next-table-head", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cats)), h("smoothly-next-table-cell", null, "Breed"), h("smoothly-next-table-cell", null, "Coat"), h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-next-table-row", null, h("smoothly-next-table-cell", null, this.selector.render(cat)), h("smoothly-next-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-next-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-next-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-next-table-foot", null, h("smoothly-next-table-row", null, h("smoothly-next-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
12076
12096
|
}
|
|
12077
12097
|
};
|
|
12078
12098
|
const names$1 = {
|
|
@@ -12108,7 +12128,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12108
12128
|
}
|
|
12109
12129
|
render() {
|
|
12110
12130
|
var _a;
|
|
12111
|
-
return (h(Host, { key: '
|
|
12131
|
+
return (h(Host, { key: 'd67b5d0383b0db8f637888a958cb45a9ebacb3ec', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("div", { key: 'ec2421a6122207a28b348ea536bd001e1c7d495c', onClick: () => this.clickHandler(), class: "content" }, h("slot", { key: '24bf9aee3934f2330df446815fb752707ea1bc44' })), h("div", { key: '2f4a5a1694d6e3db393f715a71d66095e09e50a5', class: "detail" }, h("slot", { key: '5ed6449464aa6d8dee7ac9c51d7f2b44f48d0c8e', name: "detail" }))));
|
|
12112
12132
|
}
|
|
12113
12133
|
static get watchers() { return {
|
|
12114
12134
|
"open": ["openChange"]
|
|
@@ -12132,7 +12152,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12132
12152
|
this.smoothlyNextTableExpandableRowChange.emit(this.open);
|
|
12133
12153
|
}
|
|
12134
12154
|
render() {
|
|
12135
|
-
return (h(Host, { key: '
|
|
12155
|
+
return (h(Host, { key: '6639c71b07e30f5faa471e1f32e2b07aec1c3228', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '4820aaf170a50c48619000f5853e5248dadb6e34' }), h("div", { key: '829533fe6fbe2605a4a5a985e8c806444e7db14b', ref: e => (this.div = e) }, h("slot", { key: '1c68b5b9cd4da1d74fd5e6156a1497f18faec232', name: "detail" }))));
|
|
12136
12156
|
}
|
|
12137
12157
|
static get watchers() { return {
|
|
12138
12158
|
"open": ["openChange"]
|
|
@@ -12148,7 +12168,7 @@ const SmoothlyNextTableFillerRow = class {
|
|
|
12148
12168
|
registerInstance(this, hostRef);
|
|
12149
12169
|
}
|
|
12150
12170
|
render() {
|
|
12151
|
-
return (h("smoothly-next-table-row", { key: '
|
|
12171
|
+
return (h("smoothly-next-table-row", { key: '5f4ba87733659bda82336e0ff7687bde6e5e1030' }, h("smoothly-next-table-cell", { key: '48a3a02cebf9872e815357079ac37ea63a34b0a6' }, h("slot", { key: '98a43cc284cf931474ac86c4754451b8f5407d97' }))));
|
|
12152
12172
|
}
|
|
12153
12173
|
};
|
|
12154
12174
|
SmoothlyNextTableFillerRow.style = SmoothlyNextTableFillerRowStyle0;
|
|
@@ -12161,7 +12181,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
12161
12181
|
registerInstance(this, hostRef);
|
|
12162
12182
|
}
|
|
12163
12183
|
render() {
|
|
12164
|
-
return (h(Host, { key: '
|
|
12184
|
+
return (h(Host, { key: '11dab87838e468aae34fb0632a64054c4aa61897' }, h("slot", { key: '55a6a9600d3b5766d11f7f0cbd6cecfabf6f9161' })));
|
|
12165
12185
|
}
|
|
12166
12186
|
};
|
|
12167
12187
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -12192,7 +12212,7 @@ const SmoothlyNextTableHead = class {
|
|
|
12192
12212
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12193
12213
|
}
|
|
12194
12214
|
render() {
|
|
12195
|
-
return (h(Host, { key: '
|
|
12215
|
+
return (h(Host, { key: '0d999556a8df7f00defd5921d5733b7ce0ab7770', class: { scrolled: !!this.scrolled } }, h("slot", { key: 'e14a7fc873f7763be03e2278d1e734c7fcf90acf' })));
|
|
12196
12216
|
}
|
|
12197
12217
|
get element() { return getElement(this); }
|
|
12198
12218
|
};
|
|
@@ -12216,7 +12236,7 @@ const SmoothlyNextTableRow = class {
|
|
|
12216
12236
|
event.target != cell && cell.close();
|
|
12217
12237
|
}
|
|
12218
12238
|
render() {
|
|
12219
|
-
return (h(Host, { key: '
|
|
12239
|
+
return (h(Host, { key: '7375dd10ce7cf0744c2646e8e43dd4f183380cd1' }, h("slot", { key: 'af9bb64fb0d6e1602c641bd24b5cf3234cd9b40c' })));
|
|
12220
12240
|
}
|
|
12221
12241
|
};
|
|
12222
12242
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -12236,7 +12256,7 @@ const SmoothlyNextTableRowGroup = class {
|
|
|
12236
12256
|
this.smoothlyNextTableRowGroupChange.emit(this.open);
|
|
12237
12257
|
}
|
|
12238
12258
|
render() {
|
|
12239
|
-
return (h(Host, { key: '
|
|
12259
|
+
return (h(Host, { key: 'e8fe944298d963c42b3be3ca591718065ffc1a10' }, h("div", { key: 'd20a811f2f428a88ca5d40c0a13d5f1830920737', onClick: () => this.clickHandler() }, h("div", { key: '0334061d3030bbe6e639ce39824fe6d6dc16c194' }, h("slot", { key: 'c503323239ebd3c4f4c7eb2dcc71e7ed8aa9ee53', name: "start" })), h("div", { key: '03eb020a4fbd59212089a8cd963d4ddd32750a78' }, h("slot", { key: 'f0caca039c2d1b074b0dcfa508f15c0bacb2a206', name: "end" }))), h("div", { key: '12a61061ae740af8b67057f086c2f89da12910de' }, h("slot", { key: '1d5716ab78a61626330058350483e460c85681fd' }))));
|
|
12240
12260
|
}
|
|
12241
12261
|
};
|
|
12242
12262
|
SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
|
|
@@ -12296,7 +12316,7 @@ const Notification = class {
|
|
|
12296
12316
|
this.onUpdatedNotice(this.notice);
|
|
12297
12317
|
}
|
|
12298
12318
|
render() {
|
|
12299
|
-
return (h(Host, { key: '
|
|
12319
|
+
return (h(Host, { key: '048bdeec32b7e764a3d116ed5b8e660ba10f745a', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '51bdbda193a605034c8e544305fa96ae4191338f', fill: "clear", name: "close" }, h("smoothly-icon", { key: '48eb40e9cf25860cf672b7d6fc423f1720056bff', name: "close-circle-outline" }))), h("span", { key: '78535ad469c9226fda035709f07622ed6a49da32', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '222f816aae59da65bc3b668653dc07a71dcc5126', name: this.properties[1] }), h("p", { key: '8132555c4ea10f5bae91e28da192eef5c4292024' }, this.notice.message))));
|
|
12300
12320
|
}
|
|
12301
12321
|
static get watchers() { return {
|
|
12302
12322
|
"notice": ["onUpdatedNotice"]
|
|
@@ -12321,8 +12341,8 @@ const Notifier = class {
|
|
|
12321
12341
|
}
|
|
12322
12342
|
render() {
|
|
12323
12343
|
return [
|
|
12324
|
-
h("slot", { key: '
|
|
12325
|
-
h("aside", { key: '
|
|
12344
|
+
h("slot", { key: 'b806e161fb6393c807902e69f4a87cc6f161c782' }),
|
|
12345
|
+
h("aside", { key: '94dbd9b35bb94cbbe88edf283188ba7538a8967f' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
12326
12346
|
];
|
|
12327
12347
|
}
|
|
12328
12348
|
};
|
|
@@ -12339,9 +12359,9 @@ const SmoothlySpinner = class {
|
|
|
12339
12359
|
}
|
|
12340
12360
|
render() {
|
|
12341
12361
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12342
|
-
return (h(Host, { key: '
|
|
12362
|
+
return (h(Host, { key: 'a4a43de76df6f5497a710d6a44c4f08ea8d5a8f3', style: {
|
|
12343
12363
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12344
|
-
} }, h("svg", { key: '
|
|
12364
|
+
} }, h("svg", { key: '8fe085b56c0f56b0cf18838febb24a93db15fbfa', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '67a588b203385240a0a1084187ca76c3e8c3d64e', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12345
12365
|
}
|
|
12346
12366
|
};
|
|
12347
12367
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12375,7 +12395,7 @@ const SmoothlySubmit = class {
|
|
|
12375
12395
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12376
12396
|
}
|
|
12377
12397
|
render() {
|
|
12378
|
-
return (h(Button, { key: '
|
|
12398
|
+
return (h(Button, { key: '38f2af2c012d59b9d0ebb179fc1c85263083764a', disabled: this.disabled, type: this.type }, h("slot", { key: 'a2254b3fa765ab5b07cf41b323cd9b9842720243' })));
|
|
12379
12399
|
}
|
|
12380
12400
|
};
|
|
12381
12401
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12410,7 +12430,7 @@ const SmoothlySummary = class {
|
|
|
12410
12430
|
}
|
|
12411
12431
|
}
|
|
12412
12432
|
render() {
|
|
12413
|
-
return (h("details", { key: '
|
|
12433
|
+
return (h("details", { key: 'db42c69d9d5c12ebf3f4cd44304827a479ada63f', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '3c0552d3df2469fb2464612fdad04d7b37aea3d2' }, h("smoothly-icon", { key: '1b48642f6cabdcbd8b8e74ff9547c52ee7c8e386', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: '19df2566c29cf0d306ccb59255ae5d2cea8979a1', name: "summary" })), h("slot", { key: 'a250c33f1a121c4edd454d74a0f0d127a4e61491', name: "content" })));
|
|
12414
12434
|
}
|
|
12415
12435
|
};
|
|
12416
12436
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12451,7 +12471,7 @@ const SmoothlyTab = class {
|
|
|
12451
12471
|
}
|
|
12452
12472
|
}
|
|
12453
12473
|
render() {
|
|
12454
|
-
return (h(Host, { key: '
|
|
12474
|
+
return (h(Host, { key: 'e9abf085f302382337c13ecc659ce455ef0c605a' }, h("div", { key: '6215a3bea53670b063afccdcafebba61262b7923' }, h("label", { key: '17139bd2eb67fd86ef9cccf069fa426175f66a33' }, this.label)), h("div", { key: 'cf9e34980ad64f038caffa856713e81f2b24864d', hidden: !this.open }, h("slot", { key: 'fa720f5aca2c2fd2a2017ada2590aa10f3e446af' }))));
|
|
12455
12475
|
}
|
|
12456
12476
|
static get watchers() { return {
|
|
12457
12477
|
"open": ["openHandler"]
|
|
@@ -12502,7 +12522,7 @@ const Table = class {
|
|
|
12502
12522
|
event.stopPropagation();
|
|
12503
12523
|
}
|
|
12504
12524
|
render() {
|
|
12505
|
-
return [h("slot", { key: '
|
|
12525
|
+
return [h("slot", { key: '40600ea9817abce274ee559964ded3a4c577e642' })];
|
|
12506
12526
|
}
|
|
12507
12527
|
get element() { return getElement(this); }
|
|
12508
12528
|
};
|
|
@@ -12516,7 +12536,7 @@ const TableCell = class {
|
|
|
12516
12536
|
registerInstance(this, hostRef);
|
|
12517
12537
|
}
|
|
12518
12538
|
render() {
|
|
12519
|
-
return (h(Host, { key: '
|
|
12539
|
+
return (h(Host, { key: 'b2e26c5efa6a0998a9e4f2e386008e5d83b9014f' }, h("div", { key: '2647d6b541eab5847b74bb8b4b869926f37fac12' }, h("div", { key: 'a56ae7aa84dae912105aff1957ba487c1de3cea2' }, h("slot", { key: '0dac2c08fcf86810abb66e19f68d4e79ee1bfb5f' })), h("smoothly-icon", { key: '02761a618d0eeb45694baca5c992abf8bc3a4d9c', name: "caret-forward-outline", size: "tiny" }))));
|
|
12520
12540
|
}
|
|
12521
12541
|
};
|
|
12522
12542
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12529,7 +12549,7 @@ const TableDemo = class {
|
|
|
12529
12549
|
registerInstance(this, hostRef);
|
|
12530
12550
|
}
|
|
12531
12551
|
render() {
|
|
12532
|
-
return (h(Host, { key: '53be42a59eae93cd04089ceff69e4279067cb963' }, h("h4", { key: 'eb82922296ddd16ac1755b1ee996eebf16a20d09' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7e81cafe928f6e8bc94954aeeaaa1d9ee96d974f', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '8a7997f79ee7d91a9062452d7e0f67fc231a00c4' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: '737454cdc9fd7ec3877cf3abc20c324682b0b7b7' }), " ", h("h4", { key: '0831ab751372c3f4fa3ac915b13a32cd2dbb6612' }, "Demo table 3"), h("smoothly-table", { key: '63dbfdd026af3770afe21cdd4423e0ae587bcb05' }, h("smoothly-table-row", { key: 'd4aab6e8c91f4a818778b1221f0f8a91f378aa11' }, h("smoothly-table-header", { key: '4f67a6f00cf9c58fe7ceec318e0f8eba4379933d' }, "Header A"), h("smoothly-table-header", { key: '4b77c188619fcc87bd538e016fc3a18a37de1de6' }, "Header B"), h("smoothly-table-header", { key: '77e20fd93103e998d7d99ce1abd784e60d86c2f3' }, "Header C"), h("smoothly-table-header", { key: '37c063e78d39652a9faced7fb502b802ee5cbcd4' }, "Header D")), h("smoothly-table-row", { key: '53fa8e66d71549e339e25d27e40a1372d9308fbe' }, h("smoothly-table-expandable-cell", { key: '6fbf000e9fa22ae8f1fd7d50d34a1509c9b5ca58' }, "normal row (exp.cell)", h("div", { key: '065bc1cc7e18d97c6d812957a4572af1283baa9d', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '5ad4def608cd5e6d4f832d73db0c15a6d88e0344' }, "expandable cell", h("div", { key: 'a381374626bb69c50d50274e653e0583954906ab', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'fd0fab270484c25c845e33b04765bf3688566e48' }, "expandable cell", h("div", { key: '6fec880c00f197a2b53abf24a3abe1093cb3c4f2', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '719f23b7d5b5dd7d8f71eb7f9db7b3970fc8464e' }, "expandable cell", h("div", { key: '2f49608fdaa0a93f201530a896c6ab55a28f4694', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: 'e39ad100aabd0560947f9451eface079cc5310e2' }, h("smoothly-table-cell", { key: '5f056437a7d214299d4575c4f2e2632ca522c346' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '52668cc7d4ccadd22820249347fdf2660ae7a085' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '521dff0d3a6e771d109410fdd44553c95ea25c8a' }, "expandable cell", h("div", { key: 'd264864ed7b4b229dba5c45e25ca8b479c20cb35', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '89840546bcc7326181c85cce667ad2fb49493fb8' }, "expandable cell", h("div", { key: '4610e446018c5d43f8e71886940a8d6ac81e0281', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '1713a3125720a103ee6e95c63b0b9b1587d8cd7f' }, h("smoothly-table-cell", { key: '5a8734b046a1d07e1cedd0985ee4f497e9e136d8' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: '09df788fff971152fecf9d103b9dd62aeebbc296' }, "Normal cell"), h("smoothly-table-cell", { key: '8f67df5ff33c39149476871245fc7aeb0e08fc55' }, "normal cell"), h("smoothly-table-cell", { key: 'd552f77aaec787156b92775db9af7f39d2df007d' }, "Normal cell"), h("div", { key: '57cce465b74d94cdb07c80f573da1eddc31c2fe8', slot: "detail" }, "expandable row content"))), h("h4", { key: '21be288e1b027ec3d91c4ae289d0ed3ca910f72b' }, "Demo table 4"), h("smoothly-table", { key: '79c5d88554a41218e9e2460d427168264b0cf594' }, h("smoothly-table-row", { key: '33f26f80e4b4cb17506d50a29273af3841d8f222' }, h("smoothly-table-header", { key: 'd33b1f37b787b14b28c7448194595fadaaecab7e' }, "Header A"), h("smoothly-table-expandable-cell", { key: '16a420bf3010f1d943bf0ea8b20a6c2f100c4246' }, "Header expansion", h("div", { key: '01f58dab2bb54d466bb349e0ac6319c59a6907a3', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '412a9dbb500e06828ad3a636cda7ffab111f95c1' }, h("smoothly-table-cell", { key: '12443da33ba5636fe7385cdbf885bd795aad53e4' }, "A Content"), h("smoothly-table-cell", { key: '2ae92fd591fc09968f0dd64ae4710ab4b8500ba5' }, "Expansion cell"), h("div", { key: '61aca20db9b20d153a41809e646af783bc5c0df1', slot: "detail" }, h("smoothly-tab-switch", { key: '1c731320d3376f90b1aec4cefe9be81ca59d8e0b' }, h("smoothly-tab", { key: '787dfd25409d1eb8c032de03a4e76021273b2c39', label: "innertable 1", open: true }, h("smoothly-table", { key: 'bf7ff75d0defd3dfec37e1c9812b08d1fd9fc0df' }, h("smoothly-table-row", { key: '9b0976a3bb217182b0c4eccf0d6ce9f6489db5b5' }, h("smoothly-table-header", { key: '8318c77201c05f4b02cc41744eb35bf2f4140826' }, "Header B")), h("smoothly-table-expandable-row", { key: 'abf930d458088ff00d6894e04ead5d1bf61a0a41' }, "B Content"))), h("smoothly-tab", { key: '6f6d637cf420bbac5568137fc600c0d42117e39f', label: "innertable 2" }, h("smoothly-table", { key: '2daff30706926cbeaf3cfa172afda97f519f03a5' }, h("smoothly-table-row", { key: '37e4ac959eabe3a284a9ede1385f82d515e31702' }, h("smoothly-table-header", { key: '6c84a8ebac2350edeef0653f3e59079e5c969dde' }, "Header C")), h("smoothly-table-expandable-row", { key: '6b56c777f4286168241e83efa484512d275ae23b' }, h("smoothly-table-cell", { key: '918a273d94baf14e27a9042b75f82698fc2679d9' }, "C Content"))))))), h("smoothly-table-row", { key: '4c99290f4567f45c8ba2606b19aa38d3950278d6' }, h("smoothly-table-cell", { key: 'e24602c2d06e80798ce8ba36644746d724ae98c3' }, "A Content"), h("smoothly-table-expandable-cell", { key: '4aaca4f1195f72b963a70881ac080b315676e31f' }, "Expandable cell", h("div", { key: 'fd897f99596867ca2644533180023bbd4db57904', slot: "detail" }, "Expansion content")))), h("h4", { key: '464e5866782dd5b72f52ecc96626a73eaa8be487' }, "Demo table 5"), h("smoothly-table", { key: '3139ea330252eb033895f7d16ebdc0e3980e369a' }, h("smoothly-table-row", { key: 'b69b34950d30b773165172cc0a6e3e08de0c7a24' }, h("smoothly-table-header", { key: '84a384ad69d58a5d03dda1b68942c087aae877ce' }, "A"), h("smoothly-table-header", { key: '9ece563e33a3b3fd6a1104947e4bc7eb77ccde96' }, "B")), h("smoothly-table-expandable-row", { key: '5a2a87a7808fa7f6542077d7c7ce1749f2674908' }, h("smoothly-table-cell", { key: 'a7dd2f2be706a2f1d5f5613a6933fe98fb038122' }, "nested expandable row"), h("smoothly-table-cell", { key: '37e8d1009e76cd6d0d2988a30cf9c53ca3ce6c5d' }, "b row"), h("div", { key: 'fa3b423faa8d27d04c799d7633bec0f524cae4c8', slot: "detail" }, h("smoothly-table", { key: 'f74b66f981299ae91080332cc1300b3ef250a227' }, h("smoothly-table-row", { key: 'ae79b6b1a558535948bdfdb3b0b22c5685918a03' }, h("smoothly-table-header", { key: '18ffda1fb5f144c974faaefcf6a473d106029dd6' }, "C"), h("smoothly-table-header", { key: 'd6de449c379e1be2627c74ac7d50d1a2bfaf0efd' }, "D")), h("smoothly-table-expandable-row", { key: 'a462d2d5e136b90613894c44ace30d5baaf91df2' }, h("smoothly-table-cell", { key: 'ff31516efa7b0c1185fa45aed651fa1e64075447' }, "c"), h("smoothly-table-cell", { key: 'c50cca9b9dbb1ae62425c2320cddc924f80a21a3' }, "d"), h("div", { key: '47b90196c2250a63fc75f30c31b5cf02eb739524', slot: "detail" }, h("smoothly-table", { key: 'bc74a905a606424c061b7fcea5f1eaa3d195357d' }, h("smoothly-table-row", { key: '6344086cd19faecb48068ea0eb9df6abbc67483d' }, h("smoothly-table-header", { key: 'b96fb744d05ef7727d10bfddb8d835403a343c3b' }, "E"), h("smoothly-table-header", { key: '4f28edac13b26b5e5a436007cb131103f967b486' }, "F")), h("smoothly-table-expandable-row", { key: 'ccb6a3921f90059b4b13516a940c1d47673d93db' }, h("smoothly-table-cell", { key: 'c4ac72428b4fa249d248c6962108f919cf91b796' }, "e row"), h("smoothly-table-cell", { key: '931265002c1979ff05aad3c9c1b8857c7a303cca' }, "f row"), h("div", { key: 'aca1cb61af0b26a1d086d46aed3ee87f702abe3f', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '1846b0b91e1f6fc8c36eaeff02d8940a487cb375' }, h("smoothly-table-cell", { key: '9812fecd9a5d276d71f2e4d7cc961c3b9ca1a40e' }, h("span", { key: '5d5b2b8960f9f1d7cdcf37ae8096388476a053a7' }, "one"), h("span", { key: '3575c2c34ebd6c74234c994bc3e935f3b075103d' }, "two"), h("span", { key: '8b57fdcd4b95d1524757ce8a5b87a29aa5ab7886' }, "three")), h("smoothly-table-cell", { key: '8c66989e3216fdaf29c406fa0b8c889d0678289d' }, "five", h("smoothly-icon", { key: '63b081c0e50a59303e9a4396e881ccd29433d97b', name: "paper-plane-sharp", size: "small" })), h("div", { key: '71ab643847e708d3e662c6abaed05032a183781e', slot: "detail" }, "four")), h("smoothly-table-row", { key: 'be51504e8593bd6daf007e0447ff838abc315d1e' }, h("smoothly-table-expandable-cell", { key: 'f003dcecc891e1fa2c14ab0e1267dc11a8f88b2b' }, h("span", { key: '1eb82cea60c15964020f429a56c2e2de0d103035' }, "nested expandable cells"), h("div", { key: '7cfde4f0bd7ac82bbb8abecfc25d34536180ea0e', slot: "detail" }, h("smoothly-table", { key: '0d077b70abb3b5c7b000b35c68c7427740f455b0' }, h("smoothly-table-row", { key: 'b5e3dca9510878a4e05a6bd5b21204a309ccfe93' }, h("smoothly-table-header", { key: '81f4698df8129aa4c1529ef025263d33a0b3c3b2' }, "E"), h("smoothly-table-header", { key: 'bdbbb3abe8317a38e4182542b30cdb65e19fe749' }, "F")), h("smoothly-table-row", { key: 'c4c77253db5205de697387ddb0e6c47e5180540e' }, h("smoothly-table-expandable-cell", { key: '5f6e8709b83d966a6a63008136e63786d3bde9eb' }, "e cell", h("div", { key: 'a25d89be67bb681a00fe29c89835742e7ca5619f', slot: "detail" }, h("smoothly-table", { key: 'db2918aab38e4e3b4f728436d49abbd3cc603fa3' }, h("smoothly-table-row", { key: 'b7498411f85975d4cdbca6b7847b3d9bd12b8bfd' }, h("smoothly-table-header", { key: '4e00e77e49ec8a356f87834ef11a56fd47d1867b' }, "G"), h("smoothly-table-header", { key: '3bccaa99253e8c6f6b879ee3aae3500330b37014' }, "H")), h("smoothly-table-row", { key: 'd7798c3ae8ae3e4bb3e9c4507e9c7dcd15c4d5b9' }, h("smoothly-table-expandable-cell", { key: 'ef6860199bae63f6133ac8c618c82d4c963c537c' }, "g cell", h("div", { key: 'ba66f3b4ac75731b027e0356a832d67691074308', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '2c8a43f2ba6e63d6351469e1b55e85a9966064bf' }, "h cell", h("div", { key: '42c56ab6922c05a378e24e53f9dbfb3ea3feef1d', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '09477cbf50821084917fc057b57e981a70fba3ff' }, "f cell", h("div", { key: '3cbe5260f269e2bfa1aaa3d572a6cd77491b9876', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: 'e3a91516796ed2261d85958eca6f51d96e562779' }, "b cell", h("div", { key: '8aedda49b2422eb69fb2c07b3f192cefc9b67731', slot: "detail" }, h("smoothly-table", { key: '42a8077b634bb8233cc1ac84e09f744119fd49ba' }, h("smoothly-table-row", { key: 'e018db87eb09f82a374601e662dd2272208e52f9' }, h("smoothly-table-header", { key: '8fde0db8cd4caac95a00b178bedc3bdea893ca09' }, "C"), h("smoothly-table-header", { key: 'e0a57373f48ea22b8d2b282d6cc927ebdc164d28' }, "D")), h("smoothly-table-row", { key: '3f557f3880bbe48ae0c25e0b5424e71e2a8515b7' }, h("smoothly-table-expandable-cell", { key: 'ea925a8a132155918d0ed21ead5c6f529abb6aec' }, "c cell", h("div", { key: '52b0a1775a5170443035919292e2455510c9f33d', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: 'b76b324f5cb0f52393550cb22222e5bd2c04ff43' }, "d cell", h("div", { key: 'ae05f73f18d89f513bb22621c1d12789231872d0', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: '6438b23072b40c3bc099d0cf5daa5b8b5357ea38' }, "Demo table 6"), h("smoothly-table", { key: 'f20f628341871564f5d59d19ecddb5546b8d38ac' }, h("smoothly-table-row", { key: 'd3d1bbc34e34d7588227ce7cb1186d856e4d8049' }, h("smoothly-table-header", { key: '3f0e92b3d7261a7df46926985cba28db7844fdf6' }, "display"), h("smoothly-table-header", { key: 'f5707ce56267df67e3cd3df795377b83dceb4255' }, "contents")), h("smoothly-table-expandable-row", { key: 'f2bda55afc889531878a3829f777503637679b48' }, h("div", { key: 'c5b1957c219a5e339af7af1651381e05ff348dda', class: "content" }, h("smoothly-table-cell", { key: '365a004e4b59db24dab6bdb60c72e3a2fcff8b1b' }, "A"), h("smoothly-table-cell", { key: 'b5ba9d75db1b029cd5d6132eeb607061a0d6bf54' }, "B")), h("div", { key: 'eb91d19f108d7257d0a294f270bf40d6627d0cd1', slot: "detail" }, "expansion"))), h("h4", { key: '9d5f1cf978c2664f101ebca6010f476b684ddd56' }, "Demo table 7"), " ", h("span", { key: '06b5c34d857967b1aa7586a323cd03b51ce49c35' }, "nested 1 then normal"), h("smoothly-table", { key: '3711d238f8777d80bfd10e554a3482dd56f57b03' }, h("smoothly-table-row", { key: '909ed9e0085499e2df9a011d4b6bc393a92c6e47' }, h("smoothly-table-header", { key: '1bc9a70fcd64fa6ec024a92fd3decd39756d2789' }, "A"), h("smoothly-table-header", { key: 'f7d8450307f414480684ae78227c834052a3de0b' }, "B")), h("smoothly-table-expandable-row", { key: '89ed4dc28fca818ce6810a048342ac95b1efc171' }, h("smoothly-table-cell", { key: '43475fa094b0cda43a36d575a5c276c3f1f5f7d7' }, "a"), h("smoothly-table-cell", { key: '066f0d4136ed9666a14f0b054314f665058c3889' }, "b"), h("div", { key: '87d5cc45e000b8f3a5837b3eced1ec07a6f38286', slot: "detail" }, h("smoothly-table", { key: 'd0f341e85834aada799ed91b921868eaaa6bcce5' }, h("smoothly-table-row", { key: '9d3df7952a52b2ea60b7c560f12a5548f64fa276' }, h("smoothly-table-header", { key: 'cca4a3e44f8190840954ada48214c96cbd6f73f2' }, "C"), h("smoothly-table-header", { key: 'aad16b50d58b290bc92c365d3ad7093ac93c8c42' }, "D")), h("smoothly-table-row", { key: 'b2410f573e4b6e5145d1500459cf8c829dfd1b43' }, h("smoothly-table-cell", { key: 'b3bb934c325fa2e31dc137e6bdbd17a57df51c97' }, "c"), h("smoothly-table-cell", { key: '9af6e85dc3c35be8a0cfd9f0ddec705c30d5f210' }, "d")), h("smoothly-table-row", { key: '4e3b2f5e2673272154a2af4f2fca975989c6ed3b' }, h("smoothly-table-cell", { key: '14b370359113242ab32710fb90bc4ffd6ad9bdbf' }, "ccc"), h("smoothly-table-cell", { key: 'bf682bcf6afc718acab50ce0424c667727027b13' }, "ddd")), h("smoothly-table-expandable-row", { key: '8c01e7aaea93262f13bfc94e77d4f17df783bfdf' }, h("smoothly-table-cell", { key: '58bcd236abc71d79ea1a161bd6cc4e26b4714843' }, "cccc"), h("smoothly-table-cell", { key: '9a1ab4ede2df570c36e4f272c53af7e641f81170' }, "dddd"), h("div", { key: '146b2067ee93e6ca4ff7b751011967573c6a0c8e', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '77aa000c64e986d8bdde7a2be2dc1401ecb740dd' }, h("smoothly-table-cell", { key: '420eb1202a5b11b60373d6ca907155e0c999fc53' }, "ccccc"), h("smoothly-table-cell", { key: '8f317e48c7b1ffb4021d9ba7530867d29495e69c' }, "ddd")), h("smoothly-table-expandable-row", { key: 'd2f2461ab8890259add01e72b4a6fb14cfae103b' }, h("smoothly-table-cell", { key: 'c1a391f17e78eade7164f38e39da4654745d0a4b' }, "cccc"), h("smoothly-table-cell", { key: '4a21834108de69eafc6afb5c9ba7bc38c68df5b3' }, "dddd"), h("div", { key: '67841034f3773a7bb691d5eaa81331b8cc3f8390', slot: "detail" }, "CONTENT")))))), h("h4", { key: '212fe2aa1b5f596a50c4f531b0ff878dbf54dce4' }, "Demo table 8"), " ", h("span", { key: 'fda94e3d597b2e76b6706c34b87fe43b63cd46ab' }, "not nested"), h("smoothly-table", { key: '64a60486ab6a8ee4c4ae9457d398714000614042' }, h("smoothly-table-row", { key: '06c60080d5971679267d08e70220071209dfa195' }, h("smoothly-table-header", { key: 'b34b6ecd52c21407e1640824bbb6f2d3c79467fa' }, "C"), h("smoothly-table-header", { key: '2190dbe3b5416140c407fa2c94b7b8162ff16308' }, "D")), h("smoothly-table-row", { key: 'b9daca3cb9bf107e7d8efa49e4699ad14673acb7' }, h("smoothly-table-cell", { key: '8c183a97f3c9431c24c9e885eb34b41d51dda994' }, "c"), h("smoothly-table-cell", { key: 'a7e2667b937c1d8ed12c5ff7a969101e566312c1' }, "d")), h("smoothly-table-row", { key: '5596e62054e2919743ac5d39f4f579645e358b2c' }, h("smoothly-table-cell", { key: '311c108dda3a3ffed0184107d9353f8cc7860aa2' }, "cc"), h("smoothly-table-cell", { key: '388a86072db44bf753219a97092ed45c99d11a37' }, "dd")), h("smoothly-table-row", { key: 'e3d1584898e569ec0def668c03511b757c451244' }, h("smoothly-table-cell", { key: 'dadbffc5adc459ded3292ca42d62430acb4fc205' }, "ccc"), h("smoothly-table-cell", { key: '0d67878f1d28cb6d7737024a8419d8027b4b6c8f' }, "ddd"))), h("h4", { key: 'ed768d6ff1486be23fbcbaeb895df7e7f9ac76af' }, "Demo table 9"), h("smoothly-table", { key: '4513ffa1a0993f366a6531033f5e15f4b4acf256' }, h("smoothly-table-row", { key: '4871c5b275ece855c9bf7853a224bbc86f2e8698' }, h("smoothly-table-header", { key: '4e0e165504502bb6e8e3a42533aa8937491fdc70' }, "First name"), h("smoothly-table-header", { key: 'ac042a99df6bd34c1100d78e5ed713613b0ea69c' }, "Last name"), h("smoothly-table-header", { key: 'fa2278a5c0245670fb20c1383aca763bae074c07', style: { width: "1px" } }, h("smoothly-icon", { key: '808eba27940405b4f5d4b8b2dfe6659b60ef67b6', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '0f8b1958f4ce3fcf1f1c380247386f09cecb0b7d' }, h("smoothly-table-cell", { key: 'ab1468dd6c339a7d3aff94663bdb41d60059b6fa' }, "Jessie"), h("smoothly-table-cell", { key: '8fb30d257a9571789b37240f0b149c0baabc1e62' }, "Doe"), h("smoothly-table-cell", { key: '845e11d81dd7d39856e76e4ea15b7f08d7200438' }), h("div", { key: 'ac7905d0e54b50af47326d3b90e66dc72b914111', slot: "detail" }, h("p", { key: '056dcc6010198390547269c2a67fb13647bfb80f' }, "This is Jessie")))), h("h4", { key: '5765cda98831141b38f6cc8382c752cb403f1335' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '5829a6614b1eeb7d702b4e3416c5c309d7b301e0' }, h("smoothly-table-row", { key: '0d2e7ede6669addd5b377f994c8fca915328f385' }, h("smoothly-table-header", { key: 'db80f2b2d84d91ea428066a7dcb70349b6f4fe74' }, "Company")), h("smoothly-table-expandable-row", { key: '834cfd2ba1d4db4e4298db3a28ac461fb6fcf81c' }, h("smoothly-table-cell", { key: '8f728d96847b859604cafab5a1bef0c1e612f0e5' }, "Proquse"), h("smoothly-lazy", { key: '7e3d68734014e00799f86f1b0be62f9764d18576', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '13460803adf16c0d2f2469ffbf8ede151e042bbf' }, h("smoothly-table-cell", { key: '6f34443382211e3f339cda6977cfdf19de4f67f4' }, "Pax2Pay"), h("smoothly-lazy", { key: '82de1aff69f37df7fe1d373901475204a16e3434', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '7fb779cbd4c2f6d5a720afd4c51510a38927afd6' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: '067cc248556ea06c41021f0b885b87d842857be3' }, h("smoothly-table-row", { key: '20e9e2a2f6354322f35f916403fed7ac437bb642' }, h("smoothly-table-header", { key: '3c8b7e1b9507493be02a506ad3db77e63c27399c' }, "Company")), h("smoothly-table-row", { key: '176ab380d25c0b47ab2dd396eee77447c636af97' }, h("smoothly-table-expandable-cell", { key: '422c328a4f38539c81b3611683d5162c2d006d80' }, "Proquse", h("smoothly-lazy", { key: '1b4e48e54ef09fbea0f9d65dccea88ea0fdd6f48', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: 'f1d3848415a2291a24cadc5ff5c6183eadaaaa36' }, h("smoothly-table-expandable-cell", { key: '3d76c51793ffada2758a8991d2154bcc0061fef9' }, "Pax2Pay", h("smoothly-lazy", { key: '07a5a8744fbc02d6ad4b2e174baf49932070f26e', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'de0f29d86ea9406dc33ae6cbb05a985e2fa340fc' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '6b1c7e3adba982d3b0559ebeb902076267ac5a8d' }, h("smoothly-table-row", { key: '012d772d605f309923ac667b5edbc2c90aed56ed' }, h("smoothly-table-header", { key: '7d2ade80f993e248cb17cfe6f792efb803d1f137' }, "Name"), h("smoothly-table-header", { key: '114ed0393418455c376eac9fbbd7c84c62af2964' }, "Age"), h("smoothly-table-header", { key: '025b401043e6a856eab22a25ddd4b0a245ac2aae' }, "Location")), h("smoothly-table-row", { key: 'feedb223f8173e0b43725b2f49eab2789c4d6a49' }, h("smoothly-table-expandable-cell", { key: '83d20ed834c415c8baa2f96df41168b0a719d4df' }, "Jessie", h("div", { key: 'cacc88512e4cbd909cc784fdb117bc0bc1d5d1fd', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '6b47573a5eb0f807fa7faf820fe662927f29c913' }, new Date().getFullYear() - 2000, h("div", { key: '8e5c97a6fd99957bb55c6e7e655a84c8b52826d4', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '735b452b7df36b50155bdd2d618a1ba585702eac' }, "UK", h("div", { key: '708b6efad43c434240dde3cdbea2a74981f75d6c', slot: "detail" }, "London"))))));
|
|
12552
|
+
return (h(Host, { key: '05f202f2465dcb45de996ad8da83d99ab7d80e38' }, h("h4", { key: '4fb706f301922f1e9f40fd9a588509bd13a2dc3c' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '01ab63987373e6aeb373b86d6588b0ce5550f59e', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '5df16d4cb71fd74b02f716d54c448f8e4a02f208' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'b4d3450eee53c6013a6f168fb402605b17443ea7' }), " ", h("h4", { key: '9c0b85ef1f56e844a7398609376fee0dbe003f4e' }, "Demo table 3"), h("smoothly-table", { key: '2b8d57ac2ffdf810d1adaaead410a1597b099538' }, h("smoothly-table-row", { key: '37688f6eae727d327a9567bb2068d85bebfb7d42' }, h("smoothly-table-header", { key: 'ab7e497e138ab880b9e8a60149de142feaa91ce6' }, "Header A"), h("smoothly-table-header", { key: 'a650d31e07a5d7c300051a2e7354e49b65ba2d43' }, "Header B"), h("smoothly-table-header", { key: 'da026fe6de478911c2b91f88f250bdd0482541ba' }, "Header C"), h("smoothly-table-header", { key: '6f4096092dd4d635dc5483ecb2dff0a7b6036a6a' }, "Header D")), h("smoothly-table-row", { key: '36ebe1ae15329edecf13aa2dc6da44ba418266e7' }, h("smoothly-table-expandable-cell", { key: '5f41b80a041ed39936fc448e99d793ced964a88e' }, "normal row (exp.cell)", h("div", { key: '56bc2ef683d6a8db7bc059eec0e61bd73912b785', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '477ec62e71400eb89f679404831183c440127dcf' }, "expandable cell", h("div", { key: '3a654c4d5c05599270bd77769ee67d09667ce35e', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: 'd91a1e8dc0a60e5cd3e7ad55409c38c669b51bee' }, "expandable cell", h("div", { key: 'a99ddd91b83589fc577ef6c02081e55973453ddd', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: 'fc0ca417ad26488e566ec3a48689b60cdea751b9' }, "expandable cell", h("div", { key: '5faff4c747c77ef4fb6c3f760cbf3084bad6ff62', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '26bbb75af599754893af2877534f52e48da19334' }, h("smoothly-table-cell", { key: '7ad4cc1410e3203a6b6f316c3e392a3a8905a660' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: '2c400cbbefc0bcf889276d0dc65a85384810671e' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '9d5e82da00b05b10c9a495be604bdcfd6827b318' }, "expandable cell", h("div", { key: 'f7850e39aba565986f159f35ca9e0e80ae56d6d1', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: 'bb98edc0b115bcf830320ab5d188a182a1b73574' }, "expandable cell", h("div", { key: 'f27137e171c7189a70dc792dc534d649066d71eb', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: '5e54a7f6c06da4fbe552d66bd21b463546d714b3' }, h("smoothly-table-cell", { key: '59121b3d6e411c06b163473eafe2f4c01f56a3e2' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'e487d13c983c0363b51078d77862c35026f82528' }, "Normal cell"), h("smoothly-table-cell", { key: 'e4012866ee117188dd89943b9387c119b71a4329' }, "normal cell"), h("smoothly-table-cell", { key: '859122b5626676521e571b35e679a7096a005e45' }, "Normal cell"), h("div", { key: 'ba54fad8c30b691f352d4e8bd3dc9d0a7458e6c9', slot: "detail" }, "expandable row content"))), h("h4", { key: 'e4cfbd7da1e63b683d091e0df04cdf7db48ff847' }, "Demo table 4"), h("smoothly-table", { key: 'd996a18ccbefd79d69d54dd5574e4cc45807989a' }, h("smoothly-table-row", { key: 'bee281c92bb204afc5a9833cc2fb056b0a9f3ea1' }, h("smoothly-table-header", { key: 'e6a0fdea2462f8557cc442227005d5d85ae78a35' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'b0d36ffe7d963dc14b193b0ee2a08faff7029d7d' }, "Header expansion", h("div", { key: '4c3eb0fdfb54020bd812d082b981db82ddedaf59', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '9ca4f969abb65ecb43804ae49ef7ce5e58175a49' }, h("smoothly-table-cell", { key: 'e4756003dbdbacaafbe1db02e366d1784e84fb34' }, "A Content"), h("smoothly-table-cell", { key: 'd9bb302411c51434676347f1ab7406b1fa10f082' }, "Expansion cell"), h("div", { key: 'b507a3600c1f5d13ac7ed4a9894f6cd583a4b10e', slot: "detail" }, h("smoothly-tab-switch", { key: '5fad8c37db98a127616d7673e38b38c2d259cba7' }, h("smoothly-tab", { key: 'efed1b1c8ec802ca4fc40deaf957ffbfe8299ece', label: "innertable 1", open: true }, h("smoothly-table", { key: '7f33b79f3e605642f56a65d243672174b221ca35' }, h("smoothly-table-row", { key: '86e41722dd4ca2af660ee3896336d1c151894bae' }, h("smoothly-table-header", { key: 'a45d287ad3983d19c2558342cd7d8893d98e37fc' }, "Header B")), h("smoothly-table-expandable-row", { key: '4a21193948f233640b2d6f0118aa2bea80f6bb0f' }, "B Content"))), h("smoothly-tab", { key: '68231adbcf106c17f3572982f5a5d58740213c2c', label: "innertable 2" }, h("smoothly-table", { key: '19add4adc328f1b744b3ee36d24b0923c1500a0e' }, h("smoothly-table-row", { key: 'd002836fe5cb9be4020d0c136c1cf7730cd9ec18' }, h("smoothly-table-header", { key: '13d4addda48d16e992cf5d2c1c4cffee0165847b' }, "Header C")), h("smoothly-table-expandable-row", { key: '6f905a3d79f4f05f33ffa638f684d9ee9a91a7f9' }, h("smoothly-table-cell", { key: 'fdaa97d08c14401a94f804b9d18b94338c37a33b' }, "C Content"))))))), h("smoothly-table-row", { key: '4c81676b6a633c44c81e74c14a55863573f4fb4e' }, h("smoothly-table-cell", { key: '2ea26a31ef0f3b2659cc1c2d32e873e6b7e77164' }, "A Content"), h("smoothly-table-expandable-cell", { key: '855e772a47a12735845d671ed521f5118a56945b' }, "Expandable cell", h("div", { key: 'cff1b5a9e6d6a80ba5563cdbe0e798353d1da929', slot: "detail" }, "Expansion content")))), h("h4", { key: 'dd301800ca3390151a7e2b7552c340871b3ada65' }, "Demo table 5"), h("smoothly-table", { key: 'ab270e3d69ab0581922073ae676af5c3e4d36c01' }, h("smoothly-table-row", { key: '51511e231342b68bcd6bcb6a5408b5cdf0f8bbb9' }, h("smoothly-table-header", { key: '1c6f0c1c5b1a0ae641b6e29f0de63287afd6f657' }, "A"), h("smoothly-table-header", { key: 'b157296178ed172bff8237ea3243737829459f0e' }, "B")), h("smoothly-table-expandable-row", { key: '72d21b76a187aea5d3f8d9d0037d95315dda6a1e' }, h("smoothly-table-cell", { key: 'f72bb26c40ecfc84d9e0d931cdaec94f597690bb' }, "nested expandable row"), h("smoothly-table-cell", { key: '6b5a6f9c3246f1cb7d2587f5bffae8d7f2ffea94' }, "b row"), h("div", { key: 'c6e651dfe3a597ae41f673634e4e81307b779d6e', slot: "detail" }, h("smoothly-table", { key: 'c3bf5c5dfb33de98b23c5e74f3698dc3b353ad1a' }, h("smoothly-table-row", { key: '0e5406f1d24248aa82c8ea7537d032e3de884801' }, h("smoothly-table-header", { key: 'e465ee0c16a9b35d147e85714e5c1252993b20f2' }, "C"), h("smoothly-table-header", { key: '18f38a2f20719e8ae6bcbe6039d25b21fef4b1d4' }, "D")), h("smoothly-table-expandable-row", { key: '0e62c20ba70f075d6def447a697354a39a4f38a8' }, h("smoothly-table-cell", { key: 'c8819381eddda17c7a7f3f08031ebdfbba5fd0d4' }, "c"), h("smoothly-table-cell", { key: 'a616f2a62a0d1883feb465167bbf108283108220' }, "d"), h("div", { key: '71c1a8685c1817f187d15f8b171b3285cfa398bf', slot: "detail" }, h("smoothly-table", { key: '97dc04e9fe88fc62f6b492fd596ad39dc8bec9ae' }, h("smoothly-table-row", { key: '199501009078d13561494af21c8ec0840ee9d104' }, h("smoothly-table-header", { key: 'f9e37b800be70c2f480eec874376ce8cbe3f12bc' }, "E"), h("smoothly-table-header", { key: '812e05fb00483ac087894496f23264a257fb00de' }, "F")), h("smoothly-table-expandable-row", { key: 'f32fa191f4fb8c24e0e1889a3313d05e800d0339' }, h("smoothly-table-cell", { key: 'da620105064652b2fd78ed180848b32562bae6d3' }, "e row"), h("smoothly-table-cell", { key: '3f1c00270d76defd41b7e482e6417c3ab1e7b80a' }, "f row"), h("div", { key: 'abdd6f4a647af8a82f8080f695727687f9bd6e13', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '6b0fed8fd85b5ac6720e9e5bab76d8962611f799' }, h("smoothly-table-cell", { key: '75f9071102edb24f72a8170726e7c301a3a3faf4' }, h("span", { key: '90fcf7a251ba34793dc66602598ccc056439d5d0' }, "one"), h("span", { key: '9a9f1f69a3153527aed737d1e56a20a337df19c2' }, "two"), h("span", { key: '5205ead387624f310cd64f301ca17773ab5c1be9' }, "three")), h("smoothly-table-cell", { key: '861582eff0124b03a5f97532322913181358c0c7' }, "five", h("smoothly-icon", { key: '356d04dbe0cf5b075f5776fe2aa1a784b108a8f0', name: "paper-plane-sharp", size: "small" })), h("div", { key: '8b2f3d2f93d9b8e929032afb282ad982b85eaaa4', slot: "detail" }, "four")), h("smoothly-table-row", { key: '226a638694ebf076a5919b431fe31f934c40af6b' }, h("smoothly-table-expandable-cell", { key: '7b7815d7615e48097ab17b841fde7cf5127dd862' }, h("span", { key: '0d237074de99748f00e5650c21f21bd608277de6' }, "nested expandable cells"), h("div", { key: '25c3656aa0a42e9da41fb5c8453ae5b50f5fb073', slot: "detail" }, h("smoothly-table", { key: 'd04902b2a68e1be3f897a460a4701cee840d4497' }, h("smoothly-table-row", { key: '6f8378ca445613c84228bb6f79e33b5c925fda62' }, h("smoothly-table-header", { key: '01406ab549f571dc9f1b7c93694976cb998516b0' }, "E"), h("smoothly-table-header", { key: 'e184ad1947135d32d095739c11e37eb663ed76af' }, "F")), h("smoothly-table-row", { key: 'dcc40d7510958ceb58f607f1b00bbfdcfa07088d' }, h("smoothly-table-expandable-cell", { key: '4bafb838bfce5358ded7456e18bf4e6b01955625' }, "e cell", h("div", { key: 'a7a29a42cf1498dd930b211a8c13fa61e4e0f5c5', slot: "detail" }, h("smoothly-table", { key: '5fd8eb9523d42adcf8beb802f3771551dc460269' }, h("smoothly-table-row", { key: 'f2186ed8479e075b0a917ab98094cbbef29d4da8' }, h("smoothly-table-header", { key: 'e0ddb5223b0831808a39d31c8b6e6b2bf57cd423' }, "G"), h("smoothly-table-header", { key: '9e3e6fc6f31039d520fa323a7f5549390cc17f76' }, "H")), h("smoothly-table-row", { key: 'deeefaba22b977edcf0412d7bb8cb0b426bb0e54' }, h("smoothly-table-expandable-cell", { key: '88821dd02885d589f8085f23e6f36c80d13b2d17' }, "g cell", h("div", { key: '39dbd0b03e45454d7d250e678ecbace797de9a0b', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '4d37286adc530cbfe80455a4a66b19c1eef62c7d' }, "h cell", h("div", { key: 'b44f5357b900bb7231516f03f9cb78b5f012abf0', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '6d8088c01c1946415d2e6ecaa452a21d08c0027b' }, "f cell", h("div", { key: '55f8999fe29ca292d0aa58568e7ce8a420054f8b', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: 'd5f68a4ec6b87f8852b1c8e7cf197a6b33d65289' }, "b cell", h("div", { key: '0b45b5765eb119e4b040aaf9c269f32cc51f847a', slot: "detail" }, h("smoothly-table", { key: 'bd483dfee993041149aa77d4b1858662de73542f' }, h("smoothly-table-row", { key: '152f5e9742fe66c3d10bb95d697fd89c291e504b' }, h("smoothly-table-header", { key: 'd10c9873ca10d7d0ec3693bc1170bccd2d6d3950' }, "C"), h("smoothly-table-header", { key: 'd9b0595ab82b9463074253048186a263a80dbcd4' }, "D")), h("smoothly-table-row", { key: '13c97897313ad8ed43bb275a796aff2d946d0956' }, h("smoothly-table-expandable-cell", { key: '216b700ed3d29cee790d9040624195981b421b42' }, "c cell", h("div", { key: 'bffd6278082600b414b1df53d4309b75bc519a7f', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '63f23114f39b396fd6a2b76bf1b42bd0311dac47' }, "d cell", h("div", { key: '1d7b427855aa5171459f09a8d30eb1fd08a7ca5c', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'd7d1f71d7dd493aa647ddd78cadafe6c1e2165f4' }, "Demo table 6"), h("smoothly-table", { key: '2f54b456aa9dd3df462698ec3574d05629371bdc' }, h("smoothly-table-row", { key: 'b3e44cf670beb3480231a53bd64f6bfea4a93764' }, h("smoothly-table-header", { key: '58fdc45c8f914d6fdddb7c163b386341658ab80d' }, "display"), h("smoothly-table-header", { key: 'd200bcfe5dc61905e8cac792fc09ccd5868be188' }, "contents")), h("smoothly-table-expandable-row", { key: 'e0c5ac990df41da2e3af26a8384209eb2f750a34' }, h("div", { key: 'f8053809f0e8231645c4275586daf98c5a006c67', class: "content" }, h("smoothly-table-cell", { key: 'd3455132fb39edade7ce473444b8121d2c4bf4b4' }, "A"), h("smoothly-table-cell", { key: 'a1e1998ec1205c136b14e178d998ce962abd0f9a' }, "B")), h("div", { key: 'a091c38f2c87095be721d707b5c2311f09cac5dd', slot: "detail" }, "expansion"))), h("h4", { key: 'a121efde3449fe3b0d137d833b6ae341b504e461' }, "Demo table 7"), " ", h("span", { key: '1cea473703f5570ec3b831a9b82cf560d626e480' }, "nested 1 then normal"), h("smoothly-table", { key: '6e48019d21d7fb678d1b326cc642df179281eb95' }, h("smoothly-table-row", { key: 'e7802be1bba803eb03a384d9f1c42f62f5d390d2' }, h("smoothly-table-header", { key: '40e805e08a0668a530c3bb4689160f8201f6b8ac' }, "A"), h("smoothly-table-header", { key: 'dc4682e849e8a2ee8404141eaa64bd313bd3f1de' }, "B")), h("smoothly-table-expandable-row", { key: 'fe90bd61f27a568eb9d08a7608a6f8fa4afb6d50' }, h("smoothly-table-cell", { key: 'be5a961485f323b6a7adbe07846671ea5e44e8aa' }, "a"), h("smoothly-table-cell", { key: '86849f70da4daea9146fe368ada9af469ca0e24e' }, "b"), h("div", { key: '536a13f511d78941b60fd0ca66df440dd812d36b', slot: "detail" }, h("smoothly-table", { key: 'cc64421e35a9b194244bf65f62bf912d45b7473d' }, h("smoothly-table-row", { key: '2c779f4ca95c05227dc716da7ce5a6b2bc1478bb' }, h("smoothly-table-header", { key: '134c7db01d37c2eacb5657b5a5412ee1c49afad5' }, "C"), h("smoothly-table-header", { key: '2ea508f7502be2f0a7346bdab7aea557c70786d2' }, "D")), h("smoothly-table-row", { key: 'dd7e394bb923e671fd77ec9e92d1e0f988582fcf' }, h("smoothly-table-cell", { key: '9b816eb941de433187616b5dc19e298d5531953c' }, "c"), h("smoothly-table-cell", { key: '4ecfb6cce1d2f0f7233d7c28ae658bcb102bd393' }, "d")), h("smoothly-table-row", { key: '4ee2dd20b58148f56cbc82fbc50e56dc478a1773' }, h("smoothly-table-cell", { key: '2cf709ba94dec6405acafc6bf51df9a000442c47' }, "ccc"), h("smoothly-table-cell", { key: '191db9f6db47fde77b2ae13a99708281e408a419' }, "ddd")), h("smoothly-table-expandable-row", { key: '9348628506f543af56c015787e067845490a5afb' }, h("smoothly-table-cell", { key: '5a27eda4518331ebdff51e19f868b54ba81d3db0' }, "cccc"), h("smoothly-table-cell", { key: '19491dbe0a49fff575e6f2131f21cd567142664f' }, "dddd"), h("div", { key: '0cc05beec1eb2a94276e67e349549b1181c2800d', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '6ad3a5ad78d7a13ee874aa1e34454b655151e212' }, h("smoothly-table-cell", { key: '5f87aefa8c343fed00ded2056f2a3bb4a7bf81f4' }, "ccccc"), h("smoothly-table-cell", { key: '6f4cab1a6e713e9919721e943f3a311babdbc514' }, "ddd")), h("smoothly-table-expandable-row", { key: '2ade8194c8c81a2622075119bd0a774a8e895255' }, h("smoothly-table-cell", { key: '0ca024ae4bfbc7ca1736740bb99a23fd751eecf5' }, "cccc"), h("smoothly-table-cell", { key: '30b6ebead0a09cc72778937cc2c8a09cfaac9264' }, "dddd"), h("div", { key: '86684916edf971ccda8b60f99a9b14fca41ef807', slot: "detail" }, "CONTENT")))))), h("h4", { key: 'a32d1ecac3af32f7d3f1f649e011b08de7d3c169' }, "Demo table 8"), " ", h("span", { key: '11805bd521860c5331c8b9f0d4a8a406c014ba61' }, "not nested"), h("smoothly-table", { key: '4009576336308323853efa04d38751a57700285b' }, h("smoothly-table-row", { key: 'e2844f71096510bb9b20f4e0bc48d9927671b78f' }, h("smoothly-table-header", { key: 'a63ac3e592875b8426dede361e956bd6b4662406' }, "C"), h("smoothly-table-header", { key: '4c436af23c1b72bea53a2746c284f6a5cd62b1f0' }, "D")), h("smoothly-table-row", { key: 'f6c7c46e2add524b441b29034577ff598c7f81a8' }, h("smoothly-table-cell", { key: '82eaf9546f4fd04ffd199d20139668a9612765a1' }, "c"), h("smoothly-table-cell", { key: '131125bdafc52dc560a2def28a0bc9166f2fff79' }, "d")), h("smoothly-table-row", { key: '236112fe5d153cdeb63b046273f8cff31cd5b22f' }, h("smoothly-table-cell", { key: '688d94753909a1fd3801bd6d1dc3dead99e67b40' }, "cc"), h("smoothly-table-cell", { key: 'bc1caa7f054e948ec18fec235f4b2d06a32402b1' }, "dd")), h("smoothly-table-row", { key: '23b9f9f34f4b2b7da11704a85b9fe375e3fedc79' }, h("smoothly-table-cell", { key: '1a126531b75c204a734c9b5e0b1bd3375b0fb6ab' }, "ccc"), h("smoothly-table-cell", { key: 'a115c869e5d45f6752d7f5e041b4d08a0bab78d0' }, "ddd"))), h("h4", { key: '6feebb9f06c57f279ab8a60f5d3243090a912e48' }, "Demo table 9"), h("smoothly-table", { key: '29c4d826c117b47c733efa914407f3f29d25701d' }, h("smoothly-table-row", { key: '3227be3032ba5f29711afe3269df22685be72a73' }, h("smoothly-table-header", { key: '076d1c42e20aebc7584ea5dd5165a33f45382cec' }, "First name"), h("smoothly-table-header", { key: '1110901b7d4d40f6c16a9485078640d1148c00f3' }, "Last name"), h("smoothly-table-header", { key: 'b9e61cf76ad893838d961521611ed26a3fe55c34', style: { width: "1px" } }, h("smoothly-icon", { key: '3a9cc9fd79801293bdad68ab70a74e370ac4d132', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: '1d02f306f52f865ce010e64acb2929228c7bd15e' }, h("smoothly-table-cell", { key: '848030e2325ec5ff5fd539752323e8283b131832' }, "Jessie"), h("smoothly-table-cell", { key: '30435bba21263764657b3eb41ee0222e15501bb3' }, "Doe"), h("smoothly-table-cell", { key: 'a6edb66a4e6edaee7fb70bcbbc4b9b41928155f4' }), h("div", { key: '50629ea722f0569758f015bd0437e8a1d66bb045', slot: "detail" }, h("p", { key: '87a784ff6f169396885a315e6ad6b0920b22e319' }, "This is Jessie")))), h("h4", { key: '0ffdcaa8b0e2b82be3abb880610f323281830765' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '193fbefb3e6994c6252b159399a2216304d53c30' }, h("smoothly-table-row", { key: 'e872ad769cc23dcf369076776b439a7a5913420a' }, h("smoothly-table-header", { key: 'bb5573cec75c0a96ce64b417a5950ecca09593ab' }, "Company")), h("smoothly-table-expandable-row", { key: 'c8e12a4f92615c3b1dca5ea5434386d6d608682a' }, h("smoothly-table-cell", { key: '0f2496508407c14acb8820c22c05822eb9090f1f' }, "Proquse"), h("smoothly-lazy", { key: '5ebe1059422b7b05546f0e684da832f9e66befde', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '19f0e2c1a5003808858d23dbc48547efdc650c95' }, h("smoothly-table-cell", { key: '2e2b0d6eff03ac53f522764140249a1a37b4b7ef' }, "Pax2Pay"), h("smoothly-lazy", { key: '72de23a4e67b331f5d8cfaea9412945b29a5de37', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: '8e3f421528e5484987efef812df2e3856f3b17c6' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'a4e8d1cb657daea4266f45f6623e54fdf130977c' }, h("smoothly-table-row", { key: '8678c8072d2e3ef513c6425290031678cff5d928' }, h("smoothly-table-header", { key: '6bb9b99332a14a4ce86049e0b7aa0165b8a71767' }, "Company")), h("smoothly-table-row", { key: 'e5a05489897c5407917fa63be289fbb205f2e02f' }, h("smoothly-table-expandable-cell", { key: '3180fe43068e9ff3a03dd19099f75adbf6c268ca' }, "Proquse", h("smoothly-lazy", { key: 'b66009b63c479e33b057c64c447f78c2cb030666', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '073a56f66b9896ec6b36f4c044046dffc71f5dc7' }, h("smoothly-table-expandable-cell", { key: '8fd513b716f561d50e281e51797126bd1dd87952' }, "Pax2Pay", h("smoothly-lazy", { key: '61e795ddcfb53acc6b3598bf944b00a5a4254278', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: '554d064b27480332a853fa3aa74e6b04a7298c06' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: 'c99a3f2196512e9037ddbca6ae12de38d2d3b0e0' }, h("smoothly-table-row", { key: 'dc20930e2fa94a7b6be76b96c780fc308f233104' }, h("smoothly-table-header", { key: '41206e45c194741515bec5503db4080b5846ab6d' }, "Name"), h("smoothly-table-header", { key: '5c80fb1c5ffc1b9a3a26ac36e052a96b06c352fa' }, "Age"), h("smoothly-table-header", { key: '2fac1535bd56aa78fde0c5f68163999f87f19b16' }, "Location")), h("smoothly-table-row", { key: '774d89720aac88456620fad2aa294313d3a4026d' }, h("smoothly-table-expandable-cell", { key: 'c33663348ac58721578053b1e59794d018285725' }, "Jessie", h("div", { key: 'a06d9bfd6935dec6e35494e4700ce73fc804039a', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '286b615fefab1bc4c45e2476541eb2c8379c6bca' }, new Date().getFullYear() - 2000, h("div", { key: '82ec68afb6a3552bb0f323c9074e36689f42e0b5', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '745bae86ec773951391956639c035b13d0ff5655' }, "UK", h("div", { key: '12d29d81ccf035f307747c50f14ca69663e69181', slot: "detail" }, "London"))))));
|
|
12533
12553
|
}
|
|
12534
12554
|
};
|
|
12535
12555
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12563,18 +12583,18 @@ const TableDemoFiltered = class {
|
|
|
12563
12583
|
}
|
|
12564
12584
|
render() {
|
|
12565
12585
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12566
|
-
return (h(Host, { key: '
|
|
12586
|
+
return (h(Host, { key: '7c04accc5a76683442261f6cb23a61b553dd1dbc' }, h("smoothly-filter", { key: '7a1960d7637718005c16814b825e0717ef6de467' }, h("smoothly-filter-toggle", { key: 'e545003a8bcb7ad76782d143e3b0d0d52c13deee', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '1b59e1701b91822da437dd5db289fe72b84e08e4', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'bb88ce9e07b0d003a1373ada9f3ec21a88361a7a', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '35a4c1ea2c4f3538965fbc4611abff257a21c64e', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '133339d67b5ea09a456eadf89e6b7b836d4a02d1', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12567
12587
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12568
12588
|
var _a;
|
|
12569
12589
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12570
|
-
})), h("div", { key: '
|
|
12590
|
+
})), h("div", { key: '3520ae0be7fb526fe688e4389fda908369b57c38', slot: "detail" }, h("smoothly-form", { key: 'bbec4f5d3a7446205e1490fd891851f01a398343', looks: "border" }, h("smoothly-filter-select", { key: '923a40b42a516bdf1d8ec11502068de700972cfe', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12571
12591
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12572
12592
|
var _a;
|
|
12573
12593
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12574
|
-
})), h("smoothly-filter-select", { key: '
|
|
12575
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '
|
|
12594
|
+
})), h("smoothly-filter-select", { key: '9bbb2a64f7011c6ce2a496119173f5f7caae7bb4', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12595
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'd1b9d3f942f5307afd5a794e7be82796b748dc17', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12576
12596
|
.flat()
|
|
12577
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '
|
|
12597
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: 'a13b4aebd242e36bcb2413573a94d07dddee846f', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '75e9f70d0bd04e5b7c87d47f0724095e51d0cc07', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", null, "Price")), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
|
|
12578
12598
|
}
|
|
12579
12599
|
};
|
|
12580
12600
|
const names = {
|
|
@@ -12630,7 +12650,7 @@ const TableExpandableCell = class {
|
|
|
12630
12650
|
event.detail(this.element);
|
|
12631
12651
|
}
|
|
12632
12652
|
render() {
|
|
12633
|
-
return (h(Host, { key: '
|
|
12653
|
+
return (h(Host, { key: 'f411536e1e40a6e88dfe7a9c7629c5b58564f7b5' }, h("div", { key: '9d6a7345f698eb817ffffe47193e4a65db4befb8' }, h("smoothly-icon", { key: '18c56a090eb5c1badb143ee5eae67c96599f2ba6', name: "caret-forward-outline" }), h("slot", { key: 'fa98b3e1e3b995427630691dea8af39cef643da7' })), h("tr", { key: 'dbcac9fc20df892fbf8442e44b7d57599ced4acc', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: '7cfd2871877b0a9f6d98f1211eff4c66f1143c8d', colSpan: 999 }, h("slot", { key: '09d2d7c4e768455c322f19042184c17fcebfa44a', name: "detail" })))));
|
|
12634
12654
|
}
|
|
12635
12655
|
get element() { return getElement(this); }
|
|
12636
12656
|
static get watchers() { return {
|
|
@@ -12666,7 +12686,7 @@ const TableExpandableRow = class {
|
|
|
12666
12686
|
event.detail(this.element);
|
|
12667
12687
|
}
|
|
12668
12688
|
render() {
|
|
12669
|
-
return (h(Host, { key: '
|
|
12689
|
+
return (h(Host, { key: 'e23e27417222e7720baeac8551b60abc10a0842b' }, h("div", { key: 'eac1bd46882b2df478999e5fc62f1b96dfbb2e99', onClick: () => (this.open = !this.open) }, h("slot", { key: '7335f2e1e36304a44b749480e052cc9534705c13' })), h("tr", { key: 'a7bc18eea142d709203c5424a0a5c630640de4e4', class: { spotlight: this.spotlight } }, h("td", { key: '7311c658043396c5b902fa4b1b8afda5c64daa42', colSpan: 999 }, h("slot", { key: '069bcc48a059cb7d4955f01e4a105ff3b55365ed', name: "detail" })))));
|
|
12670
12690
|
}
|
|
12671
12691
|
get element() { return getElement(this); }
|
|
12672
12692
|
static get watchers() { return {
|
|
@@ -12684,7 +12704,7 @@ const TableFooter = class {
|
|
|
12684
12704
|
registerInstance(this, hostRef);
|
|
12685
12705
|
}
|
|
12686
12706
|
render() {
|
|
12687
|
-
return h("slot", { key: '
|
|
12707
|
+
return h("slot", { key: 'c8607ab14808db4426066e52b68f3daec99d8d09' });
|
|
12688
12708
|
}
|
|
12689
12709
|
};
|
|
12690
12710
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12698,7 +12718,7 @@ const TableHeader = class {
|
|
|
12698
12718
|
this.name = undefined;
|
|
12699
12719
|
}
|
|
12700
12720
|
render() {
|
|
12701
|
-
return (h(Host, { key: '
|
|
12721
|
+
return (h(Host, { key: 'fbef0c06051b00b98e84b0e7313b605f53b9d4c0' }, h("slot", { key: '0886ac73a5692fd482ff781f08659170cac91640' })));
|
|
12702
12722
|
}
|
|
12703
12723
|
};
|
|
12704
12724
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12728,7 +12748,7 @@ const TableRow = class {
|
|
|
12728
12748
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12729
12749
|
}
|
|
12730
12750
|
render() {
|
|
12731
|
-
return (h("div", { key: '
|
|
12751
|
+
return (h("div", { key: '977cefc7438a7212a424ab903b2378c1cbe40a71', ref: e => (this.element = e) }, h("slot", { key: '2b8dab0ef5559cecec9989770a6d012ea6812658' })));
|
|
12732
12752
|
}
|
|
12733
12753
|
};
|
|
12734
12754
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12770,7 +12790,7 @@ const SmoothlyTableTesting = class {
|
|
|
12770
12790
|
this.counter = 0;
|
|
12771
12791
|
}
|
|
12772
12792
|
render() {
|
|
12773
|
-
return (h(Host, { key: '
|
|
12793
|
+
return (h(Host, { key: '21215a09e085871094148e63d5f5466e03f3bb1f' }, h("smoothly-table", { key: 'ae858527f73f8383a03ba5434f781711d3afbcb0', color: "dark" }, h("smoothly-table-row", { key: '4b1489fdf2a2eb36f7c77b7857ea245ebda37c65' }, h("smoothly-table-header", { key: '639831c9d6202b8a281dd8d1a5728e9b4cdfc3b9' }, "Type"), h("smoothly-table-header", { key: '90c244060d544ef5added3b185f433ce77bd5199' }, "Name"), h("smoothly-table-header", { key: 'b99d1ffff751880b5de32e1ea70624e529a57b9d' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: 'd2ebd8cad2d05ad755d59d991af67d0dbde5d686' }, h("td", { key: '2ce095b524e4783878894495137474f8944d2fce', colSpan: 2 }, h("div", { key: '6455b857455fc13f7f599a213989e7bcfdfee12e', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: '9931a3776728423f6df73a042a043544a62cf0f6', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: 'f08ab8a84d8cfe3b95c769c2f9741b31798ec1f6' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12774
12794
|
}
|
|
12775
12795
|
};
|
|
12776
12796
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12802,7 +12822,7 @@ const SmoothlyTabs = class {
|
|
|
12802
12822
|
old.open = false;
|
|
12803
12823
|
}
|
|
12804
12824
|
render() {
|
|
12805
|
-
return (h(Host, { key: '
|
|
12825
|
+
return (h(Host, { key: 'a5b7b0582045c02167439c2fcec55f86f4fa9b33', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '50e183b3c4b2d4e30408503415186348db3021e1' })));
|
|
12806
12826
|
}
|
|
12807
12827
|
get element() { return getElement(this); }
|
|
12808
12828
|
static get watchers() { return {
|
|
@@ -12819,7 +12839,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12819
12839
|
registerInstance(this, hostRef);
|
|
12820
12840
|
}
|
|
12821
12841
|
render() {
|
|
12822
|
-
return (h("smoothly-tabs", { key: '
|
|
12842
|
+
return (h("smoothly-tabs", { key: 'be38f49689f79e21017a0573f3a197e708b9563a' }, h("smoothly-tab", { key: 'ff0d2c06e9cc5080080eba71891035e0763e11c3', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'fed1c968c786138273891e5ed4a86fe40867bc75', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: 'fa1264ff5d40850f4ed5af19f8417e24086b0825', label: "test3" }, "this is a test message again!")));
|
|
12823
12843
|
}
|
|
12824
12844
|
};
|
|
12825
12845
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12833,7 +12853,7 @@ const SmoothlyThemeColor = class {
|
|
|
12833
12853
|
this.color = undefined;
|
|
12834
12854
|
}
|
|
12835
12855
|
render() {
|
|
12836
|
-
return (h(Host, { key: '
|
|
12856
|
+
return (h(Host, { key: '6b62e176f604438b62079881c825805090b1cd06' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12837
12857
|
}
|
|
12838
12858
|
};
|
|
12839
12859
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12885,7 +12905,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12885
12905
|
registerInstance(this, hostRef);
|
|
12886
12906
|
}
|
|
12887
12907
|
render() {
|
|
12888
|
-
return (h(Host, { key: '
|
|
12908
|
+
return (h(Host, { key: '6cc1af72ad0bde9d00142122a3fa5ffca03bd026' }, h("h2", { key: '86c4634e5fe177e7c2e189131abd4a9a2666e6e0' }, "Theme"), h("smoothly-theme-picker", { key: '8f7a62dfa572b27ba905d66bf06220f8193b456b' }, h("smoothly-item", { key: '729459a73f5e69894914525c052901d5fa9ecd04', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '106fe641b9432d7e247b2199f0a6b02b0535e16a', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'c9e620012e86a505b5b5b14ab18d3937fca0dd78', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '35b0d982c84685b3a273dd8a95a86f6b88f723e8', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '136f49334873f0712b255ce098b3f0d98266b32d', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '7cd89c94b5fa0d247b41b34968fc5d1399f09c7c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'c78fe4025f4bf6c5e3e072d80037b310bbcb7ca9', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'afec0e7fbfcf13b58dc27c5f53505eb39b7c16b5', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'f6f40516ff6ac8b26d66a3208bacdb272a7970ff', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'b1ef136924f073771ac50bf7c7804e18d2b92610' }, h("smoothly-theme-colors", { key: '311644a5f6988d684db4d28ae0b21a604a656a63' }), h("smoothly-theme-guide", { key: '6b2feb5356e74bedc53f8b03cb18c33269ca1830' })), h("smoothly-button", { key: 'da921eb58fa407bb306a97648c64a6ecf4695fd0', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'f0a9118be465d5f5392cb2d2c6643026f57e714b', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'a4ceb0c7b0c5991b7acd2e7440eb9ea0f4f0f05e', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'cbc41766769adc5c07ff3b7f20c34704abde6587', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12889
12909
|
}
|
|
12890
12910
|
};
|
|
12891
12911
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12899,14 +12919,14 @@ const SmoothlyThemeColors = class {
|
|
|
12899
12919
|
}
|
|
12900
12920
|
render() {
|
|
12901
12921
|
return [
|
|
12902
|
-
h("smoothly-display", { key: '
|
|
12903
|
-
h("br", { key: '
|
|
12904
|
-
h("smoothly-display", { key: '
|
|
12905
|
-
h("br", { key: '
|
|
12906
|
-
h("smoothly-display", { key: '
|
|
12907
|
-
h("br", { key: '
|
|
12908
|
-
h("smoothly-display", { key: '
|
|
12909
|
-
h("br", { key: '
|
|
12922
|
+
h("smoothly-display", { key: '77d5537d9483e58433a0266d3065098bd601951e' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12923
|
+
h("br", { key: '1dbf202ca245580dd88f2c421c15cb4dfb26c587' }),
|
|
12924
|
+
h("smoothly-display", { key: '726ff57a55bb51989ba4bf685dff2dbcfe4ef426' }, "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."),
|
|
12925
|
+
h("br", { key: '0adc33d33ac13615ed96d7d27d137e255b4adb08' }),
|
|
12926
|
+
h("smoothly-display", { key: 'c94b2390d510756fa9fbd8c4346a2f73be1e30fe' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12927
|
+
h("br", { key: '5ef4844dd3f283b53e31a9ef0c7de293a6d7f60f' }),
|
|
12928
|
+
h("smoothly-display", { key: '65a03835a4ea17a28fbddb87494a8a763859040c' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12929
|
+
h("br", { key: 'd6780671360b0d3905174dec43a0082eed28639d' }),
|
|
12910
12930
|
];
|
|
12911
12931
|
}
|
|
12912
12932
|
};
|
|
@@ -12921,11 +12941,11 @@ const SmoothlyThemePicker = class {
|
|
|
12921
12941
|
this.element = "smoothly-css";
|
|
12922
12942
|
}
|
|
12923
12943
|
render() {
|
|
12924
|
-
return (h(Host, { key: '
|
|
12944
|
+
return (h(Host, { key: '7e83f623fd4e94e7b476f6373a83405ad9ba2512' }, h("smoothly-input-select", { key: '36388d703eaa1c25655ab9bb2734b9e4b91c8ce5', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12925
12945
|
const element = document.querySelector(`#${this.element}`);
|
|
12926
12946
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12927
12947
|
element.href = e.detail.theme;
|
|
12928
|
-
} }, h("label", { key: '
|
|
12948
|
+
} }, h("label", { key: '6e4b9e3003adc91bbb7aa6402fca451e7aa51d12', slot: "label" }, "Select theme"), h("slot", { key: 'a585a8dc4713ef8e26a2c6baf95a5503db41fed6' }))));
|
|
12929
12949
|
}
|
|
12930
12950
|
};
|
|
12931
12951
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12946,7 +12966,7 @@ const SmoothlyToggle = class {
|
|
|
12946
12966
|
this.selected = !this.selected;
|
|
12947
12967
|
}
|
|
12948
12968
|
render() {
|
|
12949
|
-
return (h("button", { key: '
|
|
12969
|
+
return (h("button", { key: '500f95b2ef0cf7419d29ff7a518c63b0229bcbcc', type: "button" }, h("slot", { key: 'a16785326bfb15b9a6b3d36d421e18c174064241', name: "icon-slot" }), h("slot", { key: 'e78f86bd135d536d8e8c4473976836ea61eaeba8' }, this.name)));
|
|
12950
12970
|
}
|
|
12951
12971
|
};
|
|
12952
12972
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12970,7 +12990,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12970
12990
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12971
12991
|
}
|
|
12972
12992
|
render() {
|
|
12973
|
-
return (h(Host, { key: '
|
|
12993
|
+
return (h(Host, { key: 'fc3ac94f429ce8710d1a256a9cf726fef48ef085' }, h("button", { key: '62c6e4e69b9cbdd2067a7dbd44650a2f8a9dd5fb', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '6315f2dd489ba9b549dd71ab234f706e552169fc', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12974
12994
|
}
|
|
12975
12995
|
};
|
|
12976
12996
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12983,7 +13003,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12983
13003
|
registerInstance(this, hostRef);
|
|
12984
13004
|
}
|
|
12985
13005
|
render() {
|
|
12986
|
-
return (h(Host, { key: '
|
|
13006
|
+
return (h(Host, { key: 'd44e96ed3c64fcf690af376a49719083911dba70' }, h("h4", { key: 'b8db83476c90da989c5a5352685b8f5a076ca17f' }, "Toggle switches"), h("div", { key: '14f1cb978354b9e881eabafbd161085a3af37a95' }, h("p", { key: '9f0f7646a271bbc61113f0adc130604f469138d3' }, "Checkmark"), h("span", { key: '67e7f43bcbe9c1190254afd40dfbd1b2391f03f6' }, h("p", { key: '779eaae2ab25d007b2de1189ce3461906a4df4fd' }, "Tiny"), h("smoothly-toggle-switch", { key: 'be5f4b74488b119d76964b53329edbbf2179fd29', disabled: false, size: "tiny" })), h("span", { key: 'c12231fe652d0fb33cf0636d60ceb48c5c6f0376' }, h("p", { key: '0b2333abf721e95981da640bc5ed87f9c89eb350' }, "Small"), h("smoothly-toggle-switch", { key: 'fdc2dbd57714184aaea52428e085bbdf3233d6ab', disabled: false, size: "small" })), h("span", { key: '21d9ede7fa3fcbef7a37ae6ba3f7c4b8e69fe20b' }, h("p", { key: 'ba1fdcc8decd7f86bc3f616a3973ac3c33852e6e' }, "Standard"), h("smoothly-toggle-switch", { key: 'fb02ae9d896a8fb7dafca574e15787bfb674c32f', disabled: false })), h("span", { key: 'e3ddae31c4189e48da19fa5b088fbc4ed7414c75' }, h("p", { key: 'dc8a4999b012325d07f62e31a7f1738ebc0abc1a' }, "Large"), h("smoothly-toggle-switch", { key: '8e07d6145eaecdba986368575cce31252e6095fe', disabled: false, size: "large" })), h("p", { key: '01c06d278717e3acd6f31d0776cd889f8201d5bd' }, "Colors checkmark"), h("span", { key: 'dace9a88be649b8eb1d9a83b2a2921a485741e70' }, h("p", { key: '65f3a51605a776c4bc08717dfb2ddd851692286f' }, "Danger"), h("smoothly-toggle-switch", { key: 'efec024d66830f165c9652c3529dc918953dd26f', color: "danger", disabled: false, size: "small" })), h("span", { key: 'f1f20496a7515df4a2c8dceeed09fcb5eb9ad91b' }, h("p", { key: '4d377d53265cc5dc9ad78fa3f0365b9fc09cdafd' }, "Primary color"), h("smoothly-toggle-switch", { key: '07bc54d2fc990d30da5e69103027d43c04fde84d', color: "primary", disabled: false, size: "small" })), h("span", { key: 'ab5f67ca7e2065dff62124333146bd55f3e822cb' }, h("p", { key: 'c456e032a49febb89187eff9250d079a8582dec3' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'a30ea32233e7ce9552d1cda9a1a32c93275d8c59', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'd4112ad3ca78b9e20083cab4eb4110ceb499f711' }), h("p", { key: 'd4db8e46892e0f0b2242f8e9496055b422221b4e' }, "Colors no checkmark"), h("span", { key: 'd06820b06dcc667ea394694e9d8c35e2433565bd' }, h("p", { key: '4b843aa71ff9e222cc66fa344d22514b6a359df4' }, "Danger"), h("smoothly-toggle-switch", { key: '239102ce48ce29201ea856b8239e2c834a914610', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'd0234b78d0b106a7772e3ee6be1b132190f2b9b3' }, h("p", { key: 'c3fed6d338021198d517e1feea6f3462932aa13c' }, "Primary color"), h("smoothly-toggle-switch", { key: '01d23428b82e7222b5885c099723c89f7b062597', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '5c29f75218d1a209f4c5466472ff751c586203a2' }, h("p", { key: '785a6a22e4687852a3405faadd6c3a456fb020b1' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'f7ea7e6e3955d52ea23217758642a7f07b58b45d', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12987
13007
|
}
|
|
12988
13008
|
};
|
|
12989
13009
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -13014,7 +13034,7 @@ const SmoothlyTrigger = class {
|
|
|
13014
13034
|
result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
|
|
13015
13035
|
break;
|
|
13016
13036
|
case "button":
|
|
13017
|
-
result = (h("button", { key: '
|
|
13037
|
+
result = (h("button", { key: '9f90f57a800588f874792965f1342ac8fd9da77d', disabled: this.disabled, name: this.name }, h("slot", { key: 'fc127bbbf5abe08d2fa85682f475e79bf9bc3aad' })));
|
|
13018
13038
|
break;
|
|
13019
13039
|
}
|
|
13020
13040
|
return result;
|
|
@@ -13022,6 +13042,6 @@ const SmoothlyTrigger = class {
|
|
|
13022
13042
|
};
|
|
13023
13043
|
SmoothlyTrigger.style = SmoothlyTriggerStyle0;
|
|
13024
13044
|
|
|
13025
|
-
export { SmoothlyApp as smoothly_app, SmoothlyAppDemo as smoothly_app_demo, SmoothlyAppRoom as smoothly_app_room, SmoothlyBackToTop as smoothly_back_to_top, SmoothlyBurger as smoothly_burger, SmoothlyButton as smoothly_button, SmoothlyButtonConfirm as smoothly_button_confirm, SmoothlyButtonDemo as smoothly_button_demo, Calendar as smoothly_calendar, SmoothlyDialog as smoothly_dialog, SmoothlyDialogDemo as smoothly_dialog_demo, SmoothlyDisplay as smoothly_display, SmoothlyDisplayDemo as smoothly_display_demo, SmoothlyDisplayDemoJson as smoothly_display_demo_json, SmoothlyDisplayJson as smoothly_display_json, SmoothlyDisplayJsonObject as smoothly_display_json_object, SmoothlyDisplayJsonPrimitive as smoothly_display_json_primitive, SmoothlyDisplayJsonRecordKey as smoothly_display_json_record_key, SmoothlyFilter as smoothly_filter, SmoothlyFilterField as smoothly_filter_field, SmoothlyFilterInput as smoothly_filter_input, SmoothlyFilterSelect as smoothly_filter_select, SmoothlyFilterToggle as smoothly_filter_toggle, SmoothlyForm as smoothly_form, SmoothlyFormDemo as smoothly_form_demo, SmoothlyFormDemoAll as smoothly_form_demo_all, SmoothlyFormDemoCard as smoothly_form_demo_card, SmoothlyFormDemoControlled as smoothly_form_demo_controlled, SmoothlyFormDemoDate as smoothly_form_demo_date, SmoothlyFormDemoDateRange as smoothly_form_demo_date_range, SmoothlyFormDemoLogin as smoothly_form_demo_login, SmoothlyFormDemoPet as smoothly_form_demo_pet, SmoothlyFormDemoPrices as smoothly_form_demo_prices, SmoothlyFormDemoTransparent as smoothly_form_demo_transparent, SmoothlyFormDemoTyped as smoothly_form_demo_typed, SmoothlyFrame as smoothly_frame, SmoothlyIcon as smoothly_icon, SmoothlyIconDemo as smoothly_icon_demo, SmoothlyInput as smoothly_input, SmoothlyInputCheckbox as smoothly_input_checkbox, SmoothlyInputClear as smoothly_input_clear, SmoothlyInputColor as smoothly_input_color, SmoothlyInputColorDemo as smoothly_input_color_demo, SmoothlyInputDate as smoothly_input_date, SmoothlyInputDateRange as smoothly_input_date_range, SmoothlyInputDemo as smoothly_input_demo, SmoothlyInputDemoStandard as smoothly_input_demo_standard, SmoothlyInputEdit as smoothly_input_edit, SmoothlyInputFile as smoothly_input_file, SmoothlyInputMonth as smoothly_input_month, SmoothlyInputPriceDemo as smoothly_input_price_demo, SmoothlyInputRadio as smoothly_input_radio, SmoothlyInputRadioItem as smoothly_input_radio_item, SmoothlyInputRange as smoothly_input_range, SmoothlyInputRangeDemo as smoothly_input_range_demo, SmoothlyInputReset as smoothly_input_reset, SmoothlyInputSelect as smoothly_input_select, SmoothlyInputSubmit as smoothly_input_submit, SmoothlyItem as smoothly_item, SmoothlyLabel as smoothly_label, SmoothlyLazy as smoothly_lazy, LoadMore as smoothly_load_more, SmoothlyModal as smoothly_modal, SmoothlyNextDemo as smoothly_next_demo, SmoothlyNextDemoColspan as smoothly_next_demo_colspan, SmoothlyNextDemoFillerRowDemo as smoothly_next_demo_filler_row_demo, SmoothlyNextDemoGroup as smoothly_next_demo_group, SmoothlyNextDemoNested as smoothly_next_demo_nested, SmoothlyNextDemoNestedInner as smoothly_next_demo_nested_inner, SmoothlyNextDemoSimple as smoothly_next_demo_simple, SmoothlyNextTable as smoothly_next_table, SmoothlyNextTableBody as smoothly_next_table_body, SmoothlyNextTableCell as smoothly_next_table_cell, TableDemoFiltered$1 as smoothly_next_table_demo_filtered, SmoothlyNextTableExpandableCell as smoothly_next_table_expandable_cell, SmoothlyNextTableExpandableRow as smoothly_next_table_expandable_row, SmoothlyNextTableFillerRow as smoothly_next_table_filler_row, SmoothlyNextTableFoot as smoothly_next_table_foot, SmoothlyNextTableHead as smoothly_next_table_head, SmoothlyNextTableRow as smoothly_next_table_row, SmoothlyNextTableRowGroup as smoothly_next_table_row_group, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlySpinner as smoothly_spinner, SmoothlySubmit as smoothly_submit, SmoothlySummary as smoothly_summary, SmoothlyTab as smoothly_tab, Table as smoothly_table, TableCell as smoothly_table_cell, TableDemo as smoothly_table_demo, TableDemoFiltered as smoothly_table_demo_filtered, TableExpandableCell as smoothly_table_expandable_cell, TableExpandableRow as smoothly_table_expandable_row, TableFooter as smoothly_table_footer, TableHeader as smoothly_table_header, TableRow as smoothly_table_row, SmoothlyTableTesting as smoothly_table_testing, SmoothlyTabs as smoothly_tabs, SmoothlyTabsDemo as smoothly_tabs_demo, SmoothlyThemeColor as smoothly_theme_color, SmoothlyThemeColorVariant as smoothly_theme_color_variant, SmoothlyThemeColors$1 as smoothly_theme_colors, SmoothlyThemeDemo as smoothly_theme_demo, SmoothlyThemeColors as smoothly_theme_guide, SmoothlyThemePicker as smoothly_theme_picker, SmoothlyToggle as smoothly_toggle, SmoothlyToggleSwitch as smoothly_toggle_switch, SmoothlyToggleSwitchDemo as smoothly_toggle_switch_demo, SmoothlyTrigger as smoothly_trigger };
|
|
13045
|
+
export { SmoothlyApp as smoothly_app, SmoothlyAppDemo as smoothly_app_demo, SmoothlyAppRoom as smoothly_app_room, SmoothlyBackToTop as smoothly_back_to_top, SmoothlyBurger as smoothly_burger, SmoothlyButton as smoothly_button, SmoothlyButtonConfirm as smoothly_button_confirm, SmoothlyButtonDemo as smoothly_button_demo, Calendar as smoothly_calendar, SmoothlyDialog as smoothly_dialog, SmoothlyDialogDemo as smoothly_dialog_demo, SmoothlyDisplay as smoothly_display, SmoothlyDisplayDemo as smoothly_display_demo, SmoothlyDisplayDemoJson as smoothly_display_demo_json, SmoothlyDisplayJson as smoothly_display_json, SmoothlyDisplayJsonObject as smoothly_display_json_object, SmoothlyDisplayJsonPrimitive as smoothly_display_json_primitive, SmoothlyDisplayJsonRecordKey as smoothly_display_json_record_key, SmoothlyFilter as smoothly_filter, SmoothlyFilterField as smoothly_filter_field, SmoothlyFilterInput as smoothly_filter_input, SmoothlyFilterSelect as smoothly_filter_select, SmoothlyFilterToggle as smoothly_filter_toggle, SmoothlyForm as smoothly_form, SmoothlyFormDemo as smoothly_form_demo, SmoothlyFormDemoAll as smoothly_form_demo_all, SmoothlyFormDemoCard as smoothly_form_demo_card, SmoothlyFormDemoControlled as smoothly_form_demo_controlled, SmoothlyFormDemoDate as smoothly_form_demo_date, SmoothlyFormDemoDateRange as smoothly_form_demo_date_range, SmoothlyFormDemoLogin as smoothly_form_demo_login, SmoothlyFormDemoPet as smoothly_form_demo_pet, SmoothlyFormDemoPrices$1 as smoothly_form_demo_prices, SmoothlyFormDemoPrices as smoothly_form_demo_schedule, SmoothlyFormDemoTransparent as smoothly_form_demo_transparent, SmoothlyFormDemoTyped as smoothly_form_demo_typed, SmoothlyFrame as smoothly_frame, SmoothlyIcon as smoothly_icon, SmoothlyIconDemo as smoothly_icon_demo, SmoothlyInput as smoothly_input, SmoothlyInputCheckbox as smoothly_input_checkbox, SmoothlyInputClear as smoothly_input_clear, SmoothlyInputColor as smoothly_input_color, SmoothlyInputColorDemo as smoothly_input_color_demo, SmoothlyInputDate as smoothly_input_date, SmoothlyInputDateRange as smoothly_input_date_range, SmoothlyInputDemo as smoothly_input_demo, SmoothlyInputDemoStandard as smoothly_input_demo_standard, SmoothlyInputEdit as smoothly_input_edit, SmoothlyInputFile as smoothly_input_file, SmoothlyInputMonth as smoothly_input_month, SmoothlyInputPriceDemo as smoothly_input_price_demo, SmoothlyInputRadio as smoothly_input_radio, SmoothlyInputRadioItem as smoothly_input_radio_item, SmoothlyInputRange as smoothly_input_range, SmoothlyInputRangeDemo as smoothly_input_range_demo, SmoothlyInputReset as smoothly_input_reset, SmoothlyInputSelect as smoothly_input_select, SmoothlyInputSubmit as smoothly_input_submit, SmoothlyItem as smoothly_item, SmoothlyLabel as smoothly_label, SmoothlyLazy as smoothly_lazy, LoadMore as smoothly_load_more, SmoothlyModal as smoothly_modal, SmoothlyNextDemo as smoothly_next_demo, SmoothlyNextDemoColspan as smoothly_next_demo_colspan, SmoothlyNextDemoFillerRowDemo as smoothly_next_demo_filler_row_demo, SmoothlyNextDemoGroup as smoothly_next_demo_group, SmoothlyNextDemoNested as smoothly_next_demo_nested, SmoothlyNextDemoNestedInner as smoothly_next_demo_nested_inner, SmoothlyNextDemoSimple as smoothly_next_demo_simple, SmoothlyNextTable as smoothly_next_table, SmoothlyNextTableBody as smoothly_next_table_body, SmoothlyNextTableCell as smoothly_next_table_cell, TableDemoFiltered$1 as smoothly_next_table_demo_filtered, SmoothlyNextTableExpandableCell as smoothly_next_table_expandable_cell, SmoothlyNextTableExpandableRow as smoothly_next_table_expandable_row, SmoothlyNextTableFillerRow as smoothly_next_table_filler_row, SmoothlyNextTableFoot as smoothly_next_table_foot, SmoothlyNextTableHead as smoothly_next_table_head, SmoothlyNextTableRow as smoothly_next_table_row, SmoothlyNextTableRowGroup as smoothly_next_table_row_group, Notification as smoothly_notification, Notifier as smoothly_notifier, SmoothlySpinner as smoothly_spinner, SmoothlySubmit as smoothly_submit, SmoothlySummary as smoothly_summary, SmoothlyTab as smoothly_tab, Table as smoothly_table, TableCell as smoothly_table_cell, TableDemo as smoothly_table_demo, TableDemoFiltered as smoothly_table_demo_filtered, TableExpandableCell as smoothly_table_expandable_cell, TableExpandableRow as smoothly_table_expandable_row, TableFooter as smoothly_table_footer, TableHeader as smoothly_table_header, TableRow as smoothly_table_row, SmoothlyTableTesting as smoothly_table_testing, SmoothlyTabs as smoothly_tabs, SmoothlyTabsDemo as smoothly_tabs_demo, SmoothlyThemeColor as smoothly_theme_color, SmoothlyThemeColorVariant as smoothly_theme_color_variant, SmoothlyThemeColors$1 as smoothly_theme_colors, SmoothlyThemeDemo as smoothly_theme_demo, SmoothlyThemeColors as smoothly_theme_guide, SmoothlyThemePicker as smoothly_theme_picker, SmoothlyToggle as smoothly_toggle, SmoothlyToggleSwitch as smoothly_toggle_switch, SmoothlyToggleSwitchDemo as smoothly_toggle_switch_demo, SmoothlyTrigger as smoothly_trigger };
|
|
13026
13046
|
|
|
13027
|
-
//# sourceMappingURL=smoothly-
|
|
13047
|
+
//# sourceMappingURL=smoothly-app_110.entry.js.map
|